fonction tester si une span est vide ou pas en js [Résolu]

sajodia · 21/03/2011, 14h26

Bonjour,voici mon problème j'ai un calendrier dans lequel les jours sont dans des span
ex: 
1
2...
ex pour le mois d'avril 2011 ,j'aurai des spans vide du lundi au jeudi puisque le 1er Avril est un vendredi.Cependant je veux qu'à chaque fois que j'ai un span vide ,cacher ce span.Voici ce que j'ai essayé de faire:

Code :

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

1
2
3
4
5
6
 testSpan:function(){
    	//alert(document.getElementById('calendrier_day').firstChild.data);
    	if(document.getElementById('calendrier_day').firstChild.data == " "){
        $('#calendrier_day').hide();
    	}
    }

Aidez-moi svp!!

mekal · 21/03/2011, 14h44

dans le teste il y a un espace je sais pas si c'est normale car dans ce cas on considere que l'element n'est pas vide

Code :

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

1
2
if(document.getElementById('calendrier_day').firstChild.data == " "){

sajodia · 21/03/2011, 14h58

j'ai enlevé l'espace et j'ai mis un alert dans mon if si le span est vide.il me fait bien l'alert mais le span reste toujours visible,il ne me le cache pas.
J'ai aussi essayé:

Code :

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

document.getElementById('calendrier_day').style.dispay="none";

mais ça ne marche pas!!

javatwister · 21/03/2011, 15h16

avec un noeud absolument vide (sans espace), fais:

Code :

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

if(!document.getElementById("calendrier_day").firstChild){instruction}

SpaceFrog · 21/03/2011, 15h20

fais toi ta fonction jquery ...

Code :

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

1
2
3
4
 
	$.fn.isEmpty = function() {  
       		           return  this[0].firstChild == null; 
         			}

Heu souci car le resultat n'est pas le meêm sou IE ou ffx ...

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
 
  $(function(){
  		$.fn.isEmpty = function() {  
       		           return  this[0].innerHTML.length==0; 
         			}  
 
 
alert($("#foo > li").eq(0).isEmpty())
  })
		</script>
</head>
<body>
<ul id="foo">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

ffx voit le premier li vide ...
IE y voit un  

Bovino · 21/03/2011, 15h34

Si ton span est vide, comment veux-tu qu'il soit visible ?

Il ne serait pas dans un tableau par hasard ?

sajodia · 21/03/2011, 15h42

j'ai mis une couleur blanche aux qui se trouvent dans une <div>
donc pour le mois d'avril par exemple il me met un carré blanc du lundi jusqu'au jeudi donc des span vides.
Et vu que le premier du mois d'avril 2011 est un vendredi, j'ai dans ce span
1 ainsi de suite jusquà la fin du mois.

SpaceFrog · 21/03/2011, 15h46

avec jquery:

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
<script type="text/javascript">
 $(function(){        
$("span:empty").hide()
  })
</script>
<style type="text/css">
	span {border:solid 1px red;
	       width:50px;  }
</style>
</head>
<body>
<span></span>
<span>1</span>
<span>2</span>
 
</body>
</html>

javatwister · 21/03/2011, 15h55

bref, on t'a filé 36 méthodes qui marchent alors que tu as juste un problème de css? (vois éventuellement le forum en question...)

sajodia · 21/03/2011, 16h02

Super ça marche .j'ai finalement utilisé ce qu'il a fait SpaceFrog.

21/03/2011, 14h58	#3
sajodia Membre à l'essai Inscription : avril 2008 Messages : 140 Détails du profil Informations forums : Inscription : avril 2008 Messages : 140 Points : 21 Points : 21	j'ai enlevé l'espace et j'ai mis un alert dans mon if si le span est vide.il me fait bien l'alert mais le span reste toujours visible,il ne me le cache pas. J'ai aussi essayé: Code : Sélectionner tout - Visualiser dans une fenêtre à part document.getElementById('calendrier_day').style.dispay="none"; mais ça ne marche pas!!
	00

21/03/2011, 15h16	#4
javatwister Expert Confirmé danseur Inscription : août 2003 Messages : 2 667 Détails du profil Informations personnelles : Sexe : Localisation : France, Calvados (Basse Normandie) Informations professionnelles : Activité : danseur Informations forums : Inscription : août 2003 Messages : 2 667 Points : 3 035 Points : 3 035	avec un noeud absolument vide (sans espace), fais: Code : Sélectionner tout - Visualiser dans une fenêtre à part if(!document.getElementById("calendrier_day").firstChild){instruction} __________________ On ne mord pas, on manifeste seulement notre tristesse face à des exposés de situations qui défient notre entendement binaire.
	00

21/03/2011, 15h34	#6
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 805 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 805 Points : 35 807 Points : 35 807	Si ton span est vide, comment veux-tu qu'il soit visible ? Il ne serait pas dans un tableau par hasard ? __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

21/03/2011, 15h42	#7
sajodia Membre à l'essai Inscription : avril 2008 Messages : 140 Détails du profil Informations forums : Inscription : avril 2008 Messages : 140 Points : 21 Points : 21	j'ai mis une couleur blanche aux <span> qui se trouvent dans une <div> donc pour le mois d'avril par exemple il me met un carré blanc du lundi jusqu'au jeudi donc des span vides. Et vu que le premier du mois d'avril 2011 est un vendredi, j'ai dans ce span <span>1</span> ainsi de suite jusquà la fin du mois.
	00

21/03/2011, 15h55	#9
javatwister Expert Confirmé danseur Inscription : août 2003 Messages : 2 667 Détails du profil Informations personnelles : Sexe : Localisation : France, Calvados (Basse Normandie) Informations professionnelles : Activité : danseur Informations forums : Inscription : août 2003 Messages : 2 667 Points : 3 035 Points : 3 035	bref, on t'a filé 36 méthodes qui marchent alors que tu as juste un problème de css? (vois éventuellement le forum en question...) __________________ On ne mord pas, on manifeste seulement notre tristesse face à des exposés de situations qui défient notre entendement binaire.
	00

21/03/2011, 16h02	#10
sajodia Membre à l'essai Inscription : avril 2008 Messages : 140 Détails du profil Informations forums : Inscription : avril 2008 Messages : 140 Points : 21 Points : 21	Super ça marche .j'ai finalement utilisé ce qu'il a fait SpaceFrog.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email