Le test marche mais rien ne se passe

**UltraShell** · 12/11/2013, 18h45

Bonjour,

J'essaye désespérément de comprendre ce qui se passe...

J'ai deux bouton radio.
Je veux que quand je click sur l'un deux, de la neige tombe.

Pour ça je fais un test. Si l'élément est checked, j'écris dans une div le chemin de mon script neige (<script src="js/snow.js"></script>).

Le DOM change en effet mais rien ne se passe...
Tandis que quand j'écris le même code à la main, il se lance...
Pourquoi, s'il vous plait ?!

**franckm1000** · 12/11/2013, 19h24

Peut être parce qu'un script s'exécute au chargement de la page et que là ta page est chargée.
Donc ajouter le script OK mais il faut à un moment ou un autre rafraîchir ta page (ou mieux seulement ta DIV).

**SpaceFrog** · 13/11/2013, 09h35

Donc ajouter le script OK mais il faut à un moment ou un autre rafraîchir ta page (ou mieux seulement ta DIV).

je ne vois pas en quoi rafraichir la page aiderait un script ajouté dynamiquement à s'exécuter, bien au contraire, js ne survivant pas à un rechargement, lors du rafraichissement le script ne serait plus sur la page ...
???

Il serait mieux de voir le code impliqué dans cette affaire pour comprendre le souci.
A mon avis tu charges le script de la fonction mais tu ne le lance pas la fonction ? Mais sans voir ton code cela ne reste que de la pure spéculation

**franckm1000** · 13/11/2013, 10h31

je ne vois pas en quoi rafraichir la page aiderait un script ajouté dynamiquement à s'exécuter, bien au contraire, js ne survivant pas à un rechargement, lors du rafraichissement le script ne serait plus sur la page ...

C'est ce que je voulais dire en fait, ajouter un chemin vers un script dans le DOM une fois la page chargée ne va pas le faire s'exécuter puisque la page est déjà chargée et que en plus il ne lance aucune fonction du script.

**UltraShell** · 13/11/2013, 10h47

Ah oui je vois le problème, mais de là à voir la solution...

Je mets le code, c'est vrai que c'est plus parlant...
"Script" et écrit en plusieurs fois sinon il l'interprète et ferme la balise...

**SpaceFrog** · 13/11/2013, 10h51

regarde plutot du coté de document.createElement('script')puis appendChild dans le head ...

http://www.developpez.net/forums/d560981/webmasters-developpement-web/javascript/createelement-script-ca-fonctionne/

Sinon vu que tu postes dans le forum JQUERY ... regarde du cote de getScript() ...

**UltraShell** · 13/11/2013, 12h47

Oui, non, je suis désolée, je n'y arrive pas.

J'utilise createElement maintenant et le script s'écrit à la perfection quand je suis sur le bouton radio, mais je n'arrive pas à le lancer...

**SpaceFrog** · 13/11/2013, 12h53

Heu au lieu de screenshots ? tu pourrais pas coller ton code avec des blaises codes autour ???

Sinon il y a quoi dans le script que tu insères ???

**UltraShell** · 13/11/2013, 13h07

Au temps pour moi. Voilà la bête. Le script "texte.js"n'est pas exécuté sur cette page.
snow.js est un script que j'ai récup sur un site et qui marche à merveille quand je l'appelle à "l'ancienne" !

Code html :

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
<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/style.css" rel="stylesheet" media="screen">
  </head>
  <body>
 
<?php 
if(isset($_POST['choixC'])){
  $choixC = $_POST['choixC'];
 
    if ($choixC =="rien") {
      header('Location:ext.php');
    }
else {
   header('Location:extPlus.php');
}
}
?>
 
 
 
<div class="row-fluid marketing">
        <div class="span6">
        <img class="img" src="img/autre.jpg"/>
        </div>
 
 
        <div class="span6">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur, labore, ipsa, sapiente
        accusantium quo explicabo quibusdam ducimus culpa magnam repellendus impedit adipisci eos repudiandae.
 
<br>
<br>
 
          <form method="post" action="<?php echo $_SERVER['PHP_SELF'];?>">
            <input id="neige" type="radio" name="choixC" value="neige" onclick="SnowScript()"/>
            <label for="neige">neige</label>
            <input id="rien" type="radio" name="choixC" value="rien" />
            <label for="rien">rien</label><br />
          <br>
          <br>
        <div class="span4 offset2">
        <button class="btn btn-danger" type="submit">ok</button>
        </div>
 
          </form>
        </div>
 
</div>
</body>
 
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 
<script type='text/javascript'>
function SnowScript(){
var Script =document.createElement('script');
Script.type='text/javascript';
Script.src="js/snow.js" 
document.getElementsByTagName('head')[0].appendChild(Script);
}
</script>
 
      <script src="js/texte.js"></script>
      <script type="text/javascript">
        $("#mydiv").ghostType();
      </script>
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
 
 
</html>

**UltraShell** · 13/11/2013, 13h08

Et snow.js

Code javascript :

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
 
var SNOW_Picture = "img/snowY.gif"  
var SNOW_no = 10;  
var SNOW_browser_IE_NS = (document.body.clientHeight) ? 1 : 0;  
var SNOW_browser_MOZ = (self.innerWidth) ? 1 : 0;  
var SNOW_browser_IE7 = (document.documentElement.clientHeight) ? 1 : 0;  
var SNOW_Time;  
var SNOW_dx, SNOW_xp, SNOW_yp;  
var SNOW_am, SNOW_stx, SNOW_sty;   
var i, SNOW_Browser_Width, SNOW_Browser_Height;  
if (SNOW_browser_IE_NS)  
{  
    SNOW_Browser_Width = document.body.clientWidth;  
    SNOW_Browser_Height = document.body.clientHeight;  
}  
else if (SNOW_browser_MOZ)  
{  
    SNOW_Browser_Width = self.innerWidth - 20;  
    SNOW_Browser_Height = self.innerHeight;  
}  
else if (SNOW_browser_IE7)  
{  
    SNOW_Browser_Width = document.documentElement.clientWidth;  
    SNOW_Browser_Height = document.documentElement.clientHeight;  
}   
SNOW_dx = new Array();  
SNOW_xp = new Array();  
SNOW_yp = new Array();  
SNOW_am = new Array();  
SNOW_stx = new Array();  
SNOW_sty = new Array();  
 
for (i = 0; i < SNOW_no; ++ i)   
{   
    SNOW_dx[i] = 0;   
    SNOW_xp[i] = Math.random()*(SNOW_Browser_Width-50);  
    SNOW_yp[i] = Math.random()*SNOW_Browser_Height;  
    SNOW_am[i] = Math.random()*20;   
    SNOW_stx[i] = 0.02 + Math.random()/10;  
    SNOW_sty[i] = 0.7 + Math.random();  
    if (i == 0) document.write("<\div id=\"SNOW_flake"+ i +"\" style=\"position: absolute; z-index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><a href=\"http://www.peters1.dk\" target=\"_blank\"><\img src=\""+SNOW_Picture+"\" border=\"0\"></a><\/div>");  
    else document.write("<\div id=\"SNOW_flake"+ i +"\" style=\"position: absolute; z-index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><\img src=\""+SNOW_Picture+"\" border=\"0\"><\/div>");  
}  
function SNOW_Weather()   
{   
for (i = 0; i < SNOW_no; ++ i)   
{   
    SNOW_yp[i] += SNOW_sty[i];  
    if (SNOW_yp[i] > SNOW_Browser_Height-50)   
    {  
        SNOW_xp[i] = Math.random()*(SNOW_Browser_Width-SNOW_am[i]-30);  
        SNOW_yp[i] = 0;  
        SNOW_stx[i] = 0.02 + Math.random()/10;  
        SNOW_sty[i] = 0.7 + Math.random();  
    }   
    SNOW_dx[i] += SNOW_stx[i];  
    document.getElementById("SNOW_flake"+i).style.top=SNOW_yp[i]+"px";  
    document.getElementById("SNOW_flake"+i).style.left=SNOW_xp[i] + SNOW_am[i]*Math.sin(SNOW_dx[i])+"px";  
}  
SNOW_Time = setTimeout("SNOW_Weather()", 10);  
 
}  
SNOW_Weather();

**seriux55** · 13/11/2013, 13h39

A mon avis, en jQuery c'est mieux

tu donnes un id a tes boutons id1, id2 puis tu teste si c'est en check ou pas,

Code :

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

1
2
3
4
5
$('#element').click(function() {
   if($('#id2').is(':checked')) { 
        // execute ton script snow.js
   }
});

Code :

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

1
2
3
4
5
$('#element').click(function() {
   if($('#id1').is(':checked')) {  
        // execute ton script snow.js
}
});

;-)

**SpaceFrog** · 13/11/2013, 13h52

un getScript() suivi du lancement de la fonction sur le callback ...

**UltraShell** · 14/11/2013, 11h31

Seriux55, le résultat me renvoie sur une page blanche.

Le getScript() me renvoie sur un fond blanc mais la fonction se lance.

J'ai fis des test mais je dois mal faire, je ne m'y connais pas assez. Le callback ?!

J'ai une question idiote aussi ! Est-ce que je peux mettre le code de snow.js dans une fonction ou étant donné qu'il contient déjà une fonction c'est impossible ?

Merci de votre aide.

Code :

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

1
2
3
4
5
6
<script type='text/javascript'>
      $("#neige").click(function(event){
          $.getScript('js/snow.js', function() {
          });
      });
</script>

**Bovino** · 14/11/2013, 11h45

Code :

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

1
2
3
4
...
if (i == 0) document.write("...");  
else document.write("...");
...

Comprendre document.write() en JavaScript.

Le test marche mais rien ne se passe

jQuery

Discussions similaires

Partager

Partager