fonction tester si une span est vide ou pas en js

Version imprimable

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:

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

21/03/2011, 14h44
Invité
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:

1 2 if(document.getElementById('calendrier_day').firstChild.data == " "){
21/03/2011, 14h58
sajodia

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:

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

mais ça ne marche pas!!
21/03/2011, 15h16
javatwister

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

Code:

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

fais toi ta fonction jquery ...

Code:

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:

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  

21/03/2011, 15h34
Bovino

Si ton span est vide, comment veux-tu qu'il soit visible ? :koi:
Il ne serait pas dans un tableau par hasard ?
21/03/2011, 15h42
sajodia

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.

avec jquery:

Code:

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>

21/03/2011, 15h55
javatwister

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...)
21/03/2011, 16h02
sajodia

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