login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Informatie bij onmouseover (Opgelost)

Offline sir_green - 26/12/2012 15:03
Avatar van sir_greenPHP interesse Hallo,

Ik probeer het volgende te realiseren: als ik met de cursor over een informatiebutton ga wil ik dat daarnaast een div verschijnt die de info weergeeft. Zoals op deze website is gedaan bij het energielabel https://www.dom...rentPage=1

Ik heb alleen weinig verstand van javascript en al helemaal niet van ajax. Heeft iemand misschien een tip/opzetje om zoiets eenvoudig te maken?

Alvast bedankt!

2 antwoorden

Gesponsorde links
Offline Mica - 27/12/2012 07:16
Avatar van Mica Lid Hey,

Heb snel even een klein voorbeeldje gemaakt voor jou.

JavaScript:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="Javascript">
  2. function ShowPopup(id,Source) {
  3. if (Source=="1"){
  4. if (document.layers) document.layers[''+id+''].visibility = "show"
  5. else if (document.all) document.all[''+id+''].style.visibility = "visible"
  6. else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "visible"
  7. }
  8. else
  9. if (Source=="0"){
  10. if (document.layers) document.layers[''+id+''].visibility = "hide"
  11. else if (document.all) document.all[''+id+''].style.visibility = "hidden"
  12. else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden"
  13. }
  14. }
  15. </script>


Style / CSS:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. #Style {
  3. position:absolute; 
  4. visibility:hidden;
  5. border:solid 1px #CCC;
  6. padding:5px;
  7. }
  8. </style>


HTML: (link/knop/popup div)

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="#" onMouseOver="ShowPopup('Style',1)" onMouseOut="ShowPopup('Style',0)">Klik hier</a>
  2.  
  3. <div id="Style"><p>Hier komt dan wat extra informatie of dergelijks.</p></div>


Hopelijk heb je hier iets aan.
Offline sir_green - 27/12/2012 12:17
Avatar van sir_green PHP interesse Super, precies wat ik zocht!

Thanx!
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.16s