Discussion :

[camyo]

Bonjour;

J'ai modifier un script bien connu
images defilante avec effet (sous IE ) (edj)

Mais j'ai rajouté les texte deffilants associés aux images

Je vous met le script (il est pas trop long)

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
<SCRIPT LANGUAGE="JavaScript">
PortImg = new Array;
SiClickGoTo = new Array;
PortLink = new Array;
PortTxtLink = new Array;
PortTxt = new Array;
if (document.images)
	{
<?php
connexion();
$repertoire='images/portfolio/';
$i=0;
$sql = "select * from bd_portfolio order by port_id desc LIMIT 3" ;
$query = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error()); 
 while ($data = mysql_fetch_array($query)) { 
 
	echo "i".$i." = new Image;\n";
	echo "i".$i.".src = '".$repertoire.$data['port_img']."';\n";
	echo "SiClickGoTo[".$i."] = \"portfolio.php\"\n";
	echo "PortImg[".$i."] = i".$i.".src;\n";
	echo "PortLink[".$i."] = '".$data['port_link']."'\n";
	echo "PortTxtLink[".$i."] = '".$data['port_txt_link']."'\n";
	echo "PortTxt[".$i."] = '".str_replace("\r", " ", str_replace("\n", "", str_replace("<br />", "", $data['port_txt'])))."'\n";
	$i++;
    }
	 deconnexion();
	?>
 
	}
 
a = 0;
//----------------- 1ere miniature
function ejs_img_fx(img)
	{
	if(img && img.filters && img.filters[0])
		{
		img.filters[0].apply();
		img.filters[0].play();
		}
	}
 
function StartAnim()
	{
	if (document.images)
		{
document.write('<a href="#" onClick="ImgDest();return(false)"><img src="<? echo $repertoire.$data['port_img']; ?>" NAME=defil style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=100,Duration=1);BORDER: #c0c0c0 1px solid;"></a><a href="PortLink"><p id="PortTxtLink"></a></p><p id="PortTxt"></p>');    
defilimg()
		}
	else
		{
		document.write('<src="<? echo $repertoire.$data['port_img']; ?>" BORDER=0>')
		}
	}
function ImgDest()
	{
	document.location.href = SiClickGoTo[a-1];
	}
function defilimg()
	{
	if (a == 2)
		{
		a = 0;
		}
 
	if (document.images)
		{
		ejs_img_fx(document.defil)
		document.defil.src = PortImg[a];
 
		document.getElementById('PortLink').innerHTML =PortLink[a]; 
		document.getElementById('PortTxt_Link').innerHTML =PortTxtLink[a]; 
		document.getElementById('PortTxt').innerHTML =PortTxt[a]; 
 
		tempo3 = setTimeout("defilimg()",7000);
 
		a++;
		}
	}
 
	//----------------
 
</script>

Mais comme la vie n'est pas toujour bien faite
j'ai un bleme
la console javascript de FireFox me dit :
Erreur*: document.getElementById("PortLink") has no properties

j'avais deja fait cette modif sur un autre site et ça marchait
Mais la je vois pas mon erreur ....

[camyo]

je pense que l'on ne peux pas attribuer document.getElementById("PortLink") a un <a href>

sinon je sais pas faire

une idée ??

[SpaceFrog]

Soit tu as un souci d'instanciation, au moment ou tu fais l'appel à lobjet, il n'a pas encore été créé dans le flux de la page ...
soit tu as un soucis de casse dasn l'id (ou d'orthographe)

[XtoX]

Pour que cela fonctionne, il faut que tu ais un élément html qui porte l'id "PortLink" (la casse est importante). Si ce n'est pas le cas, il ne trouvera rien en naviguant dans le DOM.

[camyo]

A ce que j'ai pu comprendre
l'orthographe

Code :

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

document.write('<a href="PortLink">mon lien</A>');

n'est pas possible

il dois exister une autre solution
mais j'aipas encore trouvé

[SpaceFrog]

il faut non seulement que l'objet avec le bon id soit dasn le html mais il faut aussi qu'il soit instancié au moment ou tu va l'appeler dasn le script ...

[XtoX]

Si tu ne souhaites vraiment pas mettre d'id à ta balise a, tu peux toujours la rechercher avec un getElementByTagName et tester le lien de cet ancre, mais ça devient tordu.

[camyo]

je crois qu'il est bien instancié au moment de l'appel dasn le script.

mais le soucis c'est comment l'appeller dans mon html

[XtoX]

Peux-tu nous envoyer le code html généré (sans le code php), ça simplifiera la compréhension du problème javascript.