syntaxe simple javascript

**nicerico** · 01/06/2007, 10h08

Bonjour

j'ai ce bout de code qui me pose probleme
la var image = "test"

Code :

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

1
2
3
4
5
function visible(image){
	vitesseIE=20;
	vitesseFF=60;
	if(document.getElementById)	{
		cur=document.getElementById("'"+image+"'");

ou

cur=document.getElementById("'"+image+"'")

provoque une erreur
evidement si je met

cur=document.getElementById("test")

ça fonctionne
donc je m'y prend mal avec la syntaxe

merci de votre aide

**SpaceFrog** · 01/06/2007, 10h11

imag c'est quoi un string ?

Code :

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

cur=document.getElementById(image);

et accessoirement il y a beaucoup de chances pourque:
if(document.getElementById) soit toujours réalisé ...
pourquoi tester document.getElementById ?

**keul85** · 01/06/2007, 10h12

Vu qu'image est une variable, je n'aurais pas mis de quotes :

Code :

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

cur=document.getElementById(image);

Sinon, tu l'appelle où ta fonction ?

**nicerico** · 01/06/2007, 10h17

image est un string ("test")
l'appel :

onMouseover="visible('test')"

et avec

Code :

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

cur=document.getElementById(image);

toujours la meme erreur : objet requis

**SpaceFrog** · 01/06/2007, 10h21

Code :

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

1
2
var monImage="test"
var cur=document.getElementById(monImage)

ce code fonctionne si l'objet est instancié au moment de l'appel ...
sinon il retournera objet requis ...

**nicerico** · 01/06/2007, 10h26

toujours en erreur avec

Code :

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

1
2
3
4
5
6
function visible(img){
	var monImage=img;
	vitesseIE=20;
	vitesseFF=60;
	if(document.getElementById)	{
		cur=document.getElementById(monImage);

merci

**keul85** · 01/06/2007, 10h29

Le premier document.getElementById n'a même pas de paramètre, c'est peut-être ça l'objet requis..

**nicerico** · 01/06/2007, 10h31

avec un parametre : plus d'erreur MAIS rien ne se passe...

**SpaceFrog** · 01/06/2007, 10h34

ou et comment appelles tu la fonction visible ?
sur le onmouseover dans la même page ?

ton image ne serait pas dans un table ...

un peu plus de code serait le bienvenu

**keul85** · 01/06/2007, 10h37

Envoyé par SpaceFrog

un peu plus de code serait le bienvenu

En effet, à moins que ton code se limite à ça

Code :

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

1
2
if(document.getElementById)	{
		cur=document.getElementById(monImage);

, auquel cas c'est normal qu'il ne se passe rien.

**nicerico** · 01/06/2007, 10h39

dans header.php la fonction

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
function visible(img){
	monImage=img;
	vitesseIE=20;
	vitesseFF=60;
	if(document.getElementById)	{
		cur=document.getElementById(monImage);
 
		if(document.all){
			cur.filters.alpha.opacity++;
			if (cur.filters.alpha.opacity==100)
				return;
			else 
				setTimeout("visible()",vitesseIE);
 
		}
		else{
			i=parseFloat(cur.style.getPropertyValue("-moz-opacity"));
			i+=parseFloat(0.1);
			cur.style.setProperty("-moz-opacity", i, "");
			if (i>=1)
				return;
			else 
				setTimeout("visible()",vitesseFF);
		}
	}
}

et dans page.php

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
<?
include("header.php");
//$aleatoire = rand(1,3);
?>
	<div id="centre3">
		<div id="centre3_0" class="arial_18_blanc">vous présente ses nouvelles créations</div>
<!--	diapo 1 	 -->
		<div id="centre3_1">
<?
$base->query('SELECT url_img,txt1,txt2 FROM diaporama WHERE nom="actu_1" AND haut="0" AND larg="0" LIMIT 0,1');
list($URL_IMG_1,$TXT1_1,$TXT1_2)=$base->next_record();
//if($aleatoire ==1){$filtre1="30";}else{$filtre1="100";}
?>
<div id="diapo1" align="center" valign="middle"><img id="img1" name='SlideShow1' src="<?="images/diaporama/".$URL_IMG_1?>" border="0" alt="" height="170px" width="170px" style="filter:alpha(opacity=0); -moz-opacity: 0;" onMouseover="visible('img1')" onMouseout="invisible('img1')"></div>
		</div>

**SpaceFrog** · 01/06/2007, 10h39

oui c'est quoi cur ...

il se passe juste que tu attribues l'objet à la variable cur ... et ce n'est pas visible à l'ecran ...

quel est l'effet recherché ? à quoi t'attends tu ?

**nicerico** · 01/06/2007, 10h45

l'effet : un fondu sur l'image
onmouse over : l'image apparait en fondu
onmouseout : elle disparait en fondu

et avec

Code :

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

cur=document.getElementById("img1");

cela fonctionne sans probleme

**keul85** · 01/06/2007, 10h47

Ca va sans doute pas résoudre ton problème, mais avec un

Code :

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

onMouseover="visible(this)"

, il me semble que tu aurais directement l'image sans passer par document.getElementById.

**SpaceFrog** · 01/06/2007, 10h53

Code :

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

setTimeout("visible()",vitesseIE);

si tu appelles la fonction sans paramètre ...

**nicerico** · 01/06/2007, 10h58

c'est sur

mais ... toujours une erreur avec :

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
 
function visible(img){
 
	monImage=img;
	vitesseIE=20;
	vitesseFF=60;
	if(document.getElementById)	{
		cur=document.getElementById(monImage);
 
		if(document.all){
			cur.filters.alpha.opacity++;
			if (cur.filters.alpha.opacity==100)
				return;
			else 
				setTimeout("visible("+monImage+")",vitesseIE);
 
		}
		else{
			i=parseFloat(cur.style.getPropertyValue("-moz-opacity"));
			i+=parseFloat(0.1);
			cur.style.setProperty("-moz-opacity", i, "");
			if (i>=1)
				return;
			else 
				setTimeout("visible("+monImage+")",vitesseFF);
		}
	}
}

**nicerico** · 01/06/2007, 11h04

resolu
apres multe erreur de syntaxe!
desolé et merci à tous pour votre aide...en part spacefrog!!
code ok :

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
function visible(img){
 
	monImage=img;
	vitesseIE=20;
	vitesseFF=60;
	if(document.getElementById)	{
		cur=document.getElementById(monImage);
 
		if(document.all){
			cur.filters.alpha.opacity++;
			if (cur.filters.alpha.opacity==100)
				return;
			else 
				setTimeout("visible(monImage)",vitesseIE);
 
		}
		else{
			i=parseFloat(cur.style.getPropertyValue("-moz-opacity"));
			i+=parseFloat(0.1);
			cur.style.setProperty("-moz-opacity", i, "");
			if (i>=1)
				return;
			else 
				setTimeout("visible(monImage)",vitesseFF);
		}
	}
}

**SpaceFrog** · 01/06/2007, 11h11

Pour un meilleur résultat je te conseillerais plutot cette syntaxe :

Code :

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

setTimeout(function(){visible(monImage)},vitesseIE);

a tester si la variable passe bien sous IE et FFX

**nicerico** · 01/06/2007, 11h15

ok
merci pour tout

syntaxe simple javascript

JavaScript

Discussions similaires

Partager

Partager