Message d'attente dans un span

**cocaetjusdorange** · 09/08/2006, 11h21

Bonjour,

Voila je veux afficher un message pour faire patienter l'utilisateur lors d'un traitement javascript qui peut etre plus ou moins long de tri d'un tableau

Donc la méthode que je penser utiliser été le SPAN avec style display = none mais en faites il ne m'affiche pas mon message donc mon code est :

Code :

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

1
2
3
4
5
6
function triTab(tabind) 
{
	document.getElementById('MessTri').style.display = "";
	triTab2(tabind);
	document.getElementById('MessTri').style.display = 'none';
}

ce qui me semble etre correct mais rien ne s'affiche donc est-ce que quelqu'un peu me donner un petit coup de pouce sur ce problème

Merci d'avance

**linar009** · 09/08/2006, 13h09

Forcément en mettant un style display "", ça ne risque pas de marcher des masses...
Essaye un bon vieux style display = 'block'

**Hug0_76** · 09/08/2006, 13h48

Effectivement linar009 a raison si tu n'affiches pas ton span, comment veux tu qu'on le voit!

Par contre fais gaffe aux versions des browsers:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { 
	cach = document.cache 
} else if (dom) { 
	cach = document.getElementById("MessTri").style 
} else if (iex) { 
	cach = cache.style 
}
cach.display = "block"

**cocaetjusdorange** · 09/08/2006, 14h19

Envoyé par linar009

Forcément en mettant un style display "", ça ne risque pas de marcher des masses...
Essaye un bon vieux style display = 'block'

Donc j'ai modifier au lieu de mettre "" j'y ai mis "block" mais cela ne fonctionne tjrs pas.

Donc j'ai bien déclarer mon span de cette facon la :

Code :

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

1
2
3
4
 
<span id='MessTri' style='position:absolute; top:0; left:0; height:100px; width:800px; overflow:auto; margin:0px; display:none; z-index:99;'>
	TRI EN COURS
</span>

Pour le moment je cherche juste a afficher ce petit message le site que je suis en train de dévollopper ne doit fonctionner que sur ie6 pour le moment ensuite je verrais les problème de compatibilité avec les autres navigateur.

**Hug0_76** · 09/08/2006, 14h42

Tiens voila un code que j'utilise pour faire apparaitre puis disparaitre un div:

<STYLE TYPE="text/css">

</STYLE> => dans la balise head

<body>
<DIV ID="cache">
<TABLE WIDTH=100%>
<TR>
Message à afficher puis à cacher
</TR>
</TABLE>
</DIV>

<SCRIPT LANGUAGE="JavaScript" type="text/javascript">

var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) {
cach = document.cache
} else if (dom) {
cach = document.getElementById("cache").style
} else if (iex) {
cach = cache.style
}
cach.visibility = "visible";

function cacheOff()
{
setTimeout("cach.visibility = 'hidden'", 23000);
}

window.onload=cacheOff()
</SCRIPT>


....

</body>
Explication :

Je créer un div dans ma page que je cache avec la propriété CSS : hidden.
J'appel ma fonction au chargement de la page ; dans ton cas ca sera au moment du tri, puis je cache mon div avec la propriété hidden de css.

ATTENTION : le script se situe entre les balises body, pour qu'il puisse être executer àl'affichage de ma page et ainsi afficher mon div avec la propriété CSS : visible.

J'espère que tu réussiras à réutiliser ce code (il n'est vraiment pas compliqué).
Bon courage!

**cocaetjusdorange** · 09/08/2006, 14h52

Je te remercie pour ton code mais le fait de masqué et d'afficher un span ca je sais le faire, le problème viens qu'en fait la méthode que j'utilise ne fonction pas quand je la mets dans un script plus complexe.

Ce que je fait c'est un tri d'un tableau qui peut prendre moins d'une seconde, la pas de soucis, mais dans le cas ou mon tableau contient énormément d'enregistrement cela peu durer beaucoup plus longtemps.
Donc pour faire patienter les utilisateurs je voulais en fais mettre dans mon code une ligne qui affiche un span avec un message et a la fin de mon code je veux que ce span disparaisse tous seul.
Mon problème viens que mon span ne s'affiche meme pas avec le code que j'ai mis un peu plus haut et je ne comprends pas pourquoi???

Donc voila je me suis peut etre mal exprimer dans l'énoncer de mon problème de départ

Merci d'avance

Message d'attente dans un span

JavaScript

Discussions similaires

Partager

Partager