22. oktober 2002 - 13:18
Der er
6 kommentarer og 1 løsning
2 form tags på een side
Har jeg overset noget siden det giver problemer at have 2 formularer på een side? Jeg har en stor formular hvori jeg bruger et javascript til en date picker. Denne funktion har sin egen form. Hvis jeg sætter denne form øverst kan den anden form ikke submittes, og hvis jeg bytter om virker pop-up date pickeren ikke :-( Head: <script language="JavaScript" src="calendar1.js"></script> Body: <form name="kalender"> <form name="process" action="preview.php" method="post"> ... </form> </form>
Annonceindlæg fra Computerworld
22. oktober 2002 - 13:28
#1
normalt ville man skrive <form> </form> <form> </form> du kan så via javascript hente/sende værdier mellem de enkelte forms
22. oktober 2002 - 13:36
#2
Det kan jeg ikke bruge til noget, da kalender funktionen skal virke indenfor hovedformularen til at sætte datoer ind i inputfelter. Der er desuden form felter både over og under disse datofelter, så det ville blive noget værre rod med at sende data imellem en masse formularer.
Slettet bruger
22. oktober 2002 - 13:37
#3
Du kan ikke have nestede forms, du må finde en anden løsning.
22. oktober 2002 - 13:39
#4
Jamen date pickeren virker ikke uden en form! Det kan da lade sig gøre på andre sites.
22. oktober 2002 - 13:41
#5
Poster lige hele balladen: <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>TravelQuote</title> <style type="text/css"> body { margin: 0px; background-color :#dddddd; } .background { background-image: url(grafik/header.gif); background-repeat: no-repeat; } A { text-decoration: underline; color: #1587c9; } A:Hover { text-decoration: underline; color: #b80045; } .felt { width: 120px; font-family: Verdana, Arial; font-size: 10px; } td { font-family: Verdana, Arial; font-size: 11px; color: #333333; } #table { width: 100%; } .knap { background-color : ddddddd; color: #333333; font-size: 10px; } </style> <script language="JavaScript" src="calendar1.js"></script> </head> <body scroll="no"> <table id="table" align="center" border="0" cellpadding="0" cellspacing="0"> <form name="kalender"> <form name="process" action="preview.php" method="get"> <tr bgcolor="#ffffff"> <td height="60" class="background"><img src="grafik/spacer.gif" border="0" width="95%" height="60" align="absmiddle" alt=""></td> </tr> <tr> <td> <br> <table align="center" border="0" cellpadding="5" cellspacing="0"> <tr> <td><b>Rejsende</b></td> <td colspan="5"><input type="text" class="felt" name="pax01"> <input type="text" class="felt" name="pax02"> <input type="text" class="felt" name="pax03"> <input type="text" class="felt" name="pax04"> <input type="text" class="felt" name="pax05"> <input type="text" class="felt" name="pax06"><br><input type="text" class="felt" name="pax07"> <input type="text" class="felt" name="pax08"> <input type="text" class="felt" name="pax09"> <input type="text" class="felt" name="pax10"> <input type="text" class="felt" name="pax11"> <input type="text" class="felt" name="pax12"></td> </tr> <tr> <td colspan="6"> </td> </tr> <tr> <td><b>Udrejse</b></td> <td>Dato:<br> <input type="text" class="felt" name="ud_dato" value=""> <a href="java script:cal1.popup();"><img src="img/cal.gif" width="16" height="16" border="0" align="absmiddle" alt="Klik her for at vælge en dato"></a></td> <td>Afrejselufthavn<br><input type="text" class="felt" name="ud_afrejselufthavn"></td> <td>Ankomstlufthavn<br><input type="text" class="felt" name="ud_ankomstlufthavn"></td> <td>Ankomst<br><select size="1" class="felt" name="ud_ankomst"> <option value="Morgen">Morgen</option> <option value="Formiddag">Formiddag</option> <option value="Eftermiddag">Eftermiddag</option> <option value="Aften">Aften</option> <option value="Nat">Nat</option> </select></td> <td>Mellemlanding OK?<br>Ja <input type="radio" name="ud_mellemlanding" checked> Nej <input type="radio" name="mellemlanding"></td> </tr> <tr> <td colspan="6"> </td> </tr> <tr> <td><b>Mellemrejse</b></td> <td>Dato:<br> <input type="text" class="felt" name="ml_dato" value=""> <a href="java script:cal2.popup();"><img src="img/cal.gif" width="16" height="16" border="0" align="absmiddle" alt="Klik her for at vælge en dato"></a></td> <td>Afrejselufthavn<br><input type="text" class="felt" name="ml_afrejselufthavn"></td> <td>Ankomstlufthavn<br><input type="text" class="felt" name="ml_ankomstlufthavn"></td> <td>Ankomst<br><select size="1" class="felt" name="ml_ankomst"> <option value="Morgen">Morgen</option> <option value="Formiddag">Formiddag</option> <option value="Eftermiddag">Eftermiddag</option> <option value="Aften">Aften</option> <option value="Nat">Nat</option> </select></td> <td>Mellemlanding OK?<br>Ja <input type="radio" name="ml_mellemlanding" checked> Nej <input type="radio" name="mellemlanding"></td> </tr> <tr> <td colspan="6"> </td> </tr> <tr> <td><b>Hjemrejse</b></td> <td>Dato:<br> <input type="text" class="felt" name="hj_dato" value=""> <a href="java script:cal3.popup();"><img src="img/cal.gif" width="16" height="16" border="0" align="absmiddle" alt="Klik her for at vælge en dato"></a></td> <td>Afrejselufthavn<br><input type="text" class="felt" name="hj_afrejselufthavn"></td> <td>Ankomstlufthavn<br><input type="text" class="felt" name="hj_ankomstlufthavn"></td> <td>Ankomst<br><select size="1" class="felt" name="hj_ankomst"> <option value="Morgen">Morgen</option> <option value="Formiddag">Formiddag</option> <option value="Eftermiddag">Eftermiddag</option> <option value="Aften">Aften</option> <option value="Nat">Nat</option> </select></td> <td>Mellemlanding OK?<br>Ja <input type="radio" name="hj_mellemlanding" checked> Nej <input type="radio" name="mellemlanding"></td> </form> <script language="JavaScript"> // specify form element as the only parameter (document.forms['formname'].elements['inputname']); // note: you can have as many calendar objects as you need for your application var cal1 = new calendar1(document.forms['kalender'].elements['ud_dato']); cal1.year_scroll = true; cal1.time_comp = false; var cal2 = new calendar1(document.forms['kalender'].elements['ml_dato']); cal2.year_scroll = true; cal2.time_comp = false; var cal3 = new calendar1(document.forms['kalender'].elements['hj_dato']); cal3.year_scroll = true; cal3.time_comp = false; //--> </script> </tr> <tr> <td colspan="6"> </td> </tr> <tr> <td><b>Hotel</b></td> <td>By:<br> <input type="text" class="felt" name="by" value=""></td> <td>Kategori<br><select size="1" class="felt" name="kategori"> <option value="2-stjernet">2-stjernet **</option> <option value="3-stjernet">3-stjernet ***</option> <option value="4-stjernet">4-stjernet ****</option> <option value="5-stjernet">5-stjernet *****</option> </select></td> <td>Prisniveau / nat:<br><input type="text" class="felt" name="pris" value=""></td> <td>Kategori<br><select size="1" class="felt" name="type"> <option value="Enkeltværelse">Enkeltværelse</option> <option value="Dobbeltværelse">Dobbeltværelse</option> <option value="Suite">Suite</option> </select></td> <td> </td> </tr> <tr> <td colspan="6"> </td> </tr> <tr> <td><b>Bemærkninger</b></td> <td colspan="6"><textarea wrap="physical" class="felt" style="width: 740px; height: 80px" name="diverse"></textarea></td> </tr> <tr> <td colspan="6"> </td> </tr> <tr> <td colspan="7" align="right"><input type="submit" class"=felt" value="SE KLADDE"></td> </tr> </form> </table> </td> </tr> </table> </body> </html>
22. oktober 2002 - 13:43
#6
lav din datepicker i sin egen form lav feltet den skriver datoen i, hidden lav en onChange handler onChange="document.forms[\"ditformnavnpaaandenform\"]".feltnavn.value=this.value" så vil datepicker formen sende gemme informationen i et skjult felt, og når det bliver ændret (en dato valgt), vil det automatisk sende værdien over i et andet synligt felt i den korrekte form...
22. oktober 2002 - 13:47
#7
Hov, sorry! Jeg har lige opdaget at jeg bare kan bruge samme form og så ændre i variablerne i nederste javascript
Vi tilbyder markedets bedste kurser inden for webudvikling