11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour

j'ai un problème de display dans un tableau.

voici le code de ma page :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <title>titre</title>

  <link href="stylesheet/css/thales.css" rel="stylesheet" type="text/css">
 </head>

 <body topmargin =" 0px" leftmargin =" 0px" style="background-color:">


<script language="JavaScript" type="text/javascript">
	function displayFromID(id,display){
		var input=document.getElementById(id);
		input.style.display = ''+display;
	}
</script>


<link href="stylesheet/css/arbo.css" type="text/css" rel="STYLESHEET">



<center>
<div id="admin_user">
	<form name="AdminUserForm" method="post" action="/DoEditUser.st">
	<table cellspacing="0" cellpadding="2" width="90%" class="panneau" border="1">
		<tr>
			<td colspan="2" class="titreTableau">Paramètre de l'utilisateur sélectionné : </td>

		</tr>
		<tr>
			<td>Nom</td>
			<td><input type="text" name="user_name" value="TOTO" readonly="readonly" class="flatText"></td>
		</tr>
		<tr>
			<td>Prénom</td>
			<td><input type="text" name="user_firstName" value="Titi" readonly="readonly" class="flatText"></td>

		</tr>
		<tr>
			<td>Second Prénom</td>
			<td><input type="text" name="user_secondName" value="Tutu" readonly="readonly" class="flatText"></td>
		</tr>
		<tr>
			<td>Login</td>
			<td><input type="text" name="user_login" value="james bond" readonly="readonly" class="flatText"></td>

		</tr>
		<tr>
			<td>Numéro individuel dans la société</td>
			<td><input type="text" name="user_individualNumber" value="007" readonly="readonly" class="flatText"></td>
		</tr>
		<tr>
			<td>Niveau d'accréditation</td>
			<td><select name="user_accreditation" disabled="disabled" class="flatText" id="user_accreditation"><option value="4" selected="selected">Secret défense</option></select>

			</td>
		</tr>
		<tr>
			<td>Langue</td>
			<td><select name="user_langID" disabled="disabled" class="flatText" id="user_langID"><option value="1" selected="selected">français&nbsp;</option></select>

			</td>
		</tr>
		<tr>
			<td>Société</td>
			<td><select name="user_compagny" disabled="disabled" class="flatText" id="user_compagny"><option value="1" selected="selected">Service Secret&nbsp;</option></select>

			</td>
		</tr>
		<tr>
			<td>Fonction</td>
			<td><select name="user_function" disabled="disabled" class="flatText" id="user_function"><option value="13" selected="selected">Agent secret&nbsp;</option>	</select>

			</td>
		</tr>

		<tr>
			<td class="titreTableau" colspan="2">TACHE <a href="javascript:displayFromID('list_taches','table-cell')">(voir les 0 taches)</a></td>
		</tr>
		<tbody id="list_taches" style="display:table-cell">

		<tr>
			<td colspan="2">
				<table style="border:0px solid;" width="100%">
					<tr>
					<td width="20%" class="titreTableau" align="center" style="background-color:grey;">Task.tache.name</td>
					<td class="titreTableau" align="center" style="background-color:grey;">Task.titre</td>
					<td class="titreTableau" align="center" style="background-color:grey;">Task.codeTacheImp</td>

					<td width="10" class="titreTableau" align="center" style="background-color:grey;">Détails</td>
					</tr>
				
					<tr><td colspan="6">empty...</td></tr>
				
				
				
					
				
				</table>
			</td>
		</tr>
		</tbody>
		<script language="JavaScript1.2" type="text/javascript">displayFromID('list_taches','none');</script>

		<tr>
			<td colspan="2">&nbsp;</td>
		</tr>
		<tr>
			<td class="titreTableau" colspan="2">CASE <a href="javascript:displayFromID('list_affaires','table-cell')">(voir les 0 affaires)</a></td>
		</tr>
		<tbody id="list_affaires" style="display:table-cell">
		<tr>

			<td colspan="2">
				<table style="border:0px solid;" width="100%">
					<tr>
					<td width="20%" class="titreTableau" align="center" style="background-color:grey;">Task.name</td>
					<td class="titreTableau" align="center" style="background-color:grey;">Task.tache.numeroMarche</td>
					<td class="titreTableau" align="center" style="background-color:grey;">Task.tache.numeroMarche</td>
					<td class="titreTableau" align="center" style="background-color:grey;">Task.tache.pays</td>

					<td class="titreTableau" align="center" style="background-color:grey;">Task.tache.company</td>
					<td width="10" class="titreTableau" align="center" style="background-color:grey;">Détails</td>
					</tr>
				
					<tr><td colspan="6">empty...</td></tr>
				
				
				
				</table>
			</td>
		</tr>		
		</tbody>

		<script language="JavaScript1.2" type="text/javascript">displayFromID('list_affaires','none');</script>
		<tr>
			<td colspan="2">&nbsp;</td>
		</tr>
		<tr>
			<td class="titreTableau" colspan="2">PUB <a href="javascript:displayFromID('list_pub','table-cell')">(voir les 0 pub)</a></td>
		</tr>

		<tbody id="list_pub" style="display:table-cell">
		<tr>
			<td colspan="2">
				<table style="border:0px solid;" width="100%">
					<tr>
					<td width="20%" class="titreTableau" align="center" style="background-color:grey;">Task.tache.name</td>
					<td class="titreTableau" align="center" style="background-color:grey;">Task.titre</td>
					<td class="titreTableau" align="center" style="background-color:grey;">Task.codeTacheImp</td>

					<td width="10" class="titreTableau" align="center" style="background-color:grey;">Détails</td>
					</tr>
				
					<tr><td colspan="6">empty...</td></tr>
				
				
				
				
				</table>
			</td>
		</tr>
		</tbody>
		<script language="JavaScript1.2" type="text/javascript">displayFromID('list_pub','none');</script>

		<tr>
			<td colspan="2">&nbsp;</td>
		</tr>	
		<tr colspan="2">
			<td>
				<a href="EditUser.st?&amp;login=719289&amp;i=0"/><input type="button" name="temp" value="Modifier" class="flatButton"></a>
				<a href="DelUser.st?&amp;login=719289&amp;i=0"/><input type="button" name="temp" value="Supprimer" class="flatButton"></a>
			</td>
		</tr>

	</table>	
	</form>
</div>
</center>
	




 </body>
</html>


Mon but est d'afficher des lignes ou de les masquer.

Mon premier problème est que sous IE il ne se passe rien
mon second problème est que, sous firefox, quand on clique sur : (voir les 0 taches), (voir les 0 affaires) ou (voir les 0 pub) le "texte" s'affiche tout en bas du tableau et non pas à l'endroit où il est déclaré.


Pouvez vous m'aider ???


merci d'avance

Poich
J'ai trouvé une solution Smiley biggrin mais je comprends pas pourquoi elle marche Smiley decu

Si je mets :
<td class="titreTableau" colspan="2">PUB <a href="javascript:displayFromID('list_pub','')">(voir les 0 pub)</a></td>


A la place de :
<td class="titreTableau" colspan="2">PUB <a href="javascript:displayFromID('list_pub','table-cell')">(voir les 0 pub)</a></td>


ça marche ! pourquoi table-cell ne marche pas sous IE ???? Smiley biggol