[PHP-JS] Pb javascript en php

**Taz_8626** · 28/04/2006, 14h28

voila j'ai fait une page html qui utilise le javascript ça fonctionne bien mais lorsque je veux l'intégrer dans ma page dans une page principale avec un require . le javascript ne fonctionne pas trop

voici mon code de ma page qui utilise le javascript

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
 
<link rel="stylesheet" type="text/css" href="CSS/stylenews.css" media="screen" />
    <div class="centre">
      <!--  Contours -->
      <div class="gauche" id="gauche">
      </div>
      <div class="droite" id="droite">
      </div>
      <div class="tete">
      </div>
      <div class="pied" id="pied">
      </div>
      <div class="cointetegauche">
      </div>
      <div class="cointetedroite">
      </div>
      <div class="coinpiedgauche" id="coinpiedgauche">
      </div>
      <div class="coinpieddroite" id="coinpieddroite">
      </div>
      <div class="contenu" id="contenu">
        <div class="titre">La Newsletter de MTT</div>
          <div class="date">Avril-2006<br /><br /></div>
                    <div class="article1" id="article1"><p class="article">Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici </p></div>
                    <div class="article2" id="article2"><p class="article">Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici Saisissez votre texte ici </p></div>
                    <!-- Reduction automatique de la fenetre par rapport aux articles -->
                    <script language="JavaScript" type="text/javascript">
                      function position2articles()
                      {
                        var art1 = document.getElementById("article1");
                        var heightart1 = art1.offsetHeight;
                        art1.style.marginTop = "0px"; 
 
                        var art2 = document.getElementById("article2");
                        var heightart2 = art2.offsetHeight;
                        var top = heightart1+200;   
                        alert(heightart1);  
 
                        art2.style.marginTop = "30px";  
 
                        var gauche = document.getElementById("gauche");
                        var droite = document.getElementById("droite");
                        var height = top+heightart2+30;
                        gauche.style.height = height+"px";
                        droite.style.height = height+"px";
 
                        var cpgauche = document.getElementById("coinpiedgauche");
                        cpgauche.style.marginTop = height+9+"px";
                        var cpdroite = document.getElementById("coinpieddroite");
                        cpdroite.style.marginTop = height+9+"px"; 
                        var pd = document.getElementById("pied");
                        pd.style.marginTop = height+9+"px";
 
                        var contenu = document.getElementById("contenu");
                        contenu.style.height = height+"px";   
                      }
                      position2articles();
                    </script>      </div>
    </div>
    <br />

**denisC** · 28/04/2006, 14h41

La définition de la fonction dans le HEAD, et son appel dans le body.onload (ou window.onload, au choix).

**Taz_8626** · 28/04/2006, 14h47

pas oubliger de faire ta méthode

je n'ai pas besoin de faire ça car lorsque je met le code tout seul ça fonctionne

et je voudrais ajouter cette page dans une autre page et ça ne fonctionne plus

**denisC** · 28/04/2006, 15h02

Envoyé par Taz_8626

pas oubliger de faire ta méthode

Faire un document.getElementById, avant la fin du chargement de ton document, moi, j'appelle ça un suicide

**Taz_8626** · 28/04/2006, 15h05

pourquoi un suicide?

**denisC** · 28/04/2006, 15h06

Envoyé par Taz_8626

pourquoi un suicide?

Parceque ça marchera de façon complétement aléatoire, selon la vitesse de ta ligne, de ton ordinateur, ton navigateur.... Enfin, à éviter (d'après moi).

[PHP-JS] Pb javascript en php

JavaScript

Vue hybride

Discussions similaires

Partager

Partager