Actualité informatique
Test comparatif matériel informatique
Jeux vidéo
Astuces informatique
Vidéo
Télécharger
Services en ligne
Forum informatique
01Business



|||-  

Générer un bouton personnalisé avec javascript (construction d’aventur

 

2 utilisateurs anonymes
Ajouter une réponse
 

 
Page photos
 
     
Vider la liste des messages à citer
 
 Page :
1
Auteur
 Sujet :

Générer un bouton personnalisé avec javascript (construction d’aventur

RÉSOLU
Prévenir les modérateurs en cas d'abus 
Finelarme
finelarme
Bébé forumeur (De 10 à 49 messages postés)
  1. Posté le 12/08/2013 à 14:36:25  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Bonjour,

J’ai deux questions :

En envoyant "mot" je reçois le texte « reponse ».

Code :(Double-cliquez pour supprimer les numéros de ligne)
  1. <form name="form1" method="post">
  2. <textarea name="fname1" value=""></textarea><br>
  3. <input type="submit" value="send"></form>
  4.  
  5. <script type="text/javascript">
  6. function validateForm() {
  7. var x = document.forms["form1"][&qu​ot;fname1"].value;
  8. if (x === "mot" ) {
  9. document.forms["form1"].innerHT​ML +=("reponse" );
  10. } return false; }
  11. document.forms["form1"].onsubmi​t = validateForm;

-> Mais j'aimerais recevoir ce bouton ci-dessous (et le script associé) à la place de « reponse » :

Code :(Double-cliquez pour supprimer les numéros de ligne)
  1. <div id="1">
  2. <input type="button" onClick="return toggleMe('2')" value="vers 2"></div>
  3. <div id="2" style="display: none;">
  4. 2
  5. <input type="button" onClick="return toggleMe('3')" value="vers 3"></div>
  6. <div id="3" style="display: none;">
  7. 3
  8. <input type="button" onClick="return toggleMe('4')" value="vers 4"></div>
  9. <div id="4" style="display: none;">
  10. 4 etc
  11. </div>
  12.  
  13. //in <head>
  14.  
  15. <script type="text/javascript">
  16. function toggleMe(a){
  17. var next=document.getElementById(a);
  18. var b=new String();
  19. b= a-1;
  20. var prev=document.getElementById(b);
  21. if(!next)return true;
  22. if(next.style.display=="none" ){
  23. next.style.display="block"
  24. prev.style.display="none"
  25. window.scrollTo(0,0);
  26. } else {
  27. next.style.display="none"
  28. }
  29. return true;
  30. }

-> Est-il d'ailleurs possible de definir le bouton qui s'affichera en fonction de ce qu'on ecrira dans le text area ci-dessus ?

Merci pour l’aide apportée.

Edit par Tintin10 : problème de balises de taille dans le code, qui empêchaient la lecture
Message édité par Tintin10 le 26/08/2013 à 20:00:22
  1. config
tintin10
Habitué (de 5 000 à 9 999 messages postés) Développeur
  1. Posté le 12/08/2013 à 18:03:21  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
J'ai un peu de mal à voir ce que tu veux, ici.
J'ai exécuté tes deux codes, ils fonctionnent. Dans le deuxième, ça m'affiche un premier bouton, et dès que je clique dessus, ça m'affiche la valeur précédente du bouton et le bouton dont la valeur a été incrémentée.
Tu voudrais donc recevoir un bouton dont la valeur s'incrémente à chaque clic dès que tu reçois le mot "mot", c'est ça ?
J'attends la suite.

(Publicité)
finelarme
Bébé forumeur (De 10 à 49 messages postés)
  1. Posté le 12/08/2013 à 18:16:23  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Merci pour ton retour Tintin10.

Je suis parvenu à ce que je voulais pour mon premier point :

Code :(Double-cliquez pour supprimer les numéros de ligne)
  1. <form name="form1" method="post">
  2. <textarea name="fname1" value=""></textarea><br>
  3. <input type="submit" value="envoi"></form>
  4. <script type="text/javascript">
  5. function validateForm() {
  6. var x = document.forms["form1"][&qu​ot;fname1"].value;
  7. if (x === "mot" ) {
  8. document.forms["form1"].innerHT​ML +=("<div id=\"1\"><input type=\"button\" onClick=\"return toggleMe('2')\" value=\"vers 2\"></div><div id=\"2\" style=\"display: none;\">2<input type=\"button\" onClick=\"return toggleMe('3')\" value=\"vers 3\"></div><div id=\"3\" style=\"display: none;\">3<input type=\"button\" onClick=\"return toggleMe('4')\" value=\"vers 4\"></div><div id=\"4\" style=\"display: none;\">4 etc</div>" );
  9. } return false; }
  10. document.forms["form1"].onsubmi​t = validateForm;


Par contre pour afficher un bouton précis en fonction de ce qui est écrit je sèche :(. Il faut utiliser .o nkeyup , .value() , .match et .search ? Je n'y comprends rien du tout.
Message édité par Tintin10 le 26/08/2013 à 20:00:41
finelarme
Bébé forumeur (De 10 à 49 messages postés)
  1. Posté le 12/08/2013 à 18:52:17  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
J'ai fait ceci, c'est presque ce que je voulais mais je m'en contenterai :

Code :(Double-cliquez pour supprimer les numéros de ligne)
  1. <script type="text/javascript">
  2. function validateForm() {
  3. var x = document.forms["form1"] ["fname1"].value;
  4. if (x === "1" ) {
  5. document.forms["form1"].innerHT​ML +=("<a href =\"1.html\" target=\"_self\"><input type=\"button\" value=\"1\"></a>" );
  6. } if (x === "2" ) {
  7. document.forms["form1"].innerHT​ML +=("<a href =\"2.html\" target=\"_self\"><input type=\"button\" value=\"2\"></a>" );
  8.  
  9. } return false; }
  10. document.forms["form1"].onsubmi​t = validateForm;


Cependant j'aimerais que lorsque le joueur écrit "1" le bouton s'affiche et s'efface lorsque qu'il écrit "2".
Message édité par Tintin10 le 26/08/2013 à 20:00:50
  1. config
tintin10
Habitué (de 5 000 à 9 999 messages postés) Développeur
  1. Posté le 12/08/2013 à 20:45:38  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Voici le script que tu veux pour effacer le bouton :
Code :(Double-cliquez pour supprimer les numéros de ligne)
  1. <SCRIPT TYPE="text/javascript">
  2.  function validateForm(){
  3.    var x = document.forms["form1"] ["fname1"].value;
  4.    var htmlCode = "<textarea name=\"fname1\" value=\"\"></textarea><br><input type=\"submit\" value=\"envoi\">";
  5.    if (x==="1" ){
  6.      document.forms["form1"].innerHT​ML = htmlCode;
  7.      document.forms["form1"].innerHT​ML +=("<a href =\"1.html\" target=\"_self\"><input type=\"button\" value=\"1\"></a>" );
  8.    }
  9.    if (x==="2" ){
  10.      document.forms["form1"].innerHT​ML = htmlCode;
  11.      document.forms["form1"].innerHT​ML +=("<a href =\"2.html\" target=\"_self\"><input type=\"button\" value=\"2\"></a>" );
  12.    }
  13.    return false;
  14.  }
  15.  document.forms["form1"].onsubmi​t = validateForm;
Message édité par Tintin10 le 26/08/2013 à 20:00:58
(Publicité)
finelarme
Bébé forumeur (De 10 à 49 messages postés)
  1. Posté le 12/08/2013 à 21:07:37  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
T'es un champion, merci beaucoup, c'est parfait.

  1. config
tintin10
Habitué (de 5 000 à 9 999 messages postés) Développeur
  1. Posté le 13/08/2013 à 06:50:31  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
De rien, avec plaisir.

 Page :
1

Aller à :
 

Sujets relatifs
ouverture d'une page dans un target par un click bouton en javascript Bouton HTML qui à disparut! [résolu]
Information concernant le bouton répondre dans les sujets problème de bouton
Crash d'un exe (générer des logs ?) FORMATION Javascript
Plus de sujets relatifs à : Générer un bouton personnalisé avec javascript (construction d’aventur