Discussion :

[kilian]

Bonjour,

Je suis très débutant en javascript et ajax.
Via quelques lignes de code, j'ai mis en place un système qui m'affiche un texte dans un Div à à la suite d'un Update de ma BD mysql.
Le texte est par exemple : "Ligne modifiée avec succès"
j'aimerais savoir s'il est possible de faire disparaitre ce texte, ou cacher, au bout de x secondes ?
Est ce possible ? Connaissez vous un tuto ?
Je vous remercie pour votre aide
A bientot

[andry.aime]

Salut,
Utilise setTimeout() pour le temps et style.display='none' pour cacher.

[le_chomeur]

Bonjour,

tu peux effectuer une petite recherche sur les mots clé :

setTimeOut() ( te permettra d'appeler une méthode au bout de X millisecondes )

style.display = "none"; te permettra de cacher l'élément souhaité ...

essaye de commencé un script, nous t'aideront pour la suite

[kilian]

Ok merci je vais plancher la dessus
Merci pour l'aide je vous tiens au courant

[kilian]

Je reviens vers vous, une erreur se génère ( vu dans la console d'erreur de firefox )

Erreur*: document.getElementById("encours") is null

Voici mon "petit" code :

Code :

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

1
2
3
4
5
6
 
 <script language='javascript'>
 
setTimeout(document.getElementById("encours").style.display="none",3000);
 
</script>

L'erreur est bizzare car plus bas j'utilise le "encours" et ça fonctionne

( le Code ci-dessous ne pose aucun probleme )

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
function sendData(param, page)
	{
		if(document.all)
		{
			//Internet Explorer
			var XhrObj = new ActiveXObject("Microsoft.XMLHTTP") ;
		}//fin if
		else
		{
		    //Mozilla
			var XhrObj = new XMLHttpRequest();
		}//fin else
 
		//definition de l'endroit d'affichage:
		var content = document.getElementById("encours");
 
		XhrObj.open("POST", page);
...
....

Avez vous une explication à mon problème ?
Merci bcp
Cordialement

[andry.aime]

C'est que tu appelles à l'élément "encours" avant sa création.

[Bovino]

Code :

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

setTimeout(document.getElementById("encours").style.display="none",3000);

Le premier argument de setTimeout est soit une chaine (à éviter), soit le nom d'une fonction, soit une fonction anonyme, mais pas directement du code !

Code :

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

setTimeout(function(){document.getElementById("encours").style.display="none"},3000);

[kilian]

Ok, Je vous remercie tous à présent ça fonctionne parfaitement
Merci