#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2013
    Posts
    3
    Rep Power
    0

    Question Generate personal button with java (textual adventure building)


    Hi all,

    I've got two questions :

    I use this script, send "word" for receive "answer" :

    Code:
    <form name="form1" method="post">
      <textarea name="fname1" value=""></textarea><br>
    <input type="submit" value="send"></form> 
     
    <script type="text/javascript">
    	function validateForm() {
    	var x = document.forms["form1"]["fname1"].value;
    	if (x === "word" ) {
    		document.forms["form1"].innerHTML +=("answer");   
    	} return false; }
    		document.forms["form1"].onsubmit = validateForm;
    </script>
    -> But i'd like receive this button (with his script) instead of "answer" :

    Code:
    <div id="1">
    <input type="button" onClick="return toggleMe('2')" value="to 2"></div>
    <div id="2" style="display: none;">
    2
    <input type="button" onClick="return toggleMe('3')" value="to 3"></div>					  
    <div id="3" style="display: none;">
    3
    <input type="button" onClick="return toggleMe('4')" value="to 4"></div>  
    <div id="4" style="display: none;">
    4 etc
    </div>
    
    //in <head>
    
    <script type="text/javascript">
    function toggleMe(a){
      var next=document.getElementById(a);
      var b=new String();
      b= a-1;
      var prev=document.getElementById(b);
      if(!next)return true;
      if(next.style.display=="none"){
        next.style.display="block"
        prev.style.display="none"
        window.scrollTo(0,0);
      } else {
        next.style.display="none"
      }
      return true;
      }
    </script>
    -> Second question, is it also possible to define the button that will appear depending on what you will write in the text area ?

    Thanks for your help.

    Generate personal button with java (textual adventure building)
  2. #2
  3. A Not To Shabby Code Smurf
    Devshed Beginner (1000 - 1499 posts)

    Join Date
    Aug 2008
    Posts
    1,041
    Rep Power
    119
    This should do the trick:
    Code:
    document.forms["form1"].innerHTML += "<input type=\"button\" value=\"Button\"/>";
    As far as your second question; yes... just use conditional validation to check the value of the textarea and define button results accordingly.

IMN logo majestic logo threadwatch logo seochat tools logo