Kom ihåg mig?
Home Menu

Menu


gömma <Div>

Ämnesverktyg Visningsalternativ
Oläst 2006-09-17, 21:15 #1
WaZoR.ses avatar
WaZoR.se WaZoR.se är inte uppkopplad
Nykomling
 
Reg.datum: Jul 2006
Inlägg: 42
WaZoR.se WaZoR.se är inte uppkopplad
Nykomling
WaZoR.ses avatar
 
Reg.datum: Jul 2006
Inlägg: 42
<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.
WaZoR.se är inte uppkopplad   Svara med citatSvara med citat
Oläst 2006-09-17, 21:49 #2
Charlie Charlie är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jul 2004
Inlägg: 701
Charlie Charlie är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jul 2004
Inlägg: 701
<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
Charlie är inte uppkopplad   Svara med citatSvara med citat
Oläst 2006-09-17, 22:55 #3
koalas avatar
koala koala är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Sep 2004
Inlägg: 1 154
koala koala är inte uppkopplad
Har WN som tidsfördriv
koalas avatar
 
Reg.datum: Sep 2004
Inlägg: 1 154
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>
Det finns även fler tjusiga effekter att använda ifall du har lust. Titta på demo-sidorna på ovan nämnd hemsida för inspiration.

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>
Reservation för css-slarvfel i nedersta varianten... eventuellt ska du byta ut .style.visibility='hidden' mot något annat...
koala är inte uppkopplad   Svara med citatSvara med citat
Oläst 2006-09-17, 23:17 #4
grazzy grazzy är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Mar 2004
Inlägg: 3 471
grazzy grazzy är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Mar 2004
Inlägg: 3 471
I prototype skriver man med fördel:
Kod:
Element.hide('mindiv');
respektive
Kod:
Element.show('mindiv');
grazzy är inte uppkopplad   Svara med citatSvara med citat
Oläst 2006-09-17, 23:51 #5
koalas avatar
koala koala är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Sep 2004
Inlägg: 1 154
koala koala är inte uppkopplad
Har WN som tidsfördriv
koalas avatar
 
Reg.datum: Sep 2004
Inlägg: 1 154
Citat:
Originally posted by grazzy@Sep 17 2006, 23:17
I prototype skriver man med fördel:
Kod:
Element.hidemindiv;
respektive
Kod:
Element.showmindiv;
Oj, det har jag missat. Får börja använda det istället.
koala är inte uppkopplad   Svara med citatSvara med citat
Oläst 2006-09-18, 00:37 #6
Charlie Charlie är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jul 2004
Inlägg: 701
Charlie Charlie är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jul 2004
Inlägg: 701
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
Charlie är inte uppkopplad   Svara med citatSvara med citat
Oläst 2006-09-18, 14:14 #7
WaZoR.ses avatar
WaZoR.se WaZoR.se är inte uppkopplad
Nykomling
 
Reg.datum: Jul 2006
Inlägg: 42
WaZoR.se WaZoR.se är inte uppkopplad
Nykomling
WaZoR.ses avatar
 
Reg.datum: Jul 2006
Inlägg: 42
Takens
WaZoR.se ä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 18:41.

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