Jeppeweb Medlem sedan sep. 2006 462 inlägg Frågan 10 feb. 2008 17:42 #1 <div class="menu_header" id="menu_header1"><a href="#" onClick="new Effect.SlideDown('comments'); return false;">Visa</a></div>
<div class="menu_block_container" id="menu_block_container1">
<div class="menu_block" id="menu_block1"><div>
<a href="#" class="close_block" onClick="new Effect.SlideUp('comments'); return false;">Dölj</a></div></div>
Hur skall jag gå tillväga för att få som så att endast "Visa" syns till en början, men klickar jag på "Visa" så kommer "Dölj" att synas, och viceversa.
Hur gör man? En kompis snickrade ihop ett litet javascript, men vi fick det aldrig att fungera. Kolla nedan.
<script type="text/javascript">
funcion commentslinkcheck();
{
var id = document.getElementById("idnamnför diven").innerHTML;
if(id == "<a href='#' onClick='new Effect.SlideDown('comments'); return false;'>Kommentarer - Visa</a>') {
id = "<a href='#' onClick='new Effect.SlideUp('comments'); return false;'>Kommentarer - Dölj</a>";
}
else {
id = "<a href='#' onClick='new Effect.SlideDown('comments'); return false;'>Kommentarer - Visa</a>";
}
}
</script>
Tacksam för hjälp!
P Peter S Medlem sedan dec. 2002 5 483 inlägg Har du ett demo att visa?
Jeppeweb Medlem sedan sep. 2006 462 inlägg Visst!
http://www.woho.se/movies.asp?Display=24
Du ser länkarna högst upp.
Kommentarer
Klicka på dom, så får du se vad de har för funktion!
P Peter S Medlem sedan dec. 2002 5 483 inlägg #menu_block1{
display:none;
}
.
.
.
function Show(s)
{
s = document.getElementById(s);
if (s)
{
s.style.display = "block";
}
}
function Hide(s)
{
s = document.getElementById(s);
if (s)
{
s.style.display = "none";
}
}
.
.
.
<div class="column">
<div class="menu_header" id="menu_header1"><a href="#" onclick="new Effect.SlideDown('comments'); Show('menu_block1'); return false;">Kommentarer</a></div>
<div class="menu_block_container" id="menu_block_container1">
<div class="menu_block" id="menu_block1"><div>
<a href="#" class="close_block" onclick="new Effect.SlideUp('comments'); Hide('menu_block1'); return false;">Dölj</a></div></div>
Jeppeweb Medlem sedan sep. 2006 462 inlägg <script type="text/javascript">
#menu_block1{
display:none;
}
.
.
.
function Show(s)
{
s = document.getElementById(s);
if (s)
{
s.style.display = "block";
}
}
function Hide(s)
{
s = document.getElementById(s);
if (s)
{
s.style.display = "none";
}
}
.
.
.
</script>
<div class="menu_header" id="menu_header1"><a href="#" onclick="new Effect.SlideDown('comments'); Show('menu_block1'); return false;">Kommentarer</a></div>
<div class="menu_block_container" id="menu_block_container1">
<div class="menu_block" id="menu_block1"><div>
<a href="#" class="close_block" onclick="new Effect.SlideUp('comments'); Hide('menu_block1'); return false;">Dölj</a></div></div>
Får ett felmeddelande, rad 112, "Ett objekt förväntas".
Tacksam för all hjälp!
P Peter S Medlem sedan dec. 2002 5 483 inlägg Denna del:
#menu_block1{
display:none;
}
...är CSS. Sedan vill du inte ha med '...' - jag använde dem endast för att separera de tre områdena CSS, JS och övrig HTML-kod :)
Jeppeweb Medlem sedan sep. 2006 462 inlägg Sådärja! Men nu när man klickar på "Kommentarer", så kommer "Dölj" fram, precis. Så ska det vara. Men när "Dölj" kommer fram vill jag inte att "kommetarer" ska synas.
Tack för hjälpen hittills.. guld värd! :r
P Peter S Medlem sedan dec. 2002 5 483 inlägg <div class="column">
<div class="menu_header" id="menu_header1"><a href="#" onclick="new Effect.SlideDown('comments'); Hide('menu_header1'); Show('menu_block1'); return false;">Kommentarer</a></div>
<div class="menu_block_container" id="menu_block_container1">
<div class="menu_block" id="menu_block1"><div>
<a href="#" class="close_block" onclick="new Effect.SlideUp('comments'); Hide('menu_block1'); Show('menu_header1'); return false;">Dölj</a></div></div>
Jeppeweb Medlem sedan sep. 2006 462 inlägg Fast, den buggar lite.
Första gången man klickar på "Kommentarer" så händer det inget, den döljs och döljs inte igen, jättensnabbt. Svårt att förklara. :P Se efter själv, om du orkar.
Jeppeweb Medlem sedan sep. 2006 462 inlägg Jeppeweb Medlem sedan sep. 2006 462 inlägg Det är bara för att den visar "Kommentarer" först, det ska vara tvärtom. :P
P Peter S Medlem sedan dec. 2002 5 483 inlägg Med andra ord skall det vara
#menu_header1{
display:none;
}
...i stället. :)
Jeppeweb Medlem sedan sep. 2006 462 inlägg Det var så enkelt. :)
