Firefox : liens + rechargement de la page

**lilith** · 22/10/2005, 18h23

Bonjour, j'ai un petit soucis de débutante en javascript.

Je fais un lien qui appelle une fonction qui doit mettre à jour des données de la page :

Code :

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

<a href="#" onclick="mafonction()">monlien</a>

Cette page initialise également plusieurs variables du script lors de son affichage.

Sous IE, pas de problème. La fonction s'execute et la page est mise à jour.
Mais sous Firefox, tout est réinitialisé lors du clic sur le lien. J'ai l'impression que dès qu'on clic sur un lien, il recharge entièrement la page.

Y a t'il quelque chose à faire de particulier pour Firefox pour qu'il ne recharge pas entièrement la page mais qu'il réagisse comme IE ?

**Mr N.** · 22/10/2005, 22h45

sur un <a href>, si le onclick retourne true, le lien sous href est suivi, si le onclick retourne false, le lien n'est pas suivi, c'est comme si le user n'avait pas cliquer sur le lien...
Je te laisse déduire...

**javatwister** · 23/10/2005, 09h09

l'idéal étant tout de même de ne pas utiliser un lien pour autre chose qu'un changement de page!
si tu tiens à l'apparence "link", définis ton curseur à pointer en passant sur l'élément;

**lilith** · 23/10/2005, 11h15

Merci de votre aide, ça m'a permi de découvrir que l'erreur était ailleurs. Mais par contre c'est encore pire

Le mieux est encore que je vous donne le script.
C'est un exercice de cours, donc n'essayez pas de comprendre l'utilité de la chose

Voici le html :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
	<head>
		<script src="fonctions.js"></script>
	</head>
 
	<body>
		<div>Notes des élèves</div>
		<script>
			init_tableau();
		</script>
		<div style="cursor:pointer;" onclick="affichage_tableau();">Actualiser le tableau</div>
	</body>
</html>

et 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
var tabeleve ;
 
function init_tableau()
{
	tabeleve = new Array(); //déclaration d'un tableau dont le nb d'élèves n'est pas défini
	var i;
 
	// boucle qui cree pour chaque ligne un tableau de 3 elements
	for(i=0;i<4;i++)
		tabeleve[i]=new Array(3);
 
	//initialisation du tableau
	tabeleve[0]=["Dupond","Pierre",""];
	tabeleve[1]=["Lemenach","Franky",""];
	tabeleve[2]=["Coloj","Matthieu",""];
	tabeleve[3]=["Gelino","Laetitia",""];
 
	affichage_tableau() ;
}
 
 
 
function affichage_tableau()
{
	document.write("<table border=1>");
	document.write("<tr><td>Nom de l'élève</td><td>Prenom de l'élève</td><td>Note</td>"); //entête du tableau
 
	var i;
	for(i=0;i<tabeleve.length;i++)
	{
		document.write("<tr><td>" + tabeleve[i][0] + "</td>");
		document.write("<td>" + tabeleve[i][1] + "</td>");
		document.write("<td id=" + i + " onMouseOver=ajout_note(" + i + ");>" + tabeleve[i][2] + "</td></tr>");
 
	}
	document.write("</table>");
	return(false);
}
 
 
 
function ajout_note(indice)
{
	if(tabeleve[indice][2]=="")
	{
		tabeleve[indice][2]=prompt("Saisissez la note de l'élève "+tabeleve[indice][0]+" "+tabeleve[indice][1],"");
		document.getElementById(indice).innerHTML=tabeleve[indice][2];
	}
	return(false);
}

Le problème : quand on clic sur le lien pour actualiser le tableau (oui, ce lien est inutile, mais ce n'est pas le problème

), la console javascript de Firefox me dit "tabeleve is not defined line 29" alors que je l'ai déclarée en global et que ca marche bien lors de l'affichage initial de la page. IE me dit la même chose en mois précis (genre "object required")

Je lutte depuis des heures avec ce script tout bête et le truc est à rendre pour demain

Siou plait, aidez moi !

**javatwister** · 23/10/2005, 12h55

tu utilises mal la méthode write! elle est essentiellement destinée à insérer une chaîne dans un document distinct (voir window.open(); document.open();document.write();document.close());

éventuellement, tu peux t'en servir pour générer une chaîne dans le document en cours, quand la page n'est pas encore chargée;

comme ta fonction est lancée dans le flux de la page, sans gestionnaire d'événement, ça marche, la première fois... mais quand tu rappelles la fonction, document.write t'ouvre implicitement un nouveau document... qui ignore tout du tableau déclaré dans function init_tableau()

**lilith** · 23/10/2005, 16h41

Ok merci beaucoup.

Je vais donc faire ça avec du DHTML avec getElementByID.

Firefox : liens + rechargement de la page

JavaScript

Discussions similaires

Partager

Partager