FOK!forum / Digital Corner / Vraagje mouseover
masterjoost87donderdag 22 september 2005 @ 11:26
hallo, ik heb een vraagje.. kan ik bij een mouseover van een stukje tekst, een plaatje krijgen in een vooraf bepaalde tabel of iframe ofzo? ik kom daar niet helemaal uit.. weet iemand hoe dat moet?
#ANONIEMdonderdag 22 september 2005 @ 11:47
quote:
op donderdag 22 september 2005 11:26 schreef masterjoost87 het volgende:
hallo, ik heb een vraagje.. kan ik bij een mouseover van een stukje tekst, een plaatje krijgen in een vooraf bepaalde tabel of iframe ofzo? ik kom daar niet helemaal uit.. weet iemand hoe dat moet?
via javascript kan je wel gemakkelijk van plaatje bij een mouseover een ander plaatje krijgen...

http://www.htmlgoodies.com/primers/jsp/article.php/3478271
quote:
<a href="http://www.cnn.com"
onmouseover="document.pic1.src='menu1on.gif'"
onmouseout="document.pic1.src='menu1off.gif'">
<img src="menu1off.gif" border=0 name="pic1">
</a>
misschien dat je bij de onmouseout=" iets kan plaatsen waardoor de link er blijft staan... maar dat weet ik niet..
MaxPowereddonderdag 22 september 2005 @ 11:48
www.dynamicdrive.com
een heleboel van dat soort scriptjes

of
www.hotscripts.com
ook zoiets
masterjoost87donderdag 22 september 2005 @ 12:20
neej daar kan ik niets op vinden.. maar wat ik wil is geen gewone mouseover van twee plaatjes, maar een mouseover van een tekst en dat het plaatje dan nog op een andere plaats verschijnt..
MaxPowereddonderdag 22 september 2005 @ 13:35
ok, ik snap het.

bijvoorbeeld dat je over een tekst beweegt, en dat een plaatje op een andere positie verschijnt. ik heb een html in elkaar geknutseld.
check hem hier op mijn site: http://www.dutchville.com/test/test.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24		<html>
<head>
<script>
function sethelptekst(ptekst){
   document.getelementbyid("helptekst").innerhtml = ptekst;
}
</script>
<body>
<h1>
<a onmouseover="sethelptekst('<img src=http://www.dutchville.com/test/plaatje1.png>');"  
   onmouseout="sethelptekst('');">1</a> 

<a onmouseover="sethelptekst('<img src=http://www.dutchville.com/test/plaatje2.png>');"  
   onmouseout="sethelptekst('');">2</a>
</h1>
</a>
      <table border=0>
        <tr>
          <td id=helptekst>
          </td>
        </tr>
      </table>
</body>
</html>


naast images kunt je in sethelptekst natuurlijk ook gewoon teksten plaatsen.
bedoelde je dit?

gr.
m@x