PHP/SQL Tableau javascript

Résolu
bibin Messages postés 10 Statut Membre -  
bibin Messages postés 10 Statut Membre -
Bonjour,
Voici un petit problème que je n'arrive pas a résoudre.
Je voudrais dans un tableau de 2 colonnes afficher l'information de la 2eme colonne et de la 1ere colonne de la ligne suivante lorsque je clic sur un lien de la 1ere colonne (mué).

Avec le code vous comprendriez mieux : 

<table>
	<tr>
		<td><a href="javascript:;" onclick="javascript:show('objet');">Attribut n°3 : </a></td>
		<td id="objet" style="display:none;">Coucou</td>
	</tr>
					
	<tr>
		<td>truc</td>
                <td>bidule</td>
	</tr>
</table>


Si j'ecris ceci et quand je clic sur "Attribut n°3", il n'y a que "Coucou" qui apparait.
Comment pourrais je faire pour que "truc" passe transparent lui aussi et s'affiche des que je clic sur "Attribut n°3" ?
(faire en sorte qu'il apparaisse en meme temps que "Coucou")

J ai tenté avec la balise div : 
<div id="objet" style="display:none;"><td>Coucou</td> .........  truc</td></div>

Mais cela ne donne rien, c'est meme pire !

Qqn pourrait-il m'éclairer ?
Merci :)
Configuration: Windows XP
Firefox 2.0.0.12

3 réponses

  1.
    Thamior Messages postés 267 Statut Membre 47
     
    Bonjour,

    Pour afficher un élément, il te faut changer le style, passager de display:none à display:block.
    Ce que tu peux faire, c'est nommé les éléments avec le même id.

    Exemple :
    <td id="1">Coucou</td><td id="1">Coucou 2</td>

    Sur un événement javascript comme onClick, tu appel une fonction :
    <td id="1" onClick="javascript:change_attrib(1);">Coucou</td><td id="1">Coucou 2</td>

    La fonction change_attrib(nb) :
    function change_attrib(nb)
    {
    var doc;
    doc = document.getElementById(nb).setAttribute("style", "display:none");
    }

    Et la tes éléments devraient normalement s'afficher.
    0
    1. Reivax962 Messages postés 3742 Statut Membre 1 011
       
      Non !
      On ne met pas deux fois le même id dans un document !
      Un id, c'est unique.
      Par contre, tu peux utiliser « name="objet" » et getElementsByName('objet'), qui renvoie un tableau.
      Ou alors, mettre des id du genre objet1, objet2, ...
      Ainsi, tu fais une boucle du genre 
      var i = 1;
var objet = document.getElementById('objet' + i);
while (objet)
{
    i++;
    objet.style.display="block";
    objet = document.getElementById('objet' + i);
}
      0
  2. bibin Messages postés 10 Statut Membre
     
    Salut,
    J'ai légèrement modifié ta fonction javascript :
    La fonction change_attrib(nb) : 
    function change_attrib(nb)
{
    var doc;
    doc = document.getElementById(nb).setAttribute("style", "display:bloc");
}


    Pour quand un clic mon "texte" apparaisse
    Puisqu'a la base il est caché

    Mais malheureusment je bloque tjs :( 

    <table>
	<tr>
		<td><a href="javascript:;" onclick="javascript:change_attrib('3');">Attribut n°3 : </a></td>
		<td id="3" style="display:none;"><input type="text" name="Attribut1" size="15" maxlength="30"></td>
	</tr>
	
	<tr>
		<td id="3" style="display:none;">truc</td>
		<td> ... </td>
	</tr>
					
</table>


    Je n'ai que 
    <input type="text" name="Attribut1" size="15" maxlength="30">
    qui s'affiche au clic.
    Bizarrement "truc" n'apparait pas et reste en display:none;
    :(
    0
  3. bibin Messages postés 10 Statut Membre
     
    Merci Reivax962,
    Cela fonctionne :)
    En réécrivant ta fonction javascript et en modifiant mes id (objet1,objet2),
    j ai réussis a obtenir ce que je souhaitais

    DSL pour le double post mais Reivax a été plus rapide que moi en repondant au premier message

    Merci encore et bonne continuation :)
    0

Discussions similaires

java script error in the main process
ceciel2307 -
Thibaut -

3 réponses