fonction tester si une span est vide ou pas en js

**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!!

Invité · 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.

fonction tester si une span est vide ou pas en js

JavaScript

Discussions similaires

Partager

Partager