Gå til innhold

onmouseover skifte tekst i label

EZAccess

Anbefalte innlegg

EZAccess

EZAccess

Skrevet
Skrevet (endret) 

<a href="" onmouseover = "visInfo(0)" onmouseout = "visInfo(1)">Test</a>

<script type = "text/javascript">
var info = 
[ "dette er en test",
"Her kommer info..." ];

function visInfo( nr ) 
{
info.lblIinfo.value = info[ nr ];
}
</script>
       
<form id = "info" action = "">
<label for="lblInfo">Her kommer info...</label>
</form>

 

Linken er i menyen. Når cursor er over Test skal det vises en tekst i en label nede på siden.

Endret av EZAccess
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
enden

enden

Skrevet
Skrevet 

<script type = "text/javascript">
 var info = [ "dette er en test", "Her kommer info..." ];

 function visInfo(index) {
   return info[index];
 }
</script>

<form id = "info" action = "">
<label for="lblInfo">Her kommer info...</label>
</form>

<a href="" onmouseover = "documnet.info.lblInfo.text = visInfo(0)" onmouseout = "documnet.info.lblInfo.text = visInfo(1)">Test</a>

Dette er tatt opå styrten mens jeg sitter med hodet langt inni asp og vb, men jeg er 50% sikker på at virker :p

 

Forklaring:

Du har et script (putt dette i head) som oppretter tabellen med tekst.

Scriptet har en funksjon som tar imot et tall og returnerer teksten i tabellen på indexen tallet definererer (knotete forklart - I know)

 

Du har et form med en label

 

Du har en link med mouseover som setter dokumentet sitt info (skjemaet) sitt lvlInfo (lablen) sin text (mulig du skal bruke value, men jeg tror text er riktig) til det javascript funksjonen returnerer. samme med mouseout.

 

Har du bare to states så kan du nesten like greit hardkode det:

<a href="" onmouseover = "documnet.info.lblInfo.text = 'Her kommer info..'" onmouseout = "documnet.info.lblInfo.text = 'Dette er en test'">Test</a>

Lenke til kommentar
pekle

pekle

Skrevet
Skrevet (endret)

Må nok ty til DOM for å forandre teksten på ei side, f.eks noko slik:

<html>
<head>
<title>Label+innerText</title>
<script type="text/javascript">
<!--
function toggle(tekst){
document.getElementById('l').innerText = tekst;
}
//-->
</script>
</head>
<body>
<form>
<label for="i" id="l">merkelapp</label>
<input type="text" id="i" onmouseover="toggle('Mus inn');" onmouseout="toggle('Mus ut!');"/>
</form>
</body>
</html>

 

Andre aktuelle metoder kan vere appendChild, replaceChild.

Endret av pekle
Lenke til kommentar
EZAccess

EZAccess

Skrevet
  • Forfatter
Skrevet

Dette løste problemet mitt.

 

Se link for mer info - LINK

 

<!-- Her vises info -->
 <div id="info"><p>Her kommer info...</p></div>
 
 <p>
 	<a href="" onmouseover="document.getElementById('info').innerHTML='<p>Ingen info foreløpig</p>'" 
        onmouseout="document.getElementById('info').innerHTML='<p>Her kommer info...</p>'">Link 1</a>
 <br />
 	<a href="" onmouseover="document.getElementById('info').innerHTML='<p>Ingen info her heller...</p>'" 
        onmouseout="document.getElementById('info').innerHTML='<p>Her kommer info...</p>'">Link 2</a>
 </p>

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...