fichier externe type fonctions.js

Version imprimable

Je ne comprends pas.

Je mets ça dans index.html
Code:

1 2 3 4 5 6 7 8 9 10 <html> <head><title>test inclusion fonctions.js</title> <script type="text/javascript" src="fonctions.js"></script> </head> <body> <script type="text/javascript">bonjour();</script> </body> </html>
Je mets ça dans fonctions.js
Code:

1 2 3 function bonjour(){ document.write('BONJOUR BONJOUR !'); }
Et ça ne marche pas sur le serveur du boulot, alors que le path (enfin ici l'absence de path) est normal... :(

19/11/2008, 14h00
SpaceFrog

parceque au moment de l'execution de la page document n'est pas encore implémenté ...
lance la fonction dans le onload du body ?

Merci frog !

Maintenant la vraie question... :roll:

pourquoi ce code qui est situé dans le body d'une page php, ne fonctionne plus quand j'exporte mes fonctions sur un fichier séparé avec exactement la même méthode alors ?

Pour préciser vite fait, on a affaire à un tableau qui affiche 5 lignes par défaut avec la boucle php, et qui propose au user de cliquer à chaque ligne supplémentaire pour déclencher l'événement js qui ajoute la ligne de saisie au tableau.

Depuis que j'ai exporté la fonction js... il ne se passe rien (en apparence en tout cas) quand je clique sur 'ajouter une ligne'...

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
 
<html>
<body>
<div align="center">
				<table name="diplomes" id="diplomes" cellspacing="1" cellpadding="1" width="58%" align="center" background="" border="1">
					<caption>DIPLOMES OBTENUS</caption>
					<tbody>
						<tr>
							<th>INTITULE</th>
							<th>ANNEE D'OBTENTION</th>
						</tr>
						<?php
                                                        //construction des cinq premières lignes du tableau diplomes
                                                        for($i=0;$i<5;$i++){
                                
                                                                echo'<tr>
                                                                <td><input type="text" name="diplome'.($i+1).'" size="80"/></td>
                                                                <td><input type="text" name="andiplome'.($i+1).'" size="10"/></td>
                                                                </tr>';
                                                        }
                                                ?>
					</tbody>
				</table>
				<input type="button" onclick="addRow('diplomes'); compteurdiplomes=compteurdiplomes+1;" value="Cliquez ici pour ajouter une ligne au tableau ci-dessus"/>
			</div>
</body>
</html>

19/11/2008, 14h17
SpaceFrog

heu que vient faire php là dedans ?

Rien, rien...

On est d'accord qu'on ne s'intéresse qu'à la partie de mon code qui traite de js (le bouton qui déclenche l'événement onclick)...

J'ai ça dans le head :

Code:

<script type="text/javascript" src="fonctions.js"></script>

J'ai ça dans le début de <body>

Code:

1
2
3
4
5
6
7
<script type="text/javascript">
			/***************************************initialisation des variables js*******************************/
			//ajout ligne tableau état des services
			var compteurservices=11;
			//idem diplomes
			var compteurdiplomes=6;
		</script>

et j'ai ça dans fonctions.js

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
/******************************fonction js qui gère la ligne ajoutée aux tableaux qui le permettent*********************************/
		function addRow(id){
 
			//tableau diplomes
			if(id=="diplomes"){
 
				var tbody = document.getElementById(id).getElementsByTagName("TBODY")[0];
				var row = document.createElement("TR")
 
				var td1 = document.createElement("TD")
				var td1a = td1.appendChild (document.createElement('input'))
				td1a.setAttribute("type", "text")
				td1a.setAttribute("size", "80")
				td1a.setAttribute("name", "diplome"+compteurdiplomes)
 
				var td2 = document.createElement("TD")
				var td2a = td2.appendChild (document.createElement('input'))
				td2a.setAttribute("type", "text")
				td2a.setAttribute("size", "10")
				td2a.setAttribute("name", "andiplome"+compteurdiplomes)
 
				row.appendChild(td1);
				row.appendChild(td2);
 
				tbody.appendChild(row);
			}
		}

19/11/2008, 14h32
SpaceFrog

et le fichier externalisé ?
19/11/2008, 14h36
Dendrite

Pardon, Mister Frog, tout est au dessus (j'étais en train de faire une édition d'une sélection de mon code)...

Un doute masaï :

Serait-ce de commencer le fichier js par un commentaire qui me met la zone ?

edit : non... Test négatif...