1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Elena Deudero Ibiza</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen" />
<script language="javascript" type="text/javascript">
<!--
function GetId(id) {
return document.getElementById(id);
}
var i=false; // La variable i nous dit si la bulle est visible ou non
function move(e) {
if(i) { // Si la bulle est visible, on calcul en temps reel sa position ideale
if (navigator.appName!="Microsoft Internet Explorer") { // Si on est pas sous IE
GetId("curseur").style.left=e.pageX + 5+"px";
GetId("curseur").style.top=e.pageY + 10+"px";
}
else { // Modif proposé par TeDeum, merci à lui
if(document.documentElement.clientWidth>0) {
GetId("curseur").style.left=550+event.x+document.documentElement.scrollLeft+"px";//20
GetId("curseur").style.top=330+event.y+document.documentElement.scrollTop+"px";//10
}
else {
GetId("curseur").style.left=550+event.x+document.body.scrollLeft+"px";//20
GetId("curseur").style.top=330+event.y+document.body.scrollTop+"px";//10
}
}
}
}
function montre(text) {
if(i==false) {
GetId("curseur").style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
GetId("curseur").innerHTML = text; // on copie notre texte dans l'élément html
i=true;
}
}
function cache() {
if(i==true) {
GetId("curseur").style.visibility="hidden"; // Si la bulle est visible on la cache
i=false;
}
}
document.onmousemove=move; // dès que la souris bouge, on appelle la fonction move pour mettre à jour la position de la bulle.
//-->
</script>
</head>
<body>
<div id="Global">
<!-- start header -->
<div id="Header">
<div id="Header_ban"></div>
<span style="margin-left:10px;"><a href="?lang=fr"><img src="images/lang/fr.jpg" title="Français" border="0" /></a> </span>
<span style="margin-left:10px;"><a href="?lang=en"><img src="images/lang/gb.jpg" title="English" border="0" /></a> </span>
<span style="margin-left:10px;"><a href="?lang=es"><img src="images/lang/es.jpg" title="Español" border="0" /></a></span>
</span>
<div id="Menu">
<ul>
<li><a href="index.php?lang=fr">Accueil</a></li>
<li><a href="vente_dom.php?lang=fr">Vente privée</a></li>
<li><a href="franchise.php?lang=fr">Franchise</a></li>
<li><a href="boutik.php?lang=fr">Boutique Pilote</a></li>
<li><a href="contact.php?lang=fr">Contact</a></li>
</ul>
</div> </div>
<!-- end header -->
<!-- start page -->
<div id="Page">
<!-- start content -->
<div id="Contenu">
<div class="Texte">
<div class="Haut"></div>
<div class="Millieu">
<p align="center"><h1>e.shop</h1></p>
<!--------------------------------------------------------------------------------------------------------------------------->
<div class="map">
<img style="border:0pt none;opacity:0;" src="France.png" width="500" height="570" usemap="#france">
</div>
<map name="france">
<area href="#" shape="polygon" coords="422,267,425,269,425,275,419,278,419,283,416,286,414,286,414,295,412,307,407,313,397,299,394,300,391,304,386,303,380,303,377,298,374,298,371,290,373,282,378,263,384,264,388,263,393,266,397,273,400,274,400,276,402,276,406,272,409,274,409,276,413,276,418,273,422,267" onmouseover="montre(<p>
TEST AIN</p>
)" onmouseout="cache()"><area href="#" shape="polygon" coords="342,67,346,69,347,74,345,77,346,80,342,87,340,87,340,100,339,103,334,101,327,105,326,107,328,114,323,117,325,119,324,121,326,123,319,132,311,126,307,122,308,120,306,118,304,117,306,115,305,113,303,112,300,113,300,111,303,111,300,106,302,105,304,100,307,99,305,97,306,93,305,84,303,77,307,70,307,66,319,66,321,64,323,65,328,64,342,67" onmouseover="montre()" onmouseout="cache()"><area href="#" shape="polygon" coords="327,251,333,263,340,266,342,269,341,274,338,278,334,279,334,282,335,293,330,297,327,293,321,293,320,290,307,289,306,287,303,288,299,284,300,281,298,280,288,287,286,286,282,278,276,274,274,270,277,264,285,264,287,261,286,257,288,255,296,252,300,248,304,249,309,254,314,255,317,253,321,256,327,251" onmouseover="montre(Allier)" onmouseout="cache()"><area href="#" shape="polygon" coords="462,364,461,370,459,372,463,377,461,381,456,388,454,392,458,400,464,408,459,407,455,411,456,413,453,414,444,415,443,418,438,415,428,422,424,418,422,420,417,419,411,414,408,413,409,411,406,406,407,403,405,398,409,393,412,393,413,392,418,391,421,393,418,388,422,389,423,381,428,377,431,377,434,381,435,378,438,373,449,377,457,367,462,364" onmouseover="montre(Alpes de Haute Provence)" onmouseout="cache()"><area href="#" shape="polygon" coords="448,339,451,344,453,345,454,351,459,353,464,353,467,363,464,362,462,365,457,367,449,377,438,374,435,378,434,381,431,377,428,378,423,381,422,389,419,388,421,393,418,392,413,393,413,389,404,384,402,380,405,376,409,377,411,376,408,373,411,367,416,367,416,364,417,361,422,360,423,357,435,353,437,355,438,349,434,346,432,342,434,339,441,342,443,340,448,339" onmouseover="montre(Hautes Alpes)" onmouseout="cache()"><area href="#" shape="polygon" coords="461,381,467,388,473,389,481,393,492,389,496,395,494,399,488,407,488,413,475,421,473,425,468,427,466,431,464,427,465,425,459,422,458,417,453,414,455,413,454,410,459,406,464,407,457,400,453,393,455,388,461,381" onmouseover="montre(Alpes Maritimes)" onmouseout="cache()"><area href="#" shape="polygon" coords="375,332,375,342,379,352,378,358,374,362,375,368,372,374,371,387,370,390,365,388,363,387,360,389,360,387,354,391,346,386,344,381,340,373,338,364,344,358,349,356,353,351,355,350,355,348,358,346,359,341,361,342,361,340,362,336,365,335,368,331,373,328,375,332" onmouseover="montre(Ardèche)" onmouseout="cache()"><area href="#" shape="polygon" coords="346,69,349,68,354,70,362,66,363,60,367,56,369,58,367,63,367,67,370,72,369,77,374,77,380,83,386,84,386,87,388,87,385,90,380,89,378,90,379,99,376,103,377,106,373,109,355,107,345,101,340,100,340,87,342,87,347,80,345,77,347,74,346,69" onmouseover="montre(Ardennes)" onmouseout="cache()"><area href="#" shape="polygon" coords="250,448,252,453,260,457,262,461,262,465,260,467,262,469,261,472,258,472,259,477,261,477,265,478,269,483,262,483,261,486,253,488,244,483,241,483,240,486,234,479,228,479,224,475,215,473,214,471,217,465,220,464,220,459,223,455,226,454,232,458,231,453,236,451,234,447,236,446,239,451,242,450,243,448,248,450,250,448" onmouseover="montre(Ariège)" onmouseout="cache()"><area href="#" shape="polygon" coords="364,149,364,152,366,157,371,160,372,169,372,171,366,174,366,178,363,178,359,181,353,182,351,184,348,183,336,184,332,174,329,170,327,172,325,165,321,160,317,158,317,150,319,150,322,145,325,149,333,150,334,147,342,140,348,139,351,140,351,145,354,147,359,149,361,148,364,149" onmouseover="montre(Aube)" onmouseout="cache()"><area href="#" shape="polygon" coords="314,451,311,454,306,464,306,473,298,469,291,473,278,473,276,474,277,480,269,483,265,478,262,479,259,477,258,472,261,471,262,469,259,466,261,464,261,461,260,458,252,453,249,448,257,439,259,441,263,440,264,439,265,441,271,441,271,439,274,438,286,439,285,442,289,447,291,445,292,448,295,447,298,443,300,445,312,449,314,451" onmouseover="montre(<p>
<strong>Test aude</strong></p>
<p>
<strong>test aude</strong></p>
)" onmouseout="cache()">
</map>
<br />
<div id="curseur_01" class="infobulle">
<p><p>
TEST AIN</p>
</p>
</div>
<div id="curseur_02" class="infobulle">
<p></p>
</div>
<div id="curseur_03" class="infobulle">
<p>Allier</p>
</div>
<div id="curseur_04" class="infobulle">
<p>Alpes de Haute Provence</p>
</div>
<div id="curseur_05" class="infobulle">
<p>Hautes Alpes</p>
</div>
<div id="curseur_06" class="infobulle">
<p>Alpes Maritimes</p>
</div>
<div id="curseur_07" class="infobulle">
<p>Ardèche</p>
</div>
<div id="curseur_08" class="infobulle">
<p>Ardennes</p>
</div>
<div id="curseur_09" class="infobulle">
<p>Ariège</p>
</div>
<div id="curseur_10" class="infobulle">
<p>Aube</p>
</div>
<div id="curseur_11" class="infobulle">
<p><p>
<strong>Test aude</strong></p>
<p>
<strong>test aude</strong></p>
</p>
</div>
<!--------------------------------------------------------------------------------------------------------------------------->
</div>
<div class="Bas"></div>
</div>
</div>
<!-- end content -->
<div style="clear: both;"> </div>
</div>
<!-- end page -->
</div>
<div id="Footer">
<p> <a href="Legal.php">Mentions légales</a></p>
<p> </p>
<p>Elena Deudero Ibiza © 2011 Tous droits réservés</p>
<p>Propulsé par <a href="http://www.xxxxxxxxxx.fr/" title="xxxxxxxxxxxxxxx">xxxxxxxxxxxxxxxx</a> © 2011</p>
</div></body>
</html> |
Partager