onload qui n'a pas l'air de se lancer

LowTiste · 12/04/2011, 11h51

Bonjour,

J'ai crée un code JavaScript qui me permet de faire bouger une image en jouant avec le backgroundPosition. J'ai donc fait deux fonctions, une qui bouge l'image vers le haut, l'autre vers le bas. Exemple, l'image monte, une fois arrivée en haut, on appelle dans le else l'autre fonction qui l'a fait descendre. Pour tester, je met des alert, cela marche très bien, mais une fois mes alert retirés, je relance mon code. Rien ne se passe.. Est ce qu'il serait possible que quelqu'un m'éclaire ? Voici mon code pour plus de précision :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 <html>
<head>
 <title></title>
<script type="text/javascript">
    var rebond1= 0;
    var rebond0= 1;
    var rebond_limit=2;
    var limitw = -100;
    var limith = -100;
    abcisse = 0;//abcisse du coin sup&eacute;rieur gauche de l'image
    ordonnee = 0;//ordonnee du coin sup&eacute;rieur gauche de l'image
    vitesse = 20;//vitesse du mouvement : vous pouvez changer cette valeur
function load()
{//alert('focntion load');
    document.getElementById("imgb").style.backgroundPosition= '0px -95px';//positionnement horizontal de l'image
    //document.getElementById("imgb").style.top = ordonnee;//positionnement vertical de l'image
    img_monte(1,-100);
    setTimeout(img_monte(1,-100),1000);
    //alert ('img_monte');
}
 
function img_descente(limit_atteinte,limith){
//alert('fonctiondescencte');
var unePos = document.getElementById('imgb').style.backgroundPosition;
 
var elem = unePos.split(' ');
ordonnee = elem[0];
abscisse = elem[1];
 
var ordo = ordonnee.split('px');
ordonneeC = ordo[0];
 
var absc = abscisse.split('px');
abscisseC = absc[0];
 
abscisseC = parseInt(abscisseC);
ordonneeC = parseInt(ordonneeC);
 
//abscisseC= abscisseC+1;
//alert(abscisseC);
//ordonneeC= ordonneeC+1;
//alert(ordonneeC);
 
if (rebond_limit==limit_atteinte)
{//alert(limit_atteinte);
         abscisseC=abscisseC+2;
         newabs= abscisseC;
}
else
{
    //***montee d'1px***
    abscisseC= abscisseC+1;
}
//alert(abscisseC);
//alert(limith);
if(abscisseC<limith)
{
    newabs= abscisseC;
    //alert(abscisseC);
}
else
{
    //alert('rebondb');
    img_monte(0,-100);
 
}
 
document.getElementById('imgb').style.backgroundPosition=''+ordonneeC+'px '+abscisseC+'px';
//alert(document.getElementById('imgb').style.backgroundPosition);
setTimeout(img_descente(1,0),100);
}
 
 
 
function img_monte(limit_atteinte,limith){
//alert('fonctionmonte');
var unePos = document.getElementById('imgb').style.backgroundPosition;
 
var elem = unePos.split(' ');
ordonnee = elem[0];
abscisse = elem[1];
 
var ordo = ordonnee.split('px');
ordonneeC = ordo[0];
 
var absc = abscisse.split('px');
abscisseC = absc[0];
 
abscisseC = parseInt(abscisseC);
ordonneeC = parseInt(ordonneeC);
 
//abscisseC= abscisseC+1;
//alert(abscisseC);
//ordonneeC= ordonneeC+1;
//alert(ordonneeC);
 
if (rebond_limit==limit_atteinte)
{
         abscisseC=abscisseC-2;
         newabs= abscisseC;
}
else
{
    //***montee d'1px***
    abscisseC= abscisseC-1;
}
 
if(abscisseC>limith)
{
    newabs= abscisseC;
}
else
{
    //alert('rebond');
    img_descente(0,0);
 
}
 
document.getElementById('imgb').style.backgroundPosition=''+ordonneeC+'px '+abscisseC+'px';
//alert(document.getElementById('imgb').style.backgroundPosition);
 setTimeout(img_monte(1,-100),100);
}
 
</script>
 </head>
<body onload="img_monte(1, -100)">
 
<div id="imgb" style="position:absolute; width:300px; height:200px; background:url(file:///C|/wamp/www/Image/logocreatif1.png) no-repeat; background-position:0px 0px; border-style: solid ;">
</div>
 
</body>
</html>

Merci.

Cordialement, LowTiste.

djaih · 13/04/2011, 11h30

Bonjour,

essaye en ajoutant des quotes comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

setTimeout("img_monte(1,-100)",1000);

SpaceFrog · 13/04/2011, 11h36

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

setTimeout(function(){img_monte(1,-100)},1000);

Golgotha · 13/04/2011, 13h49

Bonjour,

Le code est un poil complexe pour juste faire monter et descendre un image..

13/04/2011, 11h36	#3
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	Code : Sélectionner tout - Visualiser dans une fenêtre à part setTimeout(function(){img_monte(1,-100)},1000); __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

13/04/2011, 13h49	#4
Golgotha Modérateur cédric Développeur informatique Inscription : août 2007 Messages : 732 Détails du profil Informations personnelles : Nom : cédric Âge : 27 Localisation : France Informations professionnelles : Activité : Développeur informatique Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : août 2007 Messages : 732 Points : 1 566 Points : 1 566	Bonjour, Le code est un poil complexe pour juste faire monter et descendre un image.. __________________ modérateur webmasters - développements web & php faq jQuery - règles du forum - faqs web mon espace perso Venez participez au deuxième defi Web !
	00

13/04/2011, 11h30	#2
djaih Membre du Club Inscription : juin 2004 Messages : 69 Détails du profil Informations personnelles : Âge : 30 Informations forums : Inscription : juin 2004 Messages : 69 Points : 43 Points : 43	Bonjour, essaye en ajoutant des quotes comme ceci : Code : Sélectionner tout - Visualiser dans une fenêtre à part setTimeout("img_monte(1,-100)",1000);
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email