Jump to content

Div qui suit la souris


Recommended Posts

Bonjour,

Je souhaiterais faire un div qui suit la souris.
J'ai utiliser l'exemple qui est ici pour afficher les coordonnées de la souris mais rien n'y fait, je n'arrive pas à afficher les coordonnées :s

J'ai modifier le fichier header.tpl pour ça :


<html >
<head>
<title>{$meta_title|escape:'htmlall':'UTF-8'}</title>
{if isset($meta_description) AND $meta_description}
<meta name="description" content="{$meta_description|escape:html:'UTF-8'}" />
{/if}
{if isset($meta_keywords) AND $meta_keywords}
<meta name="keywords" content="{$meta_keywords|escape:html:'UTF-8'}" />
{/if}
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<meta name="generator" content="PrestaShop" />
<meta name="robots" content="{if isset($nobots)}no{/if}index,follow" />
<link rel="icon" type="image/vnd.microsoft.icon" href="{$img_ps_dir}favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}favicon.ico" />
{if isset($css_files)}
{foreach from=$css_files key=css_uri item=media}
<link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
{/foreach}
{/if}
[removed][removed]
[removed]
var baseDir = '{$content_dir}';
var static_token = '{$static_token}';
var token = '{$token}';
var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
var roundMode = {$roundMode};
[removed]
[removed][removed]
[removed][removed]
[removed][removed]
{if isset($js_files)}
{foreach from=$js_files item=js_uri}
[removed][removed]
{/foreach}
{/if}
[removed][removed]

{$HOOK_HEADER}

{literal}
<style type="text/css">
#bigbigbox{
margin:16px 16px 16px 48px;
border:1px groove blue;
background-color : #BBBBBB;
width:300px;
height:200px;
}
#msg{
color:#800000;
}
</style>
{/literal}

</head>
<body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
{if "MSIE 6"|eregi:$smarty.server.HTTP_USER_AGENT or "Internet Explorer"|eregi:$smarty.server.HTTP_USER_AGENT}{include file=$tpl_dir./ie6.tpl}{/if}
{if !$content_only}




<!-- Header -->


<!-- Left -->

{literal}
[removed]


var i=0;
$('#bigbigbox').mousemove(function(event) {
var msg = 'mousemove() position - x : ' + event.pageX + ', y : '
+ event.pageY + ' [counter] : ' + i++;
$('#msg').text(msg);
});


[removed]
{/literal}





{$HOOK_LEFT_COLUMN}


<!-- Center -->


{/if}

Si quelqu'un a une piste.
Merci
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...