Kom ihåg mig?
Home Menu

Menu


Visa en extra textbox, nödvändigt att lägga den i en separat div?

 
Ämnesverktyg Visningsalternativ
Oläst 2010-10-04, 11:33 #1
martines avatar
martine martine är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Mar 2005
Inlägg: 767
martine martine är inte uppkopplad
Mycket flitig postare
martines avatar
 
Reg.datum: Mar 2005
Inlägg: 767
Citat:
Ursprungligen postat av mojitoo Visa inlägg
Hjälp mig annars med hur man kan lösa det på något annat sätt. Med annat sätt menar jag naturligtvis simplare sätt.
I checkboxen:
Kod:
onclick="this.nextSibling.style.display='block'"
är betydligt enklare än att dra igång hela jQuery för detta om du bara vill visa och gömma den (gömma den görs som bekant med display: none).

Och naturligtvis bör du inte stoppa in onödiga div-element.
martine är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-10-05, 21:06 #2
mojitoo mojitoo är inte uppkopplad
Medlem
 
Reg.datum: Jun 2010
Inlägg: 125
mojitoo mojitoo är inte uppkopplad
Medlem
 
Reg.datum: Jun 2010
Inlägg: 125
Citat:
Ursprungligen postat av martine Visa inlägg
I checkboxen:
Kod:
onclick="this.nextSibling.style.display='block'"
är betydligt enklare än att dra igång hela jQuery för detta om du bara vill visa och gömma den (gömma den görs som bekant med display: none).

Och naturligtvis bör du inte stoppa in onödiga div-element.
Nu vet jag inte exakt vad jag kan ha missat eller missförstått då ingenting händer när jag klickar i checkboxen.

Min textbox döljs även bara men tar ändå upp samma plats, fult med ett stort vitt mellanrum mellan checkboxen och spara knappen.

PHP-kod:
<form id="form" name="form" method="post" action="">
            <
fieldset style="width: 450px;">
            <
legend>KONTAKT INFORMATION</legend>
            <
label for="fnamn">Förnamn:</label> <br />
            <
input type="text" name="fnamn" id="fnamn" /> <br />
            <
label for="enamn">Efternamn:</label> <br />
            <
input type="text" name="enamn" id="enamn" /> <br />
            <
label for="epost">E-postadress:</label> <br />
            <
input type="text" name="epost" id="epost" /><br />
            <
input type="checkbox" name="extra_info" id="var" value="var" onclick="this.nextSibling.style.display='block'"/>
            <
label for="var">Extra information</label><br />
            <
textarea name="meddelande" id="meddelande" cols="45" rows="5" style="display:none"></textarea> <br />
            <
input type="submit" name="skicka" id="skicka" value="Skicka meddelandet" />
            </
fieldset>
        </
form
Låt oss även säga att jag skulle vilja visa två labels och två textboxar som i detta exempel hur gör jag då:

PHP-kod:
<form id="form" name="form" method="post" action="">
            <
fieldset style="width: 450px;">
            <
legend>KONTAKT INFORMATION</legend>
            <
input type="checkbox" name="extra_info" id="var" value="var"/>
            <
label for="var">Lägg till för och efternamn</label><br />
            <
label for="fnamn" style="display:none">Förnamn:</label> <br />
            <
input type="text" style="display:none" name="fnamn" id="fnamn" /> <br />
            <
label for="enamn" style="display:none">Efternamn:</label> <br />
            <
input type="text" style="display:none" name="enamn" id="enamn" /> <br />
            <
input type="submit" name="skicka" id="skicka" value="Skicka meddelandet" />
            </
fieldset>
        </
form
Ni vore jättegulliga om ni hjälpte mig med detta.
mojitoo är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-10-06, 14:05 #3
martines avatar
martine martine är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Mar 2005
Inlägg: 767
martine martine är inte uppkopplad
Mycket flitig postare
martines avatar
 
Reg.datum: Mar 2005
Inlägg: 767
Citat:
Ursprungligen postat av mojitoo Visa inlägg
Nu vet jag inte exakt vad jag kan ha missat eller missförstått då ingenting händer när jag klickar i checkboxen.

...

Ni vore jättegulliga om ni hjälpte mig med detta.
Med risk för att bli jättegullig... Lägg alltihop som du vill dölja i ett div-element, sätt style="display:none" och id="undanstoppat". I checkbox-elementet sätter du onclick till "if(this.checked){document.getElementById('undanst oppat').style.display='block'}else{document.getEle mentById('undanstoppat').style.display='none'}". Det borde göra det du vill.

Mitt inlägg var bara en fingervisning om hur man skulle kunna börja. Vill du ha hjälp med liknande problem så rekommenderar jag dig att lära dig JavaScript och css. Utan det kommer du inte mycket längre.
martine är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 17:53.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017