Ny tekst ved klik

http://activedeveloper.dk/artikler/default.asp?articleid=292

Det er desværre ikke billeder der skal vises når man klikker på linket, men ren tekst, - som det også er på det eksempel der vises. :)

Ja ja... Men fremgangsmåden er nøjagtig den samme!
I stedet refererer du bare til et div med teksten i istedet for et billede...

<Script Language="Javascript" type="text/Javascript">
var NS4 = (document.layers)? true : false;
var IE = (document.all) ? true : false;
var NS6 = (document.getElementById&&!document.all) ? true : false

  function CallObject(objstatus,objid){
    if (NS4) document.layers[objid].visibility = objstatus;
    if (IE)document.all[objid].style.visibility =objstatus;
    if (NS6) document.getElementById(objid).style.visibility = objstatus;
}
</script>

<a onMouseOver="CallObject('visible','object')" onMouseOut="CallObject('hidden','object')">Vis teksten</div>

<div id="object" style="visibility:hidden">
  TEKSTEN DER SKAL GEMMES/VISES!
</div>

Eller måske med en lille omskrivning:


<script type="text/javascript">
    var NS4 = (document.layers)? true : false;
    var IE = (document.all) ? true : false;
    var NS6 = (document.getElementById&&!document.all) ? true : false

  function CallObject(objid) {
    if (NS4) var objIdStyle = document.layers[objid].visibility;
    if (IE) var objIdStyle = document.all[objid].style.visibility;
    if (NS6) var objIdStyle = document.getElementById(objid).style.visibility;

    var objStatus = (objIdStyle == "hidden")?"visible":"hidden";

    if (NS4) document.layers[objid].visibility = objStatus;
    if (IE)document.all[objid].style.visibility = objStatus;
    if (NS6) document.getElementById(objid).style.visibility = objStatus;
}
</script>

<a href="#" onclick="CallObject('object')">Vis teksten</a>

<div id="object" style="visibility:hidden">
  TEKSTEN DER SKAL GEMMES/VISES!
</div>

Hov! For en sikkerhedsskyld, så ret lige til:

    var objStatus = (objIdStyle == "hidden" || objIdStyle == "")?"visible":"hidden";

aaahhh mange takker.. :)