Avatar billede daahl Nybegynder
29. april 2003 - 14:13 Der er 10 kommentarer og
1 løsning

Rollover ?

Hej Eksperter !

Jeg har et lille problem som jeg har rodet med lang tid men som bare ikke vil lykkeds..
Jeg vil ha en knap - når man kører over den skal der komme en tekst hvor der fx. står Links

kig evt. på www.highrisetimes.dk og prøv at køre over deres links!

håber i forstår det :)
Avatar billede repox Seniormester
29. april 2003 - 14:17 #1
Det er rimelig simpelt... Der hvor du vil have teksten som rolloveren skal vise sætter du scriptet her:
  <script>
function showHint(txt){
    document.getElementById("hint").innerHTML = txt
}
</script>

og i dine links smider du denne ekstra stykke kode ind! (jeg har taget det ud fra at du bruger billeder som links)
<img src="billede" onMouseOver="showHint('Dette er teksten')" onMouseOut="showHint('')"
Avatar billede daahl Nybegynder
29. april 2003 - 14:22 #2
<img src="file:///C|/blabla/pics/billede.jpg" width="320" height="240">

hmm jeg er lidt en såkaldt "newbie" præcis hvor skal jeg sætte den nederste kode ind ?
Avatar billede repox Seniormester
29. april 2003 - 14:23 #3
<img src="file:///C|/blabla/pics/billede.jpg" width="320" height="240" onMouseOver="showHint('Dette er teksten')" onMouseOut="showHint('')">

så'n...
Avatar billede daahl Nybegynder
29. april 2003 - 14:25 #4
kan ikke få det til at virke.. der står (nede i proceslinien" når jeg kører over billedet : Der opstod en fejl..
Avatar billede repox Seniormester
29. april 2003 - 14:37 #5
My bad.... Du skal tilføje
<table width="0%" border="0">
            <tr>
              <td align="center" valign="top" id="hint">&nbsp;</td>
            </tr>
          </table>
det sted hvor teksten skal stå.... :)
SÅ altså, <script>
function showHint(txt){
    document.getElementById("hint").innerHTML = txt
}
</script> skal stå før det andet...
Avatar billede repox Seniormester
29. april 2003 - 14:39 #6
Og hvis det er et for stort rod med tabellen så kan de også forenkles ned til
<div id="hint"></div>
og imellem de to koder kommer den hinttekt du har skrevet....
Avatar billede daahl Nybegynder
29. april 2003 - 14:42 #7
når man kører over mit billede og texten kommer rykker billede sig en linie ned.,. hvorfor sa... gør den det ?
Avatar billede repox Seniormester
29. april 2003 - 14:49 #8
Så er det vel fordi du har placeret hintteksten over eller før billedet, ikke ?
Avatar billede daahl Nybegynder
29. april 2003 - 14:51 #9
Ja
Avatar billede repox Seniormester
29. april 2003 - 14:54 #10
Prøv at skriv den HTML kode du bruger, så skal jeg se om jeg lige kan løse det...
Avatar billede daahl Nybegynder
29. april 2003 - 14:58 #11
Såådan - så virker det ..

tak!
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
Computerworld tilbyder specialiserede kurser i database-management

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