[PHP-JS] Pb javascript en php

Version imprimable

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:

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 />

28/04/2006, 15h41
denisC

La définition de la fonction dans le HEAD, et son appel dans le body.onload (ou window.onload, au choix).
28/04/2006, 15h47
Taz_8626

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
28/04/2006, 16h02
denisC

Citation:

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 :?
28/04/2006, 16h05
Taz_8626

pourquoi un suicide?
28/04/2006, 16h06
denisC

Citation:

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).
28/04/2006, 16h14
Taz_8626

bah montre moi dans un exemple comment tu ferai
28/04/2006, 16h19
denisC

Citation:

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.....
28/04/2006, 16h28
Taz_8626

ç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 ?
28/04/2006, 17h00
Taz_8626

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
02/05/2006, 16h24
Taz_8626

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
02/05/2006, 16h35
Taz_8626

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
02/05/2006, 16h42
roudoudouduo

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)
02/05/2006, 16h43
Taz_8626

mais je ne veux pas l'appliquer à quelque chose je veux juste executer du code javascript dans ma page c tout
02/05/2006, 16h45
roudoudouduo
la syntaxe est la suivante :
Code:

1 2 <balise onEvent="javascript:{tonCodeJavaScript;}">
02/05/2006, 16h48
roudoudouduo

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
02/05/2006, 16h53
Taz_8626

ok mais ça ne fonctionne pas
02/05/2006, 17h22
roudoudouduo

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
02/05/2006, 17h33
Taz_8626

merci pour le conseil j'ai testé avec les console javascript et je n'ai aucune erreur
02/05/2006, 17h44
Taz_8626

ç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 :roll: 8O :?
02/05/2006, 18h17
Taz_8626

je pense avoir trouvé une solution c'est de mettre dans un fichier php dans une variable le nom de ma fonction et d'appeler dans mon onload la variable

vous trouvez comment ma solution ?

heu pas tout compris à ce que tu as dis mais si tu veux mettre du code html/javacript genere a partir de php il suffit de faire une truc dans ce genre
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <?php if(maCondition) print('moncodeJavscript ou html') sinon print('mon code javascript ou html) ?> tu peux egalement faire comme ca function javascript() { <?php if certaine condition print(code1) else print(code2)// et comme ca tu genere ton code javacript suivant des variables php ?>
Je ne sais pas si c'est ca que tu voulais dire