|
<html>
<head> <title>WaZoR.se</title> <script LANGUAGE="JavaScript"> <!-- Original: WaZoR ([email protected]) --> <!-- Web Site: http://www.WaZoR.se --> <!-- Begin function hidde() { LAGERT='hidden'; <--------------------------------------------------------------------------------------------------------- } // End --> </script> </head> <body> <div style="position: absolute; width: 78px; height: 27px; z-index: 1; left:10px; top:15px" id="LAGERT"> Göm mig</div> </p> Göm</p> </body> </html> hej jag skulle vilja veta om det är någon som vet hur man gör för att gömma <Div> med en länk.... har försökt men är inte så bra på sånt här. |
<script>
window.onload = function() { var myLink = document.getElementById("myLink"); myLink.onclick = function() { document.getElementById( this.getAttribute("target") ).style.display = "none"; return false; } } </script> <div id="myDiv">Hej</div> Göm lagret ovan T ex :) Kan ju modifieras så att den hämtar alla länkar med ett visst 'name' etc. Edit: Btw, har inte testat koden, så med reservation för eventuella fel :) |
Om du använder scriptaculous (gör det vetja!) är det väldigt lätt.
Kod:
<a href="#" onclick="new Effect.BlindUp('LAGERT', {duration:0.3}); return false;">Dölj lagret</a>Om scriptaculous känns "bloated" så kan du nöja dig med att använda javascriptramverket prototype. Då skriver du så här istället: Kod:
<a href="#" onclick="$('LAGERT').style.visibility='hidden'; return false;">Dölj lagret</a> |
I prototype skriver man med fördel:
Kod:
Element.hide('mindiv');Kod:
Element.show('mindiv'); |
Citat:
|
Dölj lagret
Prototype tar ju råmycket plats. Vill du blanda javascript och html skulle jag föredra Dölj lagret Fast display="none" är nog att föredra eftersom visibility inte tog bort den fysiska "platsen" senaste gången jag prövade :) |
Takens
|
| Alla tider är GMT +2. Klockan är nu 13:43. |
Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson