Appliquer un script JS sur un DIV

**mikosworld** · 03/11/2007, 19h05

Bonjour à tous,

Voilà, j'ai petit soucis avec un script JAVASCRIPT, j'espère que les experts dans ce langage pourront m'aider.

Voici déjà ma page :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
 
<head>
    <title>Shake, Shake, Shake !</title>
 
    <meta name="content-language" content="fr" />
 
    <script type="text/javascript">
 
	<!-- Begin
function Shake(n) {
if (parent.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
         }
      }
   }
}
// End -->
 
    </script>
 
 
</head>
 
<body>
 
<center>
<div id="Shake" style="border: solid 1px blue; width: 640px; height: 480px;">
<object id="Vitalize1" width="100%" height="100%" type="application/x-cnc"
    classid="CLSID:EB6D7E70-AAA9-40D9-BA05-F214089F2275" codebase="http://www.clickteam.com/vitalize4/vitalize.cab#Version=4,0,247,2">
    <param name="URL" value="nudge.ccn" />
    <param name="ProgressBar" value="53,181,222,5" />
    <param name="ProgressBarColor" value="255,0,0" />
    <param name="ProgressBarBorderColor" value="255,255,0" />
 
    <param name="BackColor" value="0,255,0" />
 
    <embed type="application/x-cnc"
        src="nudge.ccn"
        checkversion="4,0,247,0"
        pluginspage="http://www.clickteam.com/vitalize4/download.html"
        width="100%"
        height="100%">
    </embed>
</object>
</div>
</center>
 
<script type="text/javascript">
 
</script>
 
</body>
</html>

Actuellement, le script "Shake" s'applique sur la fenêtre du navigateur, je souhaiterais qu'il s'application sur la DIV contenent un applet.
Mais je ne connais pas l'argument Javascript

Merci de votre aide.

**arkandias** · 04/11/2007, 16h57

document.getElementById('Shake')

Cela te renvoie les propriétés du calque que tu peux changer

document.getElementById('Shake').style.top = y;
document.getElementById('Shake').style.left = x;

x et y étant les coordonnées horizontales et verticales

**mikosworld** · 04/11/2007, 18h45

Envoyé par arkandias

document.getElementById('Shake')

Cela te renvoie les propriétés du calque que tu peux changer

document.getElementById('Shake').style.top = y;
document.getElementById('Shake').style.left = x;

x et y étant les coordonnées horizontales et verticales

Euh ce qui donnerait ça ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
	<!-- Begin
function Shake(n) {
if (document.getElementById('Shake').moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
document.getElementById('Shake').style.top=(0,i);
document.getElementById('Shake').style.left=(i,0);
document.getElementById('Shake').style.top=(0,-i);
document.getElementById('Shake').style.left=(-i,0);
         }
      }
   }
}
// End -->

Nan ?

**arkandias** · 04/11/2007, 22h18

Euhhh je vois pas trop ce que tu veux faire en fait...

C'est sensé être quoi i et j ? Et par contre il faut une seule coordonnée

Du genre :

document.getElementById('Shake').style.top = 300; // Le cadre est à 300 pixels du haut
document.getElementById('Shake').style.left = 400; // Le cadre est à 400 pixels du bord

**mikosworld** · 04/11/2007, 22h33

Envoyé par arkandias

Euhhh je vois pas trop ce que tu veux faire en fait...

C'est sensé être quoi i et j ? Et par contre il faut une seule coordonnée

Du genre :

document.getElementById('Shake').style.top = 300; // Le cadre est à 300 pixels du haut
document.getElementById('Shake').style.left = 400; // Le cadre est à 400 pixels du bord

En fait, dans mon applet j'ai juste un bouton qui exécute le javascript.
Seulement il me fait trembler le navigateur entier, moi je voudrais faire trembler le DIV qui contient mon applet.
Donc il faut modifier le code Js

Appliquer un script JS sur un DIV

JavaScript

Discussions similaires

Partager

Partager