salut à tous,
j'essaye de faire bouger des div , de facon auto , j'ai deja avancer grace à vous tous. Mais pour la suite j'arrive pas a faire la logique du javascript.
mes ajout ne fonctionne pas.....
donc:
le but c'est de faire se deplacer 3 div (deux horizontalement s'eloignant du centre et une de bas en haut)
j'essaye de faire bouger celle de gauche pour l'instant , mais .............. rien !*
voici le script :
<
html>
<head>
<script language="javascript">
<!--
ecran_h=screen.width; // normalement c la valeur client de largeur-ecran
ecran_v=screen.height; //normalement c la valeur client de hauteur-ecran
var pas_dep_h= 5; // valeur du pas de depart horizontal
var pas_dep_v=5; // valeur du pas de depart vertical
var delai_dep=10; // valeur pour repetition du timer
var posi_h1=0; // position horizontal de depart pour ex1 ou calqg ... c pareil
var posi_h2=0; // position horizontal de depart pour ex3 ou calqd ... c pareil
var posi_v1=0; // position vertical de depart pour ex2 ou calqh ... c pareil
// j'ai essayer de combiner ma logique , mais sa marche pas !
function bouge()
{
var ex1=document.getElementById('calqg');
var ex2=document.getElementById('calqh');
var ex3=document.getElementById('calqd');
if (0<ecran_h){ex1.style.left=(posi_h1+pas_dep_h)+"px"}
ex1.style.top=0
setTimeout (bouge,delai_dep)
}
window.onload = bouge;
//-->
</script>
</head>
<body>
<div id="calqg" style="position:absolute;top:0; left:0;"><img src="bleu.gif" border=0></div>
<div id="calqh" style="position:absolute;top:0; left:0;"><img src="red.gif" border=0></div>
<div id="calqd" style="position:absolute;top:0; left:800;"><img src="vert.gif" border=0></div>
<div id="immobile" style="position:absolute; background-color:red; top:50%; left:50%;">
<script>
// normalement le div avec id=immo n'existe pas c just pour un essai , mais marche pas non plus
// cette portion de script non plus n'existe pas c juste pour cet ennoncer
</script>
<div id="immo" style="position:absolute; top:50%; left:50%;"><a href="" onmouseover="bouge();">****************</a></div>
</body>
</html>
je suis un
clown ! ou quoi ?