Hallo allemaal,

ik heb een imagemap gemaakt, als ik over een gezicht heen ga op de foto moet er een tekst in een div aangepast worden, maar het werkt niet :(

ik heb een aantal area tags..
één ervan heeft een id (id="Ellen")

nu heb ik dit als JQuery code:

Code:

        <script>
  $("#Ellen").mouseover(function() {
    $("#slotwoord").text("hallo allemaal!");
  });

</script>

en uiteraard een div met id="slotwoord"
met daarin de tekst.. "ga over één van de gezichten om te kijken wat ze zeggen"

als er dus over de area met id="Ellen" heen gegaan wordt, moet de tekst in het veld dus veranderen..

kan iemand mij helpen?

Zoiets ;-)?

Code:

<script type="text/javascript">
jQuery(document).ready(function() {
  jQuery("#Ellen").hover(function() {
    jQuery("#slotwoord").val("hallo allemaal!");
  });
});
</script>

Origineel gepost door Robin L

Zoiets ;-)?

Code:

<script type="text/javascript">
jQuery(document).ready(function() {
  jQuery("#Ellen").hover(function() {
    jQuery("#slotwoord").val("hallo allemaal!");
  });
});
</script>

Alleen dan in plaats van val, html gebruiken (je wil de tekst in een div veranderen).

Zo dus:

Code:

<script type="text/javascript">
      $(document).ready(function() {
            $("#Ellen").hover(function() {
                  $("#slotwoord").html("hallo allemaal!");
            });
      });
</script>