Søg
Avatar billede jabberdino Nybegynder
24. maj 2000 - 08:43 Der er 3 kommentarer og
1 løsning

Rollovers

Jeg kan ikke forklar det her på Dansk, så håber jeg det er i orden at forklare det på engelsk.

I want a rollover java script for 5 text button as follows.


            ColumnA      ColumnB
Button1
Button2
Button3
Button4
Button5


I want a java script so that when I put the cursor with the mouse over the text of Button1 there comes an image in ColumnB. And so on for the rest of the buttons with differnt images appearing.

Thanks.

Paul in Oz
Avatar billede mora Nybegynder
24. maj 2000 - 09:50 #1
<script>
img = new Image;
function changeImg(imgName, target) {

  img.src = imgName;

  document[target].src = img.src;

}
</script>
<table border=0>
<tr><td>Buttons</td><td>ColumnA</td><td>ColumnB</td></tr>
<tr><td>
<input type="button" value="Button1" onmouseover="changeImg('pic1.gif', 'columna');">
</td><td>&nbsp;</td><td><img name="columna"></td></tr>
</table>




- And som on..., eventually add an onmouseout, and the src attibute in img, with a empty picture.
Avatar billede mora Nybegynder
24. maj 2000 - 09:53 #2
You can see it online at: http://www.friservice.dk/eksperten/roolover.htm

~MORA~
Avatar billede mora Nybegynder
24. maj 2000 - 10:01 #3
The complete script...
Also online at same URL.



<script>
img = new Image;
function changeImg(imgName, target) {

  img.src = imgName;

  document[target].src = img.src;

}
</script>
<table border=0>
<tr><td>Buttons</td><td>ColumnA</td><td>ColumnB</td></tr>
<tr><td>
<input type="button" value="Button1" onmouseover="changeImg('pic1.gif', 'columnapic1');">
</td><td>&nbsp;</td><td><img name="columnapic1"></td></tr>

<tr><td>
<input type="button" value="Button2" onmouseover="changeImg('pic2.gif', 'columnapic2');">
</td><td>&nbsp;</td><td><img name="columnapic1"></td></tr>

<tr><td>
<input type="button" value="Button3" onmouseover="changeImg('pic3.gif', 'columnapic3');">
</td><td>&nbsp;</td><td><img name="columnapic3"></td></tr>

<tr><td>
<input type="button" value="Button4" onmouseover="changeImg('pic1.gif', 'columnapic4');">
</td><td>&nbsp;</td><td><img name="columnapic4"></td></tr>

<tr><td>
<input type="button" value="Button5" onmouseover="changeImg('pic5.gif', 'columnapic5');">
</td><td>&nbsp;</td><td><img name="columnapic5"></td></tr>
</table>


~MORA~
Avatar billede mora Nybegynder
24. maj 2000 - 10:02 #4
ERROR - SORRY...


<script>
img = new Image;
function changeImg(imgName, target) {

  img.src = imgName;

  document[target].src = img.src;

}
</script>
<table border=0>
<tr><td>Buttons</td><td>ColumnA</td><td>ColumnB</td></tr>
<tr><td>
<input type="button" value="Button1" onmouseover="changeImg('pic1.gif', 'columnapic1');">
</td><td>&nbsp;</td><td><img name="columnapic1"></td></tr>

<tr><td>
<input type="button" value="Button2" onmouseover="changeImg('pic2.gif', 'columnapic2');">
</td><td>&nbsp;</td><td><img name="columnapic2"></td></tr>

<tr><td>
<input type="button" value="Button3" onmouseover="changeImg('pic3.gif', 'columnapic3');">
</td><td>&nbsp;</td><td><img name="columnapic3"></td></tr>

<tr><td>
<input type="button" value="Button4" onmouseover="changeImg('pic4.gif', 'columnapic4');">
</td><td>&nbsp;</td><td><img name="columnapic4"></td></tr>

<tr><td>
<input type="button" value="Button5" onmouseover="changeImg('pic5.gif', 'columnapic5');">
</td><td>&nbsp;</td><td><img name="columnapic5"></td></tr>
</table>
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
16/1016:25 En "Gammel" & "Retro" PC Service ? Husker ikke navnet .... Af Ikke-ekspert i Diverse
16/1016:17 Jeg har lige købt en Samsung mobil telefon Af Strawberry i Mobiltelefoner
16/1013:20 Lotus Approach Af Carsten i Andet software
15/1015:34 Epson scanner forbinder ikke til computer Af bbkdk i Printere
11/1013:35 Bruger på Win11 Af lurup i Browsere
White papers
Flere white papers »