Avatar billede jannhomm Nybegynder
01. juli 2004 - 10:34 Der er 9 kommentarer og
1 løsning

Event onclick

Hej jeg har brug for lidt kildekode, der kan udvide en formular på hjemmesiden. Fx. hvis man sætter flueben ud for et spørgsmål, så skal der komme ekstra formularfelter frem, hvor indtastning kan foretages. Men hvis personen ikke foretager afkrydsning, skal disse felter ikke være synlige for brugeren.
Avatar billede jannhomm Nybegynder
01. juli 2004 - 10:40 #1
http://www.eksperten.dk/spm/514464  ... tror dette løser mit problem...
Avatar billede mm12010 Nybegynder
01. juli 2004 - 10:43 #2
<input name="show1" type="checkbox" value="true" onclick="this.nextSibling.style.display=(this.checked)?'inline':'none';"><input name="indtastning1" type="text" style="display:none;">

eller:

<input name="show2" type="checkbox" value="true" onclick="this.form.indtastning2.style.display=(this.checked)?'inline':'none';">
<br>
<input name="indtastning2" type="text" style="display:none;">
Avatar billede jannhomm Nybegynder
01. juli 2004 - 10:51 #3
der er fejl i koden, ved anden checkbox, men ellers ser de fornuftigt ud :-)
Avatar billede jannhomm Nybegynder
01. juli 2004 - 11:02 #4
Hvis jeg nu har har to afkrydsningsfelter ved siden af hinanden. Hvis a vælges vises x længere nede på siden og hvis b vælges vises y længere nede på siden. Hvordan styrer jeg hvilken boks der åbnes, når a og x ikke er ved siden af hinanden.
Avatar billede jannhomm Nybegynder
01. juli 2004 - 11:13 #5
Jeg tror dette er den bedste løsning

<form>
<input type="checkbox" onclick="document.getElementById('levering').style.display= (this.checked) ? 'block' : 'none'" name="show3" value="on" />
<div id="levering" style="display:none">
<input type="text" name="indtastning3" size="10" />
</div>
</form>


<form>
<input type="checkbox" onclick="document.getElementById('salg').style.display= (this.checked) ? 'block' : 'none'" name="show4" value="on" />
<div id="salg" style="display:none">
<input type="text" name="indtastning4" size="10" />
</div>
</form>
Avatar billede mm12010 Nybegynder
01. juli 2004 - 11:13 #6
<form>
boxX:<input name="boxX" type="checkbox" value="true" onclick="this.form.feltX.style.display=(this.checked)?'inline':'none';">boxY:<input name="boxY" type="checkbox" value="true" onclick="this.form.feltY.style.display=(this.checked)?'inline':'none';">
<br><br><br><br>
<input name="feltX" type="text" value="feltX" style="display:none;"><input name="feltY" type="text" value="feltY" style="display:none;">
</form>
Avatar billede jannhomm Nybegynder
01. juli 2004 - 11:34 #7
ok, den køber jeg :-) .. tak for hjælpen, smid et svar, så sender jeg point
Avatar billede mm12010 Nybegynder
01. juli 2004 - 11:36 #8
selv tak :o)
Avatar billede roenving Novice
01. juli 2004 - 11:40 #9
-- men man skal da lige gøre opmærksom på, at den skovenborg viser i det spørgsmål, du selv fandt frem til ofte er behageligere at bruge, da den kan indeholde en hel sektion, altså en gruppe af felter !-)
Avatar billede jannhomm Nybegynder
01. juli 2004 - 11:44 #10
jep det er korrekt ... tror også det er den jeg vil bruge. Den gemmer både tekst og felter... men nu har jeg jo efterspurgt hjælp, og mm12010 løser min problematik.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester