Forum d'entraide PHPFrance

Bonjour a tous

Je suis vraiment debutant en javascript mais j'ai quand meme besoin de m'en servir.

Mon objectif est de masquer une case <td> d'un <table> pour qu'elle ne s'affiche que lorsque on appel une fonction javascript sur le onmouseover d'un autre <td>

Ma question est dc: comment masquer une case <td> en javascript ?

Merci d'avance

je suis sans doute aussi débutant que toi, mais je l'aurais fait avec un balise div qui s'affiche si la condition est remplie

1. Avoir un moyen de récupérer cet élément TD en Javascript (le plus simple est de lui attribuer un ID)

Code : Tout sélectionner

<td id="monTD">...</td>

Il doit bien entendu être le seul à avoir cet ID.

2. Récupérer l'objet pointé par cet identifiant en Javascript

Code : Tout sélectionner

var cellule = document.getElementById('monTD');

3. Modifier le style de cet élément

Code : Tout sélectionner

// afficher la cellule
cellule.style.display = 'block';

Code : Tout sélectionner

// cacher la cellule
cellule.style.display = 'none';

Bon j'ai essayé ca pour le tableau:

Code : Tout sélectionner

<table border="1" width="100%" style="margin-left: auto; margin-right: auto;" id="menu">

	<tr>
		<td><a href="?page=acceuil" title="Click here to back to Main page">HomePage</a></td>
		<td onmouseover="gestion_submenu('sub_menu_1');">Search Engines</td>
		<td onmouseover="gestion_submenu('sub_menu_2');">Links</td>
		<td><a href="?logout" title="Click here to logout">Logout</a></td>
	</tr>
	
	<tr>
		<td colspan="1">&nbsp;</td>
		<td id="sub_menu_1">
			<ul>
				<li><a href="?page=nb_critere&type=triannot" title="Click here to launch a Triannot Bac search">TriAnnot Search Engine</a></li>
				<li><a href="?page=nb_critere&type=genefarm" title="Click here to launch a GeneFarm Data search">GeneFarm Search Engine</a></li>
			</ul>
		</td>
		<td id="sub_menu_1">
			<ul class="ul_mask_2">
				<li><a href="http://www.inra.fr" target="_blank">INRA website</a></li>
				<li><a href="http://urgi.infobiogen.fr" target="_blank">URGI website</a></li>
				<li><a href="http://urgi.infobiogen.fr/projects/TriAnnot/" target="_blank">Triannot Project</a></li>
			</ul>
		</td>
		<td colspan="1">&nbsp;</td>
	</tr>
	
</table>

Et ca pour la fonction:

Code : Tout sélectionner

	<script type="text/javascript">
	
		window.onload=gestion_submenu;
		
		function gestion_submenu(id){		
			
			var contenu_element = document.getElementById(id);
						
			for (var i = 1; i<3; i++){
				if(document.getElementById('sub_menu_'+i)){
				
					document.getElementById('sub_menu_'+i).style.display='none';
					
				}
			}
			
			if(contenu_element){		
				contenu_element.style.display='block';
			}
			
		}
    </script>

Mais cela ne fonctionne pas, sauriez vous pourquoi ?

Merci d'avance

Forum d'entraide PHPFrance

Masquer un TD d'un TABLE

Masquer un TD d'un TABLE