19. juni 2004 - 18:36
Der er
11 kommentarer og 1 løsning
Automatisk tekst ved checkbox-markering
Hvordan kommer der automatisk en tekst i "det aktuelle" tekstfelt ved tryk på en checkbox. Teksten skal jeg danne i en funktion. Jeg er godt klar over at koden kunne være lidt mere professionel. <html> <title>test af checkbox</title> <meta name="generator" content="TSW WebCoder"> <head> <script type="text/javascript"> function valider(f){ navn = f.navn; if(navn.value == "" ) { alert("Du skal indtaste navn."); navn.select(); navn.focus(); return false; } navn2 = f.navn2 if(navn2.value == "" ) { alert("Du skal indtaste navn2."); navn2.select(); navn2.focus(); return false; } navn3 = f.navn3 if(navn3.value == "" ) { alert("Du skal indtaste din navn3."); navn3.select(); navn3.focus(); return false; } } </script> </head> <body> <form method="post" name="minform" action="#" onsubmit="return valider(this);"> <table> <tr> <td>Navn:</td> <td><input name="navn" ></td> </tr> <tr> <td>Navn2:</td> <td><input name="navn2" ></td> </tr> <tr> <td>Navn3:</td> <td><input name="navn3" ></td> </tr> <tr> <td>tekstind:<INPUT type=checkbox name="tekstind"></td> <td>indsaet:<INPUT type=checkbox name="indsaet"></td> <tr><td><input type="submit" name="submitknap" value="Send" ></td></tr> </tr> </table> </form> </body> </html>
Annonceindlæg fra Deloitte
Prøv at tilføjge ".value": navn = f.navn.value; Også med alle de andre..
Glem hvad jeg skrev.. :-) Sidder vist og sover.. :-)
tænker du på: var aktivtelm; function indsaetTekst(elm,tekst) { if (aktivtelm && elm.checked == true) { aktivtelm.value = tekst; } } <form method="post" name="minform" action="#" onsubmit="return valider(this);"> <table> <tr> <td>Navn:</td> <td><input name="navn" onfocus="aktivtelm = this" ></td> </tr> <tr> <td>Navn2:</td> <td><input name="navn2" onfocus="aktivtelm = this"></td> </tr> <tr> <td>Navn3:</td> <td><input name="navn3" onfocus="aktivtelm = this" ></td> </tr> <tr> <td>tekstind:<INPUT type=checkbox name="tekstind" onclick="indsaetTekst(this,'Noget tekst');"></td> <td>indsaet:<INPUT type=checkbox name="indsaet"></td> <tr><td><input type="submit" name="submitknap" value="Send" ></td></tr> </tr> </table> </form>
<html> <title>test af checkbox</title> <meta name="generator" content="TSW WebCoder"> <head> <script type="text/javascript"> function valider(f){ navn = f.navn; if(navn.value == "" ) { alert("Du skal indtaste navn."); navn.select(); navn.focus(); return false; } navn2 = f.navn2 if(navn2.value == "" ) { alert("Du skal indtaste navn2."); navn2.select(); navn2.focus(); return false; } navn3 = f.navn3 if(navn3.value == "" ) { alert("Du skal indtaste din navn3."); navn3.select(); navn3.focus(); return false; } return true; } var act = null; function inds(){ if(act){ alert(act.name); act.value = "Noget tekst"; } } </script> </head> <body> <form method="post" name="minform" action="#" onsubmit="return valider(this);"> <table> <tr> <td>Navn:</td> <td><input name="navn" onfocus="act=this;"></td> </tr> <tr> <td>Navn2:</td> <td><input name="navn2" onfocus="act=this;"></td> </tr> <tr> <td>Navn3:</td> <td><input name="navn3" onfocus="act=this;"></td> </tr> <tr> <td>tekstind:<INPUT type=checkbox name="tekstind"></td> <td>indsaet:<INPUT type=checkbox name="indsaet" onclick="if(this.checked)inds();"></td> <tr><td><input type="submit" name="submitknap" value="Send" ></td></tr> </tr> </table> </form> </body> </html>
Ja, såvidt jeg kan se er I begge inde på det. Det skal være sådan, at brugeren klikker på hvilket tekstfelt han vil have sin tekst stående i, og derefter i den checkbox, som aktiverer en funktion der danner den tekst han ønsker.
skal der være en række checkboxe, som hver kan tilføje en bestemt tekst til det aktive tekstfelt? Og skal teksten blive slettet igen hvis checkboxen bliver krydset fra igen?
<html> <title>test af checkbox</title> <meta name="generator" content="TSW WebCoder"> <head> <script type="text/javascript"> function valider(f){ navn = f.navn; if(navn.value == "" ) { alert("Du skal indtaste navn."); navn.select(); navn.focus(); return false; } navn2 = f.navn2 if(navn2.value == "" ) { alert("Du skal indtaste navn2."); navn2.select(); navn2.focus(); return false; } navn3 = f.navn3 if(navn3.value == "" ) { alert("Du skal indtaste din navn3."); navn3.select(); navn3.focus(); return false; } return true; } var act = null; function inds(txt){ if(act){ act.value = txt; } } </script> </head> <body> <form method="post" name="minform" action="#" onsubmit="return valider(this);"> <table> <tr> <td>Navn:</td> <td><input name="navn" onfocus="act=this;"></td> </tr> <tr> <td>Navn2:</td> <td><input name="navn2" onfocus="act=this;"></td> </tr> <tr> <td>Navn3:</td> <td><input name="navn3" onfocus="act=this;"></td> </tr> <tr> <td>Indsæt 'Kvaj':<INPUT type=checkbox name="indsaet" onclick="if(this.checked)inds('Kvaj');"></td> <td>Indsæt 'Du er sød':<INPUT type=checkbox name="indsaet" onclick="if(this.checked)inds('Du er sød');"></td></tr> <tr> <td>Indsæt 'Hej':<INPUT type=checkbox name="indsaet" onclick="if(this.checked)inds('Hej');"></td> <td>Indsæt 'Du er grim':<INPUT type=checkbox name="indsaet" onclick="if(this.checked)inds('Du er grim');"></td></tr> <tr> <td>Indsæt 'Vi ses':<INPUT type=checkbox name="indsaet" onclick="if(this.checked)inds('Vi ses');"></td> <td>Indsæt 'Med venlig hilsen':<INPUT type=checkbox name="indsaet" onclick="if(this.checked)inds('Med venlig hilsen');"></td></tr> <tr><td><input type="submit" name="submitknap" value="Send" ></td></tr> </tr> </table> </form> </body> </html>
21. juni 2004 - 21:35
#10
Men som du kan se erstattes teksten, mens checkboxene bliver stående afkrydset, måske ville det være bedre at lave en tilføj tekst ( brug += i stedet for = ), og så ville jeg også overveje at bruge nogle buttons i stedet !-) -- velbekomme '-)
21. juni 2004 - 21:53
#11
Ja, det nok mere fornuftigt.
08. april 2005 - 09:53
#12
Tak for point ;~}
Vi tilbyder markedets bedste kurser inden for webudvikling