Frågan 31 aug. 2003 07:53 #1 Tjo!
E ganska ny på det här med lite mer avancerad CSS så jag skulle behöva lite hjälp.
Jag skulle vilja veta hur man gömmer och visar en text på clienten?
Gömd:
Visad:jätte hemskt mycket hej.
Där då 'jätte' läggs i ett egen 'div'-element och visas vid behov utan att behöva ladda om sidan.
Kan man göra så? Stöder alla webbläsare detta?
/Grodan
Med hjälp av Javascript kan du enkelt göra detta. Sök på Javascript forumet
L LeonL Medlem sedan dec. 2002 5 871 inlägg Hej hej <div id="hiddenword" style="display='none';">jätte</div>hemskt mycket hej.
<br><br>
<a href="#" OnClick="document.getElementById('hiddenword').style.display='block';">Klicka här! :)</a>
Bör funka :r
Eller med en span för att undvika en radbrytning:
<p>
Hej hej <span id="hiddenword" style="display='none';">jätte</span> hemskt mycket hej.
</p>
<a href="#" OnClick="document.getElementById('hiddenword').style.display='';">Klicka här! </a>
dectgap Medlem sedan sep. 2002 1 655 inlägg
PepeJeria skrev:
Eller med en span för att undvika en radbrytning:
<p>
Hej hej <span id="hiddenword" style="display='none';">jätte</span> hemskt mycket hej.
</p>
<a href="#" OnClick="document.getElementById('hiddenword').style.display='';">Klicka här! </a>
Rättar till det lite:
<p>
Hej hej <span id="hiddenword" style="display: none;">jätte</span> hemskt mycket hej.
</p>
<a href="#" OnClick="document.getElementById('hiddenword').style.display='';">Klicka här! </a>
L LeonL Medlem sedan dec. 2002 5 871 inlägg Tack för rättningen PepeJeria :bire
r\ Och dectap förstås :)
Nexus86 Medlem sedan okt. 2002 3 030 inlägg Eller med länken till javascript:void(0) istället för # så man slipper hamna högst upp på sidan igen.
<p>
Hej hej <span id="hiddenword" style="display: none;">jätte</span> hemskt mycket hej.
</p>
<a href="javascript:void(0)" OnClick="document.getElementById('hiddenword').style.display='';">Klicka här! </a>
(OBS: Inget mellanrum mellan "java" och "script:".)
R// Tog dectgap's kod istället.
Web-Tor Medlem sedan nov. 2000 13 890 inlägg Tråden flyttas från HTML-forumet.
L LeonL Medlem sedan dec. 2002 5 871 inlägg Nu blev det lite rörigt här... det bästa sättet är alltså:
<p>
Hej hej <span id="hiddenword" style="display: none;">jätte</span>hemskt mycket hej.
</p>
<a href="java script:void(0)" OnClick="document.getElementById('hiddenword').style.display='';">Klicka här!</a>
Och det nexus86 menar är nog att det inte ska finnas något mellanrum mellan "java" och "script:".
OT: Varför sätter wF automatiskt ett mellanrum mellan "java" och "script:"? :o
Nexus86 Medlem sedan okt. 2002 3 030 inlägg Oj. Satte kolon på fel ställe.. :r
Nexus86 Medlem sedan okt. 2002 3 030 inlägg
LeonL skrev:
OT: Varför sätter wF automatiskt ett mellanrum mellan "java" och "script:"? :q
http://www.webforum.nu/showthread.php?s=&forumid=158&threadid=66348 (startad av mig t.o.m. :P)
L LeonL Medlem sedan dec. 2002 5 871 inlägg
Nexus86 skrev:
LeonL skrev:
OT: Varför sätter wF automatiskt ett mellanrum mellan "java" och "script:"? :q
http://www.webforum.nu/showthread.php?s=&forumid=158&threadid=66348 (startad av mig t.o.m. :P)
Den tråden missade jag! Nu fick man reda på varför det är så :) Tack för hänvisningen.
Tackar för alla svar, :bire och sry för felpostningen. :r
/Grodan
L LeonL Medlem sedan dec. 2002 5 871 inlägg Du postade inte fel alls! ;)
Du visste ju inte att man skulle använda JavaScript, och div-taggen är ju en HTML-tagg ;)
W web00132 Medlem sedan maj 2001 797 inlägg Hej hej! Jag skulle behöva lite sån här kod. Men jag undrar, i vilka webbläsare funkar denna kod? Jag testade koden på en PC med Explorer 4.0 och det gick inte. Går det att komma runt på nåt sätt kanske?
