Monscript fonction sous IE mais pas sous FF

**pierrot10** · 21/08/2008, 16h48

Bonjour,
j'ai importer un script qui fonctionnais tres bien sous Silva.

La seul différence que mes lien "next" et "previous" était sous forme d'image et maintenant se sont simple lien.

Voici une partie du code.
C'est la fonction change_to_next() et change_to_previous() ne sont pas appeler.

Les fonction init() et aleatoire() sont charger depuis un image onLoad="init();aleatoire()". Ces fonction sont correctement appeler

La fonction aleatoire(); defini justement les liens <a href"javascript:change_to_next()">next</<> et <a href="javascript:change_to_previous()">previous</a>

Je ne trouve pas pourquoi ca ne marche pas sous FF????

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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
 
function init(){
	//Initialize the link (href) for the next buttom (optional)
	var arrow_right_link=document.createElement('a');
	arrow_right_link.id='LienNext';
	arrow_right_link.href='#';
	arrow_right_link.style.textDecoration='none';
	arrow_right_link.appendChild(document.getElementById('arrows_right'));
	document.getElementById('highlights-arrow-right').appendChild(arrow_right_link);
 
	//Initialize the link (href) for the previous buttom (optional)
	var arrow_left_link=document.createElement('a');
	arrow_left_link.id='LienPrevious';
	arrow_left_link.href='#';
	arrow_left_link.style.textDecoration='none';
	arrow_left_link.appendChild(document.getElementById('arrows_left'));
	document.getElementById('highlights-arrow-left').appendChild(arrow_left_link);
 
	//initialize the link to open the full page of the research item
	var Open_research=document.createElement('a');
	Open_research.id='LienOpen';
	Open_research.href='#';
	Open_research.style.textDecoration='none';
	Open_research.appendChild(document.getElementById('SlideShow'));
	document.getElementById('highlights-image').appendChild(Open_research);
 
	//Initialize the ttitle of the research
	document.getElementById('highlights-text').innerHTML = txt[j];
 
}
//Set the href of the links
function aleatoire(){
	//document.getElementById("SlideShow").src = "img/research/"+image[j]+".jpg";
	document.getElementById('LienOpen').href="http://www.domaine.ch/research/resarch-detail?id="+image[j];
	document.getElementById('arrows_right').href="javascript:change_to_next();";
	document.getElementById('arrows_left').href="javascript:change_to_previous();";
 
}
 
//set the next link 
 
function change_to_next(){
	j=j+1;
	if(j>nbMax){j=1;}
	document.getElementById("SlideShow").src = "img/research/"+image[j]+".jpg";
	document.getElementById('LienOpen').href="http://www.doamine.ch/research/resarch-detail?id="+image[j];
	document.getElementById('highlights-text').innerHTML = txt[j];
}
function change_to_previous(){
	j=j-1;
	if(j<1){j=nbMax;}
	document.getElementById("SlideShow").src = "img/research/"+image[j]+".jpg";
	document.getElementById('LienOpen').href="http://www.doamine.ch/research/resarch-detail?id="+image[j];
	document.getElementById('highlights-text').innerHTML = txt[j];
}
 
//set the image name to display
image = new Array();
image[1]="30";
image[2]="24";
image[3]="17";
image[4]="31";
image[5]="26";
image[6]="14";
image[7]="16";
image[8]="15";
image[9]="33";
 
 
//Set the text to display for a image
txt = new Array();
txt[1] ='<font>Landslide triggering</font>';
txt[2] ='<font>Evaporation from porous media</font>';
txt[3] ='<font>Acoustic emission detection in soil</font>';
txt[4] ='<font>Wireless sensor network</font>';
txt[5] ='<font>Linking Diffusional Heterogeneity...</font>';
txt[6] ='<font>Shrink-Swell Behavior and Hydraulic Properties...</font>';
txt[7] ='<font>Noninvasive Imaging of Near-Surface...</font>';
txt[8] ='<font>Diffusional Contraints Affecting...</font>';
txt[9] ='<font>Acoustic Emission for Landslide Detection</font>';
-->
</script>
 
<div id="highlights">
	  <div id="highlights-background"></div>  
	  <div id="highlights-highlights">
	    <div><img src="img/highlights/highlight.jpg" align="absmiddle" onLoad="init(); aleatoire();" />&nbsp;&nbsp;Research Highlights</div> 
	  </div>
	  <div id="highlights-image"><img src="img/research/30.jpg" alt="reasearch" name="SlideShow" id="SlideShow" /></div>
	  <div id="highlights-arrow-left"><a name="arrows_left" id="arrows_left">Previous</a></div>
	  <div id="highlights-arrow-right"><a name="arrows_right" id="arrows_right">Next</a></div>
	<div id="highlights-text"></div>
</div>"""

**Auteur** · 21/08/2008, 16h52

bonjour,

l'événement onload ne se déclenche que sur la balise body.

**pierrot10** · 21/08/2008, 16h55

Mais le probleme, Silva (CMS) ne me permets pas de modifier la balise <body>.
En plus de cela, j'ai donc initier les deux fonction init() et aleatoire() depuis une image en mettant un alert() dans les deux fonction en question, et le deux messages d'alerte s'affiche au chargement de la page. Et alors pourquoi ca marche avec IE?

**Auteur** · 21/08/2008, 19h24

Envoyé par pierrot10

Et alors pourquoi ca marche avec IE?

parce que...

Envoyé par pierrot10

Mais le probleme, Silva (CMS) ne me permets pas de modifier la balise <body>.

dans ce cas appelle tes fonctions à la fin de ton document HTML (juste avant la balise </body> :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<!-- ton document HTML .............-->
 
<script type="text/javascript">
<!--
init(); 
aleatoire();
//-->
</script>
 
</body>
</html>

le code sera exécuté après le chargement de la page, c'est comme s'il était exécuté lors de l'événement onload.

**pierrot10** · 21/08/2008, 19h48

ok super je vais essayé,

Par contre suis pas trop sur que je puisse le mettre juste avant la fermture de </body>,

mais je vais regarder...

Merci

**pierrot10** · 24/08/2008, 19h51

Bonjour,
je ne comprends pas ca ne marche toujours pas.

J'ai mis ce code

Code :

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

1
2
3
4
5
6
<script type="text/javascript">
<!--
init(); 
aleatoire();
//-->
</script>

Juste dessous, mon code HTML et juste avant les 3 """.

En fait sous IE, quand je passe ma souris sur le lien, dans la barre de mon navigateur (en bas a gauche) je vois bien

Code :

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

javascript:change_to_next();

Par contre sour FF, je vois

Code :

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

http://www.domaine.ch/#

y a un #.

Ce qui est bizard, ce que sous FF, quand je survole le lien, je vois un # mais quand je clique sur le lien et que je maintiens le bouton de ma souris enfoncé, je vois bien l'appelle de ma fonction !!!
soit

Code :

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

javascript:change_to_next();

Comment ce fait-t-il que mon lien n'est pas initié au bon moment!!!!

Mercis

Monscript fonction sous IE mais pas sous FF

JavaScript

Discussions similaires

Partager

Partager