Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

Mouse Over

Rob - 22/09/2005 09:44
HTML interesse		Ik wil een Mouse Over, maar niet dit: php code - Bekijk de code zonder highlighting - Klap code in <a onmouseover="popup('Bullet Seed - Grass')"; onmouseout="kill()">TM09</a> <a onmouseover="popup('Bullet Seed - Grass')"; onmouseout="kill()">TM09</a> Want dit werkt niet bij mij. Weet iemand hoe je dit dan anders moet neerzetten?

6 antwoorden

Gesponsorde links

Ontani - 22/09/2005 09:49
-1		wat moet die mouseover doen? wat verwacht je van het resultaat?

Sc0tTy - 22/09/2005 10:48 (laatste wijziging 22/09/2005 11:00)
PHP interesse		je moet de commands zo schrijven : onMouseover onMouseout Ontani edit: euhm????? die dingen zijn niet hoofdlettergevoelig!

Rob - 22/09/2005 13:37
HTML interesse		@ontani Al ga je met je muis over het stukje tekst dan komt er in een blokje onder je muisaanwijzer iets te staan.

NCube - 22/09/2005 13:41
HTML beginner		Het zal wel aan de javascript functie liggen, want hier is niets mis mee voor zover ik kan zien.

Thomas - 22/09/2005 13:47 (laatste wijziging 22/09/2005 13:47)
Moderator		1. Dit lijkt mij niet in de categorie PHP thuishoren? Kijk eerst eens waar je een topic plaatst in het vervolg ajb. 2. Gebruik overlib.

Ontani - 22/09/2005 17:16 (laatste wijziging 22/09/2005 17:19)

-1

je kunt proberen met een div die je plaatst waar je muis staat.

php code - Bekijk de code zonder highlighting - Klap code in

                <html>
<head>
<style type="text/css">
<!--
.divOver {
 position: absolute;
 display: none;
}
//-->
</style>

<script language="javascript">
<!--
if (navigator.appName == "Netscape") {
  document.captureEvents(Event.CLICK);
}

function showDiv() {
   if (navigator.appName == "Microsoft Internet Explorer"){
    mX = event.clientX;
    mY = event.clientY;
  }
  else {
    mX = e.pageX;
    mY = e.pageY;
  }
  document.getElementById('overDiv').style.left = mX;
  document.getElementById('overDiv').style.top = mY;
  document.getElementById('overDiv').style.display = "block";
}

function hideDiv() {
  document.getElementById('overDiv').style.display = "none";
}
//-->
</script>
</head>

<body>
<a href="javascript:;" onmouseover="showDiv();" onmouseout="hideDiv();"> Test </a>

<div class="overDiv" id="overDiv"></div>
</body>
</html>

            
<html>
<head>
<style type="text/css">
<!--
.divOver {
 position: absolute;
 display: none;
}
//-->
</style>
 
<script language="javascript">
<!--
if (navigator.appName == "Netscape") {
  document.captureEvents(Event.CLICK);
}
 
function showDiv() {
   if (navigator.appName == "Microsoft Internet Explorer"){
    mX = event.clientX;
    mY = event.clientY;
  }
  else {
    mX = e.pageX;
    mY = e.pageY;
  }
  document.getElementById('overDiv').style.left = mX;
  document.getElementById('overDiv').style.top = mY;
  document.getElementById('overDiv').style.display = "block";
}
 
function hideDiv() {
  document.getElementById('overDiv').style.display = "none";
}
//-->
</script>
</head>
 
<body>
<a href="javascript:;" onmouseover="showDiv();" onmouseout="hideDiv();"> Test </a>
 
<div class="overDiv" id="overDiv"></div>
</body>
</html>
 

niet getest, heb rap uit m'n kop geschreven

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten