PHP/SQL Tableau javascript
Résolu
bibin
Messages postés
10
Date d'inscription
Statut
Membre
Dernière intervention
-
bibin Messages postés 10 Date d'inscription Statut Membre Dernière intervention -
bibin Messages postés 10 Date d'inscription Statut Membre Dernière intervention -
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 :
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 :
Mais cela ne donne rien, c'est meme pire !
Qqn pourrait-il m'éclairer ?
Merci :)
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 :)
A voir également:
- PHP/SQL Tableau javascript
- Tableau word - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Tableau croisé dynamique - Guide
- Imprimer tableau excel sur une page - Guide
3 réponses
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.
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.
Salut,
J'ai légèrement modifié ta fonction javascript :
La fonction change_attrib(nb) :
Pour quand un clic mon "texte" apparaisse
Puisqu'a la base il est caché
Mais malheureusment je bloque tjs :(
Je n'ai que
Bizarrement "truc" n'apparait pas et reste en display:none;
:(
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;
:(
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); }