fichier externe type fonctions.js

**Dendrite** · 19/11/2008, 13h56

Je ne comprends pas.

Je mets ça dans index.html

Code :

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

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 :

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

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

**SpaceFrog** · 19/11/2008, 14h00

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

**Dendrite** · 19/11/2008, 14h03

Merci frog !

Maintenant la vraie question...

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 :

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

**SpaceFrog** · 19/11/2008, 14h17

heu que vient faire php là dedans ?

**Dendrite** · 19/11/2008, 14h26

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 :

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

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

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

Code :

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

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 :

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
/******************************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);
			}
		}

**SpaceFrog** · 19/11/2008, 14h32

et le fichier externalisé ?

**Dendrite** · 19/11/2008, 14h36

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

fichier externe type fonctions.js

JavaScript

Discussions similaires

Partager

Partager