[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).

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

bah montre moi dans un exemple comment tu ferai

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

Envoyé par Taz_8626

bah montre moi dans un exemple comment tu ferai

Euh, un exemple? Le script dans le head de ton document HTML, avec un appel sur le onload de ton body?

J'ai pas d'exemples sous la main, mais je ne vois pas vraiment en quoi il y aurait besoin d'un exemple.....

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

ça fonctionne ok mais j'ai une image qu fait la largeur en bas de ma page et elle est dessous ma page

mon test ça fonctionne et ce que je suis en train de faire c'est une page de journal il peut y avoir 2,3 ou 4 articles et la fonction change par rapport au nombre d'articles alors comment faire pour que ma fonction change automatiquement dans ma page ou alors il faut que je fasse une fonction générale qui récupèrent tout les fonctions mais comment différencier et utilisé par rapport au nombre de mes articles

comment faire ?

**Taz_8626** · 28/04/2006, 16h00

donc je suis obligé de le faire comme je fesai au début car par rapport à mon contenu j'ai ma fonction javascript qui change

ou si vous avez une autre solution

**Taz_8626** · 02/05/2006, 15h24

est ce possible de faire un onload sans le body l'avoir après la balise body
ou alors charger une fonction javascript pas dans le body

**Taz_8626** · 02/05/2006, 15h35

pour l'instant j'ai fait un test avec un fichier .js qui regroupe toutes mes fonctions et je les appelle en dur dans le body grâce à onload et je voudrais qu'il le fasse automatiquement alors j'ai eu l'idée de créer un fichier position.js qui contient juste la fonction que j'utilise mais comment l'appeler car je ne connais pas le nom de la fonction qui se trouve dans le fichier position.js

**roudoudouduo** · 02/05/2006, 15h42

juste un truc le code javascript peut etre associé à un evenement quelquonque et pas uniquement au chargement d'une page (par exemple a un bouton onclick)

**Taz_8626** · 02/05/2006, 15h43

mais je ne veux pas l'appliquer à quelque chose je veux juste executer du code javascript dans ma page c tout

**roudoudouduo** · 02/05/2006, 15h45

la syntaxe est la suivante :

Code :

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

1
2
 
<balise onEvent="javascript:{tonCodeJavaScript;}">

**roudoudouduo** · 02/05/2006, 15h48

bin regarde les differents evenements je sais qu'il y'a onunload par exemple quant on quitte la page y'a peut etre un evenement une fois la page chargée (toutefois je ne pense pas que ca existe) Dsl de pas pouvroi t'aider plus

**Taz_8626** · 02/05/2006, 15h53

ok mais ça ne fonctionne pas

**roudoudouduo** · 02/05/2006, 16h22

Un autre conseil : pour developper en javascript utilise firefox ou netscape ou opera qui ont une console javascript qui te permet de voir les bug (dans firefox tu fais outils console javascript) c'est vraiment super pour le developpement. Celui qui fais le plus ressortir les errerus c celui de opera

**Taz_8626** · 02/05/2006, 16h33

merci pour le conseil j'ai testé avec les console javascript et je n'ai aucune erreur

**Taz_8626** · 02/05/2006, 16h44

ça fonctionne parfaitement bien lorsque c'est mis en dur mais lorsque je veux mettre plusieur fonctionne et que ça se fasse automatiquement bas ça plante

mon code que je veux intégrer à ma page est en html et ma page principale en php donc je pensai mettre une variable dans le onload qui prendra le nom de la fonction mais je ne peux pas car mon code c'est du html donc je ne vois pas comment faire

[PHP-JS] Pb javascript en php

JavaScript

Discussions similaires

Partager

Partager