Variabel i link

[dagfinnsk]

Jeg har en link som viser en pop-up tekst når cursor er over linken, vhj. av CSS slik:

 

CSS :

a { z-index: 20 }

a .alt { display: none }

a:hover { color: #FF3300; display: inline; }

a:hover .alt {

display: inline; position: absolute; z-index: 30;

margin: 1em 0 0 -2em; width: 10em; padding: 0.2em 0.3em;

color: #FFCC00; border-style: outset; text-decoration:none;

background-color: #006699;

}

 

HTML:

<a href="#">link<span class="alt">Mus over link</span></a>

 

Jeg vil legge teksten i en array-variable:

var textdisplay = new Array(10);

tekstdisplay [0] = "Mus over link";

 

Hvordan refererer jeg til denne variabelen i linken ?

[eiden84]

Hvis du gir hver SPAN en unik ID, er det ikke så vanskelig.

 

<a href="#">link<span id="txt1" class="alt">Mus over link</span></a>


<script type="text/javascript">
var TextDisplay = {txt1:'tekst'};

for(var i in TextDisplay){
document.getElementById(i).innerHTML = TextDisplay[i];
}

</script>