<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <title>Artisan Numérique</title>
  <link rel="alternate" type="text/html" href="http://artisan.karma-lab.net/node/1624"/>
  <link rel="self" type="application/atom+xml" href="http://artisan.karma-lab.net/node/1624/atom/feed"/>
  <id>http://artisan.karma-lab.net/node/1624/atom/feed</id>
  <updated>2008-09-08T19:55:46+02:00</updated>
  <entry>
    <title>JQuery - Position de la souris</title>
    <link rel="alternate" type="text/html" href="http://artisan.karma-lab.net/node/1624" />
    <id>http://artisan.karma-lab.net/node/1624</id>
    <published>2008-09-08T19:55:46+02:00</published>
    <updated>2008-09-08T19:55:46+02:00</updated>
    <author>
      <name>Ulhume</name>
    </author>
    <category term="jQuery" />
    <category term="Aucun" />
    <category term="OK" />
    <category term="Snipet" />
    <summary type="html"><![CDATA[<p>
Mise à jour en temps réel de la position de la souris sur une page. 
</p>    ]]></summary>
    <content type="html"><![CDATA[<p>
Mise à jour en temps réel de la position de la souris sur une page. 
</p>


  <div class='code-block code-block-fragment'>
  <div class='container'>
  <span class="kw2">var</span> mouse_position_x <span class="sy0">=</span> <span class="nu0">0</span><span class="sy0">,</span> mouse_position_y <span class="sy0">=</span> <span class="nu0">0</span><span class="sy0">;</span><br />
<span class="kw2">function</span> ajad_updateMousePosition<span class="br0">&#40;</span>context<span class="br0">&#41;</span><span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>document.<span class="me1">captureEvents</span><span class="br0">&#41;</span> <span class="br0">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; mouse_position_x <span class="sy0">=</span> Number<span class="br0">&#40;</span>context.<span class="me1">pageX</span><span class="br0">&#41;</span><span class="sy0">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; mouse_position_y <span class="sy0">=</span> Number<span class="br0">&#40;</span>context.<span class="me1">pageY</span><span class="br0">&#41;</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="br0">&#125;</span><br />
&nbsp; &nbsp; <span class="kw1">else</span> <br />
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>window.<span class="me1">event</span>.<span class="me1">clientX</span><span class="br0">&#41;</span> <span class="br0">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; mouse_position_x <span class="sy0">=</span> Number<span class="br0">&#40;</span>window.<span class="me1">event</span>.<span class="me1">clientX</span> <span class="sy0">+</span> document.<span class="me1">documentElement</span>.<span class="me1">scrollLeft</span><span class="br0">&#41;</span><span class="sy0">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; mouse_position_y <span class="sy0">=</span> Number<span class="br0">&#40;</span>window.<span class="me1">event</span>.<span class="me1">clientY</span> <span class="sy0">+</span> document.<span class="me1">documentElement</span>.<span class="me1">scrollTop</span><span class="br0">&#41;</span><span class="sy0">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span><br />
&nbsp; &nbsp; <span class="co1">// &nbsp;log(mouse_position_x+&quot;:&quot;+mouse_position_y);</span><br />
<span class="br0">&#125;</span><br />
<br />
$<span class="br0">&#40;</span>document.<span class="me1">body</span><span class="br0">&#41;</span>.<span class="me1">mousemove</span><span class="br0">&#40;</span>ajad_updateMousePosition<span class="br0">&#41;</span><span class="sy0">;</span>
  </div>
  
  </div>    ]]></content>
  </entry>
</feed>
