Discussion :

[itmak]

Bonjour,

Le but est d'appeler les fonctions javascript se trouvants dans un fichiers externe.
Voici les deux fichier php et javascript qui sont dans le même repertoire!!

Fichier php:

Code :

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

1
2
3
<script  language="javascript" type="text/javascript" src="resize-image.js"></script>
 
<?php .....?>

Fichier 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
51
52
53
54
// JavaScript Document
function taille_max(arg,img_width,img_height,position){	
 
	var image = document.getElementById(arg.id);
 
	image.style.width=img_width+"px";
 
	image.style.height=img_height+"px";
 
	image.style.position=position;
 
	image.style.zIndex = 1;	
 
}
 
function taille_min(arg,img_width,img_height,position){	
 
	var image = document.getElementById(arg.id);
 
	image.style.width=img_width+"px";
 
	image.style.height=img_height+"px";
 
	image.style.position=position;
 
}
 
function agrandir_img(product_sku,img_width,img_height,position){
 
	var image = document.getElementById(product_sku);
 
	image.style.width=img_width+"px";
 
	image.style.height=img_height+"px";
 
	image.style.position=position;
 
	image.style.zIndex = 1;	
 
}
 
function diminuer_img(product_sku,img_width,img_height,position){
 
	var image = document.getElementById(product_sku);
 
	image.style.position=position;
 
	image.style.width=img_width+"px";
 
	image.style.height=img_height+"px";
 
	//image.style.border="2px solid #ffffff";
 
}

Malheureusement ça ne marche pas avec le fichier externe. Mais ça marche lorceque je copie les fonctions dans le fichier php!!

A l'aide
Merci

[andry.aime]

Salut,
as-tu mis l'appelle du fichier JS dans l'entête (head) du document?
Vérifie la case du nom de fichier.

var image = document.getElementById(arg.id);

On peut voir comment tu faits appel à la fonction taille_max(arg,img_width,img_height,position)

[itmak]

Nom du fichier js :

Code :

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

resize-image.js

Appel du ficher javascript:

Code :

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

<script  language="javascript" type="text/javascript" src="resize-image.js"></script>

Bizard

[andry.aime]

Code :

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

<script type="text/javascript" src="./resize-image.js"></script>

dans le head.
On peut voir comment tu faits appel à la fonction taille_max et taille_min car j'ai une doute sur

var image = document.getElementById(arg.id);

[itmak]

NB: Pour les variables $product_sku et $product_balise_alt; pas de doucis elle recoivent bien les valeurs du fichier appellant

Code :

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

<img id=<?php echo $product_sku; ?> alt="<?php echo $product_balise_alt;?>" src="./components/com_virtuemart/shop_image/product/<?php echo $img ?>" <?php redimage("./components/com_virtuemart/shop_image/product/$img",100,80)?> onMouseOver="javascript:taille_max(this,<?php redimage_over("./components/com_virtuemart/shop_image/product/$img",300,150)?>,'relative')" onMouseOut="javascript:taille_min(this,<?php redimage_over("./components/com_virtuemart/shop_image/product/$img",100,80)?>),'relative'"></img>

[andry.aime]

On peut voir le HTML généré?
Mais les attributs en minuscule et enlève 'javascript:'

Code :

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

<img onmouseover="talle_max(this,...)"

Essaye avec

Code :

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

1
2
3
4
5
6
7
arg.style.width=img_width+"px";
 
	arg.style.height=img_height+"px";
 
	arg.style.position=position;
 
	arg.style.zIndex = 1;

[itmak]

lorsque ça marche (code interne):

Code :

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

1
2
<img id=CEC00623 alt="Ampoule anti-stress" src="/kamelkdo/./components/com_virtuemart/shop_image/product/CEC00623.jpg" WIDTH=80 HEIGHT=80 onMouseOver="javascript:taille_max(this,150,150,'relative')" onMouseOut="javascript:taille_min(this,80,80),'relative'"></img>
>

lorsque ça ne marche pas (code externe):

Code :

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

<img id=CEC00623 alt="Ampoule anti-stress" src="/kamelkdo/./components/com_virtuemart/shop_image/product/CEC00623.jpg" WIDTH=80 HEIGHT=80 onMouseOver="javascript:taille_max(this,150,150,'relative')" onMouseOut="javascript:taille_min(this,80,80),'relative'"></img>