La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  [Résolut] Faire apparaitre une ligne de tableau sur un clic
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: [Résolut] Faire apparaitre une ligne de tableau sur un clic  (Lu 1023 fois)
[Résolut] Faire apparaitre une ligne de tableau sur un clic
« sur: le 11-01-2008 a 09:28:38 »
NuDD
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 122





Voir le Profil    WWW    E-Mail
Répondre avec citation

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>
      &nbsp;
    </td>
    <td>
      &nbsp;
    </td>
    <td>
      &nbsp;
    </td>
    <td>
      &nbsp;
    </td>
    <td>
      &nbsp;
    </td>
    <td>
      &nbsp;
    </td>
  <tr style="display: none;" id = "ligne1">
    <td>
      &nbsp;
    </td>
    <td>
      &nbsp;
    </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>
      &nbsp;
    </td>
    <td>
      &nbsp;
    </td>
    <td>
      &nbsp;
    </td>
    <td>
      &nbsp;
    </td>
    <td>
      &nbsp;
    </td>
    <td>
      &nbsp;
    </td>
  <tr style="display: none;" id = "ligne2">
    <td>
      &nbsp;
    </td>
    <td>
      &nbsp;
    </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>

« Dernière Édition: le 11-01-2008 a 11:07:59 par NuDD » Rapporter au modérateur  

Re:Faire apparaitre une ligne de tableau sur un clic
« Répondre #1 sur: le 11-01-2008 a 10:36:59 »
Krash
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 181





Voir le Profil    E-Mail
Répondre avec citation

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

Rapporter au modérateur  
Re:Faire apparaitre une ligne de tableau sur un clic
« Répondre #2 sur: le 11-01-2008 a 11:07:13 »
NuDD
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 122





Voir le Profil    WWW    E-Mail
Répondre avec citation

Merci beaucoup. effectivement cela fonctionne. 
Je testerai sur d'autres navigateurs à l'occasion.

« Dernière Édition: le 11-01-2008 a 11:08:54 par NuDD » Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg