Tip tonen met mouseover Button

Status
Niet open voor verdere reacties.

Donamd

Gebruiker
Lid geworden
16 feb 2010
Berichten
25
Ik zou bijkomende info willen tonen aan de gebruiker indien hij met de muis over de button komt.

De code hieronder gebruik ik momenteel om de button aan te passen van afmetingen indien de gebruiker over de button komt.
Kan iemand me hiermee verder helpen ?

HTML:
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<HTML><HEAD>
  
<style>
  p.small {
      line-height: 0.5;
  }
  p.big {
      line-height: 2;
  }   
  .button-kleur {
    border-radius: 25px;
    height:100px; 
    width:125px; 
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;    
  }
   
</style>

</HEAD><BODY>

<p align="center"><button class="button-kleur"  id="Ral 1001" onmouseover="bigImg(this)" onmouseout="normalImg(this)" type="button" style="background-color:#C2B078">Ral 1001</button></p>
    
<script language="javascript"> 

function bigImg(x) {
    x.style.height = "204px";
    x.style.width = "204px";
    x.style.cursor = "pointer"
    
}

function normalImg(x) {
    x.style.height = "100px";
    x.style.width = "125px";
}

</script>

</BODY></HTML>
 
Dag Donamd !

Misschien zoiets?

Code:
<p align="center"><button class="button-kleur"  id="Ral 1001" onmouseover="bigImg(this)" onmouseout="normalImg(this)" type="button" [COLOR="#FF0000"]title="Dit is de tooltip"[/COLOR] style="background-color:#C2B078">Ral 1001</button></p>

Grtz,
MDN111.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan