http://www.csssnippets.be Snippets for you, snippets for me Mon, 17 Oct 2011 08:42:00 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 http://www.csssnippets.be/2009/04/detecteren-van-muis-positie/ http://www.csssnippets.be/2009/04/detecteren-van-muis-positie/#comments Wed, 29 Apr 2009 20:17:44 +0000 Mark http://www.csssnippets.be/?p=191 Dit is een eenvoudige manier om te weten te komen wat de muis positie is, bij het uitvoeren van deze code, klik ergens op de pagina en de coördinaten verschijnen.

HTML

<h1>Toon muispositie in input velden</h1>
<form name="theform" action="post">
<p>x = <input name="xcoord" style="width:40" />
y = <input name="ycoord" style="width:40" /></p>
</form>
<br /><br />
<h1>of gewoon als tekst</h1>
<p><span id="spanx"> </span>
<span id="spany"> </span></p>

JavaScript

<![CDATA[
function showit()
{
   document.forms['theform'].xcoord.value=event.x;
   document.getElementById('spanx').innerHTML='x='+event.x;
   document.forms.theform.ycoord.value=event.y;
   document.getElementById('spany').innerHTML='y='+event.y;
}
function showitMOZ(e)
{
   document.forms['theform'].xcoord.value=e.pageX;
   document.getElementById('spanx').innerHTML='x='+e.pageX;
   document.getElementById('spany').innerHTML='y='+e.pageY;
   document.forms.theform.ycoord.value=e.pageY;
}
if (!document.all){
window.captureEvents(Event.CLICK);
window.onclick=showitMOZ;
}
else
{
document.onclick=showit;
}
]]>

Google Bookmarks Digg BlinkList Technorati Twitter del.icio.us Facebook StumbleUpon

]]> http://www.csssnippets.be/2009/04/detecteren-van-muis-positie/feed/ 0 http://www.csssnippets.be/2008/11/vertikaal-centreren/ http://www.csssnippets.be/2008/11/vertikaal-centreren/#comments Wed, 19 Nov 2008 13:26:56 +0000 Mark http://www.csssnippets.be/?p=36 een hoogte en een breedte moet hebben. Er wordt vanuit gegaan dat dit is ten opzichte van ofwel de body (die zich relative bevind), ofwel een parent element die dan de CSS eigenschap position: relative heeft:]]> Om een element vertikaal te centreren kan je volgende handige code gebruiken, let wel op dat het element een hoogte en een breedte moet hebben.
Er wordt vanuit gegaan dat dit is ten opzichte van ofwel de body (die zich relative bevind), ofwel een parent element die dan de CSS eigenschap position: relative heeft:

HTML

<div id="center">lorem ipsum enzo</div>

CSS

#center{
   width:100px;
   height:100px;
   position:absolute;
   top:50%;
   left:50%;
   margin-top:-50px;
   margin-left:-50px;
}

Google Bookmarks Digg BlinkList Technorati Twitter del.icio.us Facebook StumbleUpon

]]> http://www.csssnippets.be/2008/11/vertikaal-centreren/feed/ 0