Bonjour, j'ai un probleme avec un script que j'essai d'insérer sur une de mes pages web, et je pense que certain sont mieux callé que moi pour résoudre ce problème:
Tout d'abord voici la page concernée:
http://www.lestrioletsnoirs.123.fr/[...]eos_listing.htm
Je souhaite à l'aide d'un script que j'ai nommé 'wizz' faire vibrer les mots dans le menu par simple contact avec la souris de sorte à les faire trembler.
Mon code source de page est le suivant:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Bienvenue sur le site des Triolets Noirs</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #FFFF00;
}
.Style1 {
font-family: "Courier New", Courier, mono;
color: #FF0000;
}
.Style2 {color: #993399}
.Style3 {font-family: "Courier New", Courier, mono; color: #993399; }
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<script>
var i = 0;
var j = 0;
var top = 0;
var left = 0;
function wizz(pigeon)
{
var objet = document.getElementById(pigeon).style;
if( i == 0 && j<20 )
{
top = parseInt(objet.top)+5;
left = parseInt(objet.left)+5;
objet.top=top+"px";
objet.left=left+"px";
i = 1;
j++;
setTimeout('wizz("'+pigeon+'")',40);
}
else if( i == 1 && j<20 )
{
top = parseInt(objet.top)-5;
left = parseInt(objet.left)-5;
objet.top=top+"px";
objet.left=left+"px";
i = 0;
j++;
setTimeout('wizz("'+pigeon+'")',40);
}
else if( j == 20)
{
j=0;
}
}
</script>
</head>
<body>
<div id="Layer1" style="position:absolute; width:794px; height:52px; z-index:1; left: 196px; top: 132px;">
<div id="Layer8" style="position:absolute; width:119px; height:28px; z-index:1; left: 116px; top: 20px;"><a href="legroupe.htm"><img src="Legroupe.gif" width="119" height="29" border="0"></a>
<div id="Layer11" style="position:absolute; width:95px; height:26px; z-index:1; left: 418px; top: -48px;"><a href="photos.htm"><img src="Photos.gif" width="119" height="28" border="0"></a></div>
</div>
</div>
<div id="Layer2" style="position:absolute; width:149px; height:569px; z-index:2; left: 11px; top: 184px;">
<div id="Layer7" style="position:absolute; width:71px; height:29px; z-index:1; left: 205px; top: -82px;"><a href="news.htm"><img src="news.gif" width="71" height="29" border="0"></a></div>
<img src="Le_petit_journal.jpg" width="173" height="572"> </div>
<div id="Layer3" style="position:absolute; width:562px; height:49px; z-index:3; left: 246px; top: 27px;">
<div align="center"><img src="Bannière_titre.jpg" width="612" height="60"></div>
</div>
<div id="Layer4" style="position:absolute; width:179px; height:115px; z-index:4; left: 24px;">
<script type="text/javascript" src="
http://www.123compteur.com/counters[...]script><a href="
http://www.123compteur.com" target="_blank">compteur</a></noscript></div>
<div id="Layer6" style="position:absolute; width:200px; height:536px; z-index:6; left: 784px; top: 218px;"> <IFRAME SRC="
http://491832.myshoutbox.com/" NAME="ZONE1" HEIGHT="536" WIDTH="200">
</iframe>
</div>
<div id="Layer9" style="position:absolute; width:43px; height:29px; z-index:7; left: 451px; top: 103px;"><img src="mp3videos.gif" width="125" height="28"></div>
<div id="Layer10" style="position:absolute; width:107px; height:29px; z-index:8; left: 592px; top: 155px;"><a href="concert.htm"><img src="concert.gif" width="107" height="29" border="0"></a></div>
<div id="Layer12" style="position:absolute; width:102px; height:31px; z-index:9; left: 871px; top: 153px;"><a href="liens.htm"><img src="Liens.gif" width="119" height="28" border="0"></a></div>
<div id="Layer5" style="position:absolute; width:466px; height:492px; z-index:10; left: 260px; top: 197px;">
<p> </p>
<p align="center" class="Style1"> Vidéos</p>
<p align="center" class="Style1"> </p>
<p align="center" class="Style1"> </p>
<p align="center" class="Style1 Style2"><a href="video_1.htm"></a></p>
<div id="Layer14" style="position:absolute; width:288px; height:110px; z-index:11; left: 146px; top: 133px;"></div>
<p align="center" class="Style1 Style2"> </p>
<p align="center" class="Style1 Style2"> </p>
<p align="center" class="Style1 Style2"> </p>
<div id="Layer13" style="position:absolute; width:87px; height:78px; z-index:11; left: 5px; top: 116px;"><span class="Style1 Style2"><a href="video_1.htm"><span class="Style1"><img src="camera.gif" width="129" height="115"></span></a></span></div>
<p align="center" class="Style3"><a href="video_2.htm">- repet 2 le retour:On Chante toujours lol ça daille... - </a></p>
</div>
</body>
Si quelqu'un peut m'aider je lui serai entièrement reconnaissant, merci d'avance à tous pour vos propositions ...
zireb
Information