7 svar · 325 visningar · startad av anders4u
hej.
jag skulle vilja visa och gömma en text,
det skulle se ut liknande nedan. "jag som skriver"
<a href="#" javasctipt:visaDivenNedanförMedText;>Rubrik</a>
<Div id="DivId">
Massa text...
</div>
det skulle vara bra om man kunde klicka på rubriken igen för att dölja men det är inte növändigt.
är det någon som vill hjälpa mig med detta?
det ska vara så enkelt som möjligt.
tack på förhand.
hällsning från Anders.
jag vill inte använda lager.
Hittade den här bland mina filer, kan det vara nått sånt du söker?
http://member.webforum.nu/366/vis_dolj.htm
tack
det var nog perfekt.
ska prova det sen.
måste det vara layer?
stöds det av +4 browsers?
:birp
Nej det behöver det inte vara, labba på du. :)
För att det hela även skall fungera i 4.x-webbläsare:
<head>
<script language="JavaScript" type="text/javascript">
function visa(layer) {
if(layer&&!document.layers){
if(layer.style.visibility=='hidden'){
layer.style.visibility='visible';
} else {
layer.style.visibility='hidden';
}
}
if(layer&&document.layers){
layer.visibility=(layer.visibility=="hide")?"show":"hide";
}
}
function getElm(s){
switch(true){
case typeof(document.all)=="object":
return document.all[s];
case typeof(document.getElementById)=="function":
return document.getElementById(s);
case typeof(document.layers)=="object":
return document.layers[s];
default:
return null;
}
};
</script>
</head>
<body>
<div id="menu" style="position: relative; visibility: visible; background-color: red; layer-background-color: red; width: 150px; height: 75px; color: white; ">
Here is text
</div>
<form>
<input type="button" value="show/hide" onclick="visa(getElm('menu'))">
</form>
</body>
:)
Peter S:
Detta var precis vad jag pulade med. Men hur får man lagret att vara osynligt som default? Har trixat som fanken utan att lyckas. :r
Jag kan väl bidra med ett par exempel. Kanske nåt passar.
<HTML>
</head>
<script>
function ShowText(myTargetCell, myText){myTargetCell.innerText = myText;}
</script>
<BODY bgcolor=green>
<table width=100% height=60% border=1>
<tr>
<td height=20% onMouseOver="ShowText(text,'Var det något sådant du menade eller? Lite svårt att förstå exakt hur du menar!')"
onMouseOut="ShowText(text, 'du kan ju ändra i koden till din egen text ')">
<img src=dinbild.gif>För musen upp o ner över bilden </td>
<tr>
<td id="text" width="50% height=30%"></td>
</tr>
</table>
<a href="javascript:void(0)" onClick="mindoldatext.style.visibility='visible'"><img border=0 src="dinbild.gif"></a> Ett exempel till. klicka på bilden
<div id="mindoldatext" style="visibility:hidden">Den här texten är dold från början.<a href="javascript:void(0)" onClick="mindoldatext.style.visibility='hidden'">Klicka</a> för att dölja den igen</div>
</BODY>
</HTML>