Titre: [Résolut] Faire apparaitre une ligne de tableau sur un clic
Posté par: NuDD le le 11-01-2008 a 09:28:38
Bonjour,
Comme inscrit dans le titre je cherche à ce que l'utilisateur de mon site puisse faire apparaitre une ligne de tableau en cliquant sur la ligne supérieur (cf. en dessous). Une fois n'est pas coutume le scripte que j'ai fait fonctionne très bien sur IE 7 mais pas sur FF... J'ai sans doute mal compris un truc donc si quelqu'un à une solution.
Merci ;)
Code:
<html>
<head>
<title>Pti test</title>
</head>
<script language="JavaScript" type="text/javascript">
<!--
function menu(identitie)
{
var menu = document.getElementById(identitie);
if (menu) {
menu.style.display = (menu.style.display == 'block') ? 'none' : 'block';
};
}
//-->
</script>
<style type="text/css">
table {
text-align : center;
border-width: 1px;
border-style: solid;
border-color: black;
}
td {
font-size: 10px;
font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
border-width: 1px;
border-style: solid;
border-color: black;
}
th {
font-size: 10px;
font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
background-color: #CCCCCC;
border-width: 1px;
border-style: solid;
border-color: black;
}
</style>
<body>
<table cellpadding="1" cellspacing="0">
<tr height=70>
<th>
Nom
</th>
<th>
Prenom
</th>
<th width=250>
Adresse
</th>
<th width=100>
Code postal
</th>
<th width=100>
Ville
</th>
<th width=150>
telephone fix
</th>
<th width=150>
portable
</th>
<th width=200>
mail
</th>
</tr>
<tr onclick="javascript:menu('ligne1');" onmouseover="javascript:style.backgroundColor='#CCCCCC';" onmouseout="javascript:style.backgroundColor='white';">
<td>
Dupond
</td>
<td align="left">
Jean
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<tr style="display: none;" id = "ligne1">
<td>
</td>
<td>
</td>
<td>
11 r. de la République
</td>
<td>
35000
</td>
<td>
Rennes
</td>
<td>
02 65 98 75 12 35
</td>
<td>
06 32 65 98 74 23
</td>
<td>
J.Dupond@quinenveut.fr
</td>
</tr>
<tr onclick="javascript:menu('ligne2');" onmouseover="javascript:style.backgroundColor='#CCCCCC';" onmouseout="javascript:style.backgroundColor='white';">
<td>
Dupont
</td>
<td align="left">
Paul
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<tr style="display: none;" id = "ligne2">
<td>
</td>
<td>
</td>
<td>
3 r. de la Soif
</td>
<td>
35000
</td>
<td>
Rennes
</td>
<td>
02 65 25 36 48 24
</td>
<td>
06 98 75 42 35 64
</td>
<td>
P.Dupont@moijenveux.fr
</td>
</tr>
</table>
</body>
</html>
|
|
|
Titre: Re:Faire apparaitre une ligne de tableau sur un clic
Posté par: Krash le le 11-01-2008 a 10:36:59
il te manque un </tr> a la fin de <tr onclick="javascript:menu('ligne1');" ... et pour le deuxieme
et modifie ton script javascript comme ceci
function menu(identitie)
{
var menu = document.getElementById(identitie);
if (menu) {
if (navigator.appName=="Microsoft Internet Explorer" ) menu.style.display = (menu.style.display == 'block') ? 'none' : 'block';
else menu.style.display = (menu.style.display == 'table-row') ? 'none' : 'table-row';
};
}
ca fonctionne sous ie6 et firefox les autres j'ai pas testé à toi de vérifier |
Titre: Re:Faire apparaitre une ligne de tableau sur un clic
Posté par: NuDD le le 11-01-2008 a 11:07:13
Merci beaucoup. effectivement cela fonctionne. ;D
Je testerai sur d'autres navigateurs à l'occasion. |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|