login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Show div on mouse-over

Offline CHIR - 08/11/2006 14:47
Avatar van CHIRNieuw lid Ok, heb het volgende probleem en kom niet echt verder meer.
Ik heb een plaatje, waarbij verschillende area's als knop zijn aangewezen. Nou wil ik het zo doen, dat zodra je over zo'n soort knop gaat met de muis er een div (in de area van de knop) te voorschijn springt en weer verdwijnt zodra je je muis van de knop afhaalt. Ik heb al op verschillende manieren geprobeerd met de functies "mouseover" "en "mouseout" te werken in samenwerking met een javascript, maar dit wil niet lukken. Ik blijf dan foutmeldingen krijgen dat er een object wordt verwacht.

Mijn html ziet er (vereenvoudigd) zo uit: http://www.plaatscode.be/3065/
Mijn script ziet er zo uit: http://www.plaatscode.be/3066/
Mijn css ziet er zo uit: http://www.plaatscode.be/3067/

Ik gok er zelf op dat er in het script ergens fouten zitten. Ik heb dit script grotendeels van een maat, maar die weet ook niet wat er mis kan zijn.

Kunnen jullie me uit de brand helpen?

4 antwoorden

Gesponsorde links
Offline Thomas - 08/11/2006 15:29
Avatar van Thomas Moderator - ik zie geen functie btnTimer()
- probeer alles eens lowercase te maken (xhtml!), dus onmouseover ipv onMouseOver
- de functies voor het tonen / verbergen van een div kunnen (in ieder geval in eerste instantie, om dit alles aan de praat te krijgen) een stuk eenvoudiger

werk in de toon- en verberg-functie met de .className property van een div en maak 2 classes:

  1. .show
  2. {
  3. display: inline;
  4. visibility: visible;
  5. }
  6.  
  7. .hide
  8. {
  9. display: none;
  10. visibility: hidden;
  11. }
Offline CHIR - 08/11/2006 21:29
Avatar van CHIR Nieuw lid Ok, heb het nu zo ongeveer voor elkaar. Puur CSS en xhtml  Je kan geloof ik geen div's over andere div's heen plaatsen he? (zolang de div geen achtergrondafbeelding is tenminste).
In elk geval bedankt Fangorn!
Offline Gerard - 10/11/2006 03:00 (laatste wijziging 10/11/2006 03:00)
Avatar van Gerard Ouwe rakker
Citaat:
Je kan geloof ik geen div's over andere div's heen plaatsen he?
Met behulp van de z-index is dit wel mogelijk.
Offline CHIR - 10/11/2006 08:10
Avatar van CHIR Nieuw lid Nice  zo leer ik ook steeds weer een stukkie bij!
TNX
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.194s