Avatar billede 7th Praktikant
02. december 2002 - 00:01 Der er 3 kommentarer og
1 løsning

Show / Hide layer

Mangler hjælp til show/hide layer.

Jeg har en side med et div lag med en generel tekst. På denne side har jeg et map area inddelt i fire dele, som ved mouseover over hver del skal vise en tekst. Mouseover teksten skal så erstatte den generelle tekst.

Altså lad os kalde den generelle tekst - tekst.
Onmouseover areamap del 1 - replace tekst med tekst1.
Onmouseout areamap del 1 - replace tekst1 med tekst.

Jeg har kigget på dette spørgsmål http://www.eksperten.dk/spm/202320 men jeg mangler den del beskrevet foroven, det vil sige place en tekst med en anden tekst, og at de fire showlayer ikke er synlige ved onload document.

Håber på noget hjælp hurtigst muligt.

P.S. løsningsforslag efter kl. 10:00 mandag den 2. december kan ikke bruges desværre, da dette skalb bruges til en opgave :(
Avatar billede 7th Praktikant
02. december 2002 - 00:11 #1
http://biim.frip.dk/komp.html

Læg mærke til at lagene ses ved ordet "Firmaet"...
Det er <div id="kvalitext2" class = "tekst"> som skal erstattes med f.eks <div id="one" name="one">Lag 1</div>
Avatar billede 7th Praktikant
02. december 2002 - 00:23 #2
De fire div layers er nu ikke mere synlige, men kan stadigvæk ikke hitte ud af at erstatte er lag med et andet.
Avatar billede 7th Praktikant
02. december 2002 - 00:41 #3
Dette er hvad desperat står og jeg mangler...

function visLayer()
{
vis lag 1
gem lag 2
}

function gemLayer()
{
vis lag 2
gem lag 1
}

Onmouseover="visLayer();" og Onmouseout="gemLayer();"
Avatar billede 7th Praktikant
02. december 2002 - 00:54 #4
Løst med denne hjemmebryggede version...

<script>
ns  = (document.layers) ? true : false;
ns6 = (document.getElementById) ? true : false;
ie  = (document.all) ? true : false;

function visLayer(layer)
{
{
if (ns)
{
document.layers[layer].visibility = "visible";
}

else if (ie)
{
document.all[layer].style.visibility = "visible";
}

else if (ns6)
{
document.getElementById(layer).style.visibility = "visible";
}
}

{
if (ns)
{
document.layers['kvalitext2'].visibility = "hidden";
}

else if (ie)
{
document.all['kvalitext2'].style.visibility = "hidden";
}

else if (ns6)
{
document.getElementById('kvalitext2').style.visibility = "hidden";
}
}
}


function gemLayer(layer)
{
{
if (ns)
{
document.layers['kvalitext2'].visibility = "visible";
}

else if (ie)
{
document.all['kvalitext2'].style.visibility = "visible";
}

else if (ns6)
{
document.getElementById('kvalitext2').style.visibility = "visible";
}
}

{
if (ns)
{
document.layers[layer].visibility = "hidden";
}

else if (ie)
{
document.all[layer].style.visibility = "hidden";
}

else if (ns6)
{
document.getElementById(layer).style.visibility = "hidden";
}
}
}
</script>

onmouseover="visLayer('one');" onmouseout="gemLayer('one');

<div id="kvalitext2">Tekst</div>
<div id="one">Tekst1</div>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester