visa/dölja html

4 svar · 1 164 visningar · startad av Gimbo 16 sep. 2003

GimboMedlem sedan dec. 20001 626 inlägg

Trådstart16 sep. 2003 11:17#1

hejsan

hur gör man detta, låt oss säga att jag har en sök knapp, när man klickar på den så skall ett formulär visas där sök knappen befann sig utan att behöva skapa en helt ny sida med sökfunktionen, har nämligen sätt vissa sidor som har detta:

<div id="Idnamnet" style="{display:none;}">
massa html kod
</div>

sedan när man klickar på sök så visas html koden som finns mellan div taggarna, och sedan finns det en stäng länk, som döljer koden mellan div taggarna??

dectgapMedlem sedan sep. 20021 655 inlägg

16 sep. 2003 11:25#2

<button onclick="document.getElementById('etwas').style.display='block';">Sök</button>

<div id="etwas" style="display: none">

<form>
<input type="text" />
</form>

<a href="#" onclick="document.getElementById('etwas').style.display='none';">Dölj</a>

</div>

GimboMedlem sedan dec. 20001 626 inlägg

16 sep. 2003 11:56#3

man tackar

PeddaMedlem sedan juni 20006 031 inlägg

16 sep. 2003 19:05#4

Vill ha en liknande funktion på en sida, men gillar inte knappen (Sök) utan skulle vilja ha en text länk istället.

Går det på något sätt?

JojoxxMedlem sedan juni 20004 308 inlägg

16 sep. 2003 19:39#5

Tittar du lite närmare på exemplet ger det sig nog själv. Du har redan en text-länk för Dölj-alternativet.

<a href="#" onclick="document.getElementById('etwas').style.display='block';">Sök</a>

<div id="etwas" style="display: none">

<form>
<input type="text" />
</form>

<a href="#" onclick="document.getElementById('etwas').style.display='none';">Dölj</a>