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

Générer un bouton personnalisé avec javascript (construction d’aventur - HTML/CSS - Programmation

Marsh Posté le 12-08-2013 à 15:30:15    


 
Bonjour,
 
J’ai deux questions :
 
En envoyant "mot" je reçois le texte « reponse ».
 

Code :
  1. <form name="form1" method="post">
  2.   <textarea name="fname1" value=""></textarea><br>
  3. <input type="submit" value="send"></form>
  5. <script type="text/javascript">
  6. function validateForm() {
  7. var x = document.forms["form1"]["fname1"].value;
  8. if (x === "mot" ) {
  9.  document.forms["form1"].innerHTML +=("reponse" ); 
  10. } return false; }
  11.  document.forms["form1"].onsubmit = validateForm;
  12. </script>


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

Code :
  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>
  13. //in <head>
  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.   }
  31. </script>


-> [B]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 ?[/B]
 
Merci pour l’aide apportée.

Reply

Marsh Posté le 12-08-2013 à 15:30:15   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed