Hét vraag- en antwoordplatform van Nederland

Hoe maak ik een variabel tekstblok in HTML, CSS of JavaScript?

Mijn dochter (woont in Frankrijk) verdient een zakcentje met het trimmen van honden.
Ze verkoopt sinds kort ook bijbehorende snuisterijen. Ik heb een website voor haar gemaakt, maar ik krijg één ding niet voor elkaar. Ik wil dat als de cursor op een bepaald voorwerp wordt gezet, er naast de foto een blok met tekst verschijnt. (Zie onderstaande foto)
Met usemap kan ik wel naar een andere pagina verwijzen, maar dat wil ik niet. Ik wil het bijbehorende tekstblok op dezelfde pagina houden en als je de cursor verplaatst moet de tekst veranderen.
Ik denk dat dat met bijvoorbeeld JavaScript vrij makkelijk moet kunnen, maar ik weet van JavaScript niets af.

Ik heb al gekeken op W3schools maar kom er niet uit.

Wie schrijft voor mij dat stukje code ? Bij voorbaat dank!!!

Verwijderde gebruiker
11 jaar geleden
Geef jouw antwoord
0 / 2500
Geef Antwoord

Het beste antwoord

Als ik het goed begrijp wil je dat je als je met de muis boven een plaatje zit, dat er dan tekst in het grijze kader komt. Dit is inderdaad vrij gemakkelijk. Ik adviseer je jQuery hiervoor te gebruiken. Plaats de volgende regel tussen de
tags:


Stel dat het blok een ID attribute heeft die 'grijs' heet. Bijvoorbeeld

Stel dat het plaatje het ID attribute 'plaatje' heeft. Bijvoorbeeld "mouseover" : function() {
$("#grijs").html('Dit is de tekst die in het grijze kader komt");
}
});

Dit is heel basic en er kunnen heel veel variaties op gemaakt worden. Bijvoorbeeld omdat je bijvoorbeeld een andere tekst wil hebben bij een ander plaatje, of dat je ook wat wil doen als je met de muis weer ergens anders heen wil gaan.

Als je meer hier over wil weten, zou ik je aanraden om te zoeken op "jQuery events". DE uitvinding van de eeuw voor javascript schrijvers ;-)

Toegevoegd na 57 seconden:
Oeps.. .typefout:

De 'http:' vergeten :)
Verwijderde gebruiker
11 jaar geleden
Deel jouw antwoord
0 / 2500
Geef Antwoord
logo van Kompas Publishing

GoeieVraag.nl is onderdeel van Kompas Publishing