[JavaScript]formularz sekwencyjny

[JavaScript]formularz sekwencyjny

kujol Zobacz profil	29.03.2014, 11:36:19 Post #1
Grupa: Zarejestrowani Postów: 324 Pomógł: 27 Dołączył: 21.07.2013 Ostrzeżenie: (0%)	Jak zrobić formularz sekwencyjny, w którym inputy pojawiają się kolejno po wypełnieniu poprzedniego? @Edit dla potrzebujących: [HTML] pobierz, plaintext <!doctype html> <html> <head> <title>Demo</title> <meta charset="UTF-8"> <link rel="stylesheet" href="css.css" type="text/css"/> </head> <body> <script> function funkcja(value){ text = value; if(text.length >= 2){ document.getElementById("styl").innerHTML = '#guzik{background:green;} #inputjeden{background:red; display:block;} #inputdwa{display:none;}'; } else{ document.getElementById("styl").innerHTML = '#guzik{background:red;} #inputjeden{display:none;} #inputdwa{display:none;}'; } } function funkcjajeden(valuejeden){ textjeden = valuejeden; if(textjeden.length >= 2){ document.getElementById("styl").innerHTML = '#guzik{background:green;} #inputjeden{background:green; display:block;} #inputdwa{background:red; display:block;}'; } else{ document.getElementById("styl").innerHTML = '#guzik{background:green;} #inputjeden{background:red; display:block;} #inputdwa{display:none;}'; } } function funkcjadwa(valuedwa){ textdwa = valuedwa; if(textdwa.length >= 2){ document.getElementById("styl").innerHTML = '#guzik{background:green;} #inputjeden{background:green; display:block;} #inputdwa{background:green; display:block;}'; } else{ document.getElementById("styl").innerHTML = '#guzik{background:green;} #inputjeden{background:green; display:block;} #inputdwa{background:red; display:block;}'; } } </script> <style id="styl"> #guzik{background:red;} #inputjeden{display:none;} #inputdwa{display:none;} </style> <div id="tu"></div> <input type="text" name="text" onkeyup="funkcja(value)" id="guzik"/><br/> <input type="text" name="textjeden" onkeyup="funkcjajeden(value)" id="inputjeden"/> <input type="text" name="textdwa" onkeyup="funkcjadwa(value)" id="inputdwa"/> </body> </html> [HTML] pobierz, plaintext Ten post edytował kujol 29.03.2014, 12:10:42 -------------------- ;)