14. april 2006 - 15:32
Der er
18 kommentarer og 2 løsninger
vælge formular
Hvordan kan med med 2 radio buttons vælge mellem 2 formular. eks. knap "intern" viser intern formular knap "extern" viser extern formular På Forhånd Tak
Annonceindlæg tema
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
14. april 2006 - 15:55
#1
Læg dine formularer i hver ders div og sæt deres visibility alt efter hvad der klikkes på
14. april 2006 - 16:01
#2
har du et eks ??
14. april 2006 - 16:05
#3
øjeblik
14. april 2006 - 16:15
#4
function showHideForms(s){ document.getElementById('intern').style.display = 'none' document.getElementById('ekstern').style.display = 'none' document.getElementById(s).style.display = 'block' } <a href="java script:void(showHideForms('intern'))">intern</a> <a href="java script:void(showHideForms('ekstern'))">ekstern</a> <form id="intern" style="display:none;"> forms intern </form> <form id="ekstern" style="display:none;"> forms ekstern </form>
14. april 2006 - 16:18
#5
ovenstående skal så tilføjes radiobtns istedet for links således <input type="radio" onClick="showHideForms('intern')"> <input type="radio" onClick="showHideForms('ekstern')">
14. april 2006 - 16:18
#6
<html> <head> <script language="javascript" type="text/javascript"> function showForm(){ if(document.getElementById('radio1').checked){ document.getElementById('form1').style.display = 'block'; document.getElementById('form2').style.display = 'none'; } else{ document.getElementById('form1').style.display = 'none'; document.getElementById('form2').style.display = 'block'; } } </script> </head> <body> <p> <input id="radio1" type="radio" name="Radio1" value="radio1" onClick="showForm();"> <br> <input id="radio2" type="radio" name="Radio1" value="radio2" onClick="showForm();"> <br> </p> <div id="form1" style="display:none"> <form action="" method="get"> <input type="text" value="Form1"> </form> </div> <div id="form2" style="display:none"> <form action="" method="get" > <input type="text" value="form2"> </form> </div> </body> </html>
14. april 2006 - 16:21
#7
horsmark >> Du er da godtnok hurtig hva....
14. april 2006 - 16:21
#8
Tak for hjælpen casualty ;)
14. april 2006 - 16:23
#9
Det var så lidt :) Tak for points
14. april 2006 - 16:26
#10
casualty>> well hmm ikke specielt - flåede det blot ud af hjernen og det er ikke testet eller noget :-) *g* ...foriøvrigt mht til at smide dem i et div så behøves det ikke da form elementer ligesom divs er blockelementer :-) OG du behøver heller ikke at checke på hvilken radio der er sat da onClick skal være onClick="showForms(this)"
14. april 2006 - 16:28
#11
<script language="javascript" type="text/javascript"> function showForm(){ tn=document.getElementById('radio1'); document.getElementById('form1').style.display=(tn.checked)?"block":"none"; document.getElementById('form2').style.display=(tn.checked)?"none":"block"; } </script> ;)
14. april 2006 - 16:33
#12
<script type="text/javascript"> function showForm(obj){ document.getElementById('form1').style.display=(obj.checked)?"block":"none"; document.getElementById('form2').style.display=(obj.checked)?"none":"block"; } </script> mclemens heh én mindre linie *GGGGGG*
14. april 2006 - 16:38
#13
horsmark... virker ikke helt??? <html> <head> <script type="text/javascript"> function showForm(obj){ document.getElementById('form1').style.display=(obj.checked)?"block":"none"; document.getElementById('form2').style.display=(obj.checked)?"none":"block"; } </script> </head> <body> <p> <input id="radio1" type="radio" name="Radio1" value="radio1" onClick="showForm(this);"> <br> <input id="radio2" type="radio" name="Radio1" value="radio2" onClick="showForm(this);"> <br> </p> <div id="form1" style="display:none"> <form action="" method="get"> <input type="text" value="Form1"> </form> </div> <div id="form2" style="display:none"> <form action="" method="get" > <input type="text" value="form2"> </form> </div> </body> </html>
14. april 2006 - 16:39
#14
denne virker dog også... <html> <head> <script language="javascript" type="text/javascript"> function showForm(nn){ tn=new Array("form1","form2"); for(i=0;i<tn.length;i++)document.getElementById(tn[i]).style.display="none"; document.getElementById(nn).style.display="block"; } </script> </head> <body> <p> <input id="radio1" type="radio" name="Radio1" value="radio1" onClick="showForm('form1');"> <br> <input id="radio2" type="radio" name="Radio1" value="radio2" onClick="showForm('form2');"> <br> </p> <div id="form1" style="display:none"> <form action="" method="get"> <input type="text" value="Form1"> </form> </div> <div id="form2" style="display:none"> <form action="" method="get" > <input type="text" value="form2"> </form> </div> </body> </html>
14. april 2006 - 16:41
#15
edit <script language="javascript" type="text/javascript"> -> <script type="text/javascript">
14. april 2006 - 16:48
#16
yes jeg er en vrøvlehat idag... har været oppe siden kl 6 *dammit*
14. april 2006 - 16:52
#17
hehe, jeg sad kl.: 1:00 og kiggede på noget iframe og noget editor js... og ligepludselig var den over 3:00 ;D
14. april 2006 - 16:53
#18
ligepludselig -> lige pludselig ... du er vist ikke den eneste der vrøvler ;)
14. april 2006 - 16:55
#19
...;-)
14. april 2006 - 17:13
#20
Lige jer til at sove NU lol
Vi tilbyder markedets bedste kurser inden for webudvikling