Insertion de label

Bonjour j'ai ceci générer a partir d'une boucle foreach qui ramène les information d'une bdd :

Pièce jointe 119684

Quand je clique par exemple sur le boutton "tester" de "truck 2" par exemple il disparait,mon problème c'est que j'arrive pas à faire apparaitre un label après =/

le principe :

je clique sur le bouton "tester" de "truck2" ou autre ce bouton disparait et laisse place à un label à l'endroit ou il y avait le bouton

voilà mon code :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

<?php $bdd = new PDO('mysql:host=localhost;dbname=test', 'root', ''); ?>   <?php $sql = $bdd->query( "SELECT choses FROM machins "); $rep = $sql -> fetchAll() ; foreach( $rep as $result ){ echo ' <strong style="color:red;text-align:center;margin-left:100;" id="texte">' .$result["choses"]. '</strong> <button type="button" id="spr" onclick="test(\'' . $result["choses"] . '\',this,xc)" > tester </button> <label id="xc" style="display:none" > yes </label> '; } ?> <script > function test(param,spr,xc){ spr.style.display = "none" ; xc.style.display = "" ; } </script>

---

Bonjour,
pose toi la question de ce que représente xc dans ton code!

c'est l'id du label , je sais qu'il doit être unique et que je l'assigne à plusieurs éléments mais c'est que je vois pas comment faire pour le passer en paramètre ou autre :? :(

si c'est l'id du label, ce que je crois volontier, xc est du type string.

ah et ? je vois pas le rapport ? tu peux m'éclairer stp xD

dans cette ligne

Code:

---

<button type="button" id="spr" onclick="test(\'' . $result["choses"] . '\',this,xc)" > tester </button>

---

xc n'est pas intégré comme une string.

dans cette ligne

Code:

---

xc.style.display = ""

---

xc est reçu comme une variable et si cela doit être l'id du label, il serait de bon ton de faire

Code:

---

document.getElementById(xc).style.display = ""

---

Citation:

---

Envoyé par NoSmoking

il serait de bon ton de faire

Code:

---

document.getElementById(xc).style.display = ""

---

---

je l'ai déja fait mais ça apparait que a coté de "truck1" moi je veux que ça apparais à la place du bouton qui a disparu

il y a pas un moyen pour faire passer le label en paramètre ? :?

Répété un nombre incalculable de fois : un id doit être unique dans la page !

oui ça je sais , c'est fait volontairement cette erreur parce que je sais pas comment résoudre mon problème donc j'essaye de tester des trucks mdr

Citation:

---

Envoyé par amine2208

il y a pas un moyen pour faire passer le label en paramètre ? :?

---

:koi: ce n'est pas ce qu'est sensé faire le code que tu mets en place ?

Citation:

---

c'est fait volontairement cette erreur parce que je sais pas comment résoudre mon problème

---

c'est une façon de faire mais pas sûr que cela soit efficace :mrgreen:

Bah oui mais ça ne marche pas. Le bouton disparait mais le label, ça coince, ça n'apparait pas. :aie: :cry:


Oui mais bon, qui ne tente rien n'a rien. mdr

Citation:

---

Bah oui mais ça ne marche pas. Le bouton disparait mais le label, ça coince, ça n'apparait pas. :aie: :cry:

---

Tu as donc une erreur dans ton code, regarde le code généré et analyse le!

Citation:

---

Oui mais bon, qui ne tente rien n'a rien. mdr

---

oui mais cela n'est pas une raison pour faire n'importe quoi!

bah je vois pas l'erreur :cry: , sinon j'aurai pas poster sur le forum :?

oui mais bon xD

Montre nous à quoi ressemble ta fonction actuelle, si elle n'a pas changé depuis celle mise ci dessus, il te faut, dans ce cas, relire les remarques faites précédemment.

j'ai rien modifier pour l'instant et j'ai beau les relires ça résoud pas mon problème =/

Citation:

---

j'ai rien modifier pour l'instant

---

comment veux tu que cela marche dans ce cas ?
Pourtant tu nous à bien écrit

Citation:

---

Envoyé par amine2208

Oui mais bon, qui ne tente rien n'a rien. mdr

---

Perso je tenterais bien

Code:

---

1 2 3 4 5 6 7 8

function test( param, objet_button, id_du_label){ var oLabel = document.getElementById( id_du_label); // masque le bouton objet_button.style.display = "none" ; // affiche label oLabel.style.display = "" ; // concernant le param, mystère !! }

---

mais j'ai l'impression de l'avoir déjà vu quelque part :koi:

PS: ne pas oublier les autres remarques

C'est le code que j'ai posté. xD

re salut

j'ai trouver deux alternatives mais ça ne marche pas :?

voici mon nouveau code :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<title> S1 - Test </title> <?php $bdd = new PDO('mysql:host=localhost;dbname=test', 'root', ''); ?> <?php $sql = $bdd->query( "SELECT choses FROM machins "); $rep = $sql -> fetchAll() ; foreach( $rep as $result ){ echo '<strong style="color:red;text-align:center;margin-left:100;" > ' . $result["choses"] . ' </strong> <button type="button" onclick="test1(\'' . $result["choses"] . '\',this)" > tester 1 </button> <button type="button" onclick="test2(\'' . $result["choses"] . '\',this)" > tester 2 </button> '; } ?>

---

Code:

---

1 2 3 4 5 6 7 8 9 10

function test1(param,spr){ spr.style.display = "none" ; var span = document.createElement('span'); document.body.appendChild(span); span.innerHTML = 'yes'; } function test2(param,spr){ var nl = document.createTextNode("yes") ; spr.replaceChild( nl, spr.firstChild) ; }

---

la première alternative la fonction test1 :

- le bouton disparait

- le label apparait mais au mauvais endroit (vers la fin après le bouton "tester 2" de "truck4" )

la deuxième alternative la fonction test2:

- le bouton ne disparait pas

- le label devient le label du bouton ( il remplace "tester 2" )

une soluce svp ? :/

Avec un mixe des deux fonctions tu n'en es pas loin, les méthodes sont là.

Code:

---

1 2 3 4 5 6

function test2(objet){ var oSpan = document.createElement('SPAN'); var oText = document.createTextNode('yes'); oSpan.appendChild( oText); objet.parentNode.replaceChild( oSpan, objet); }

---

à analyser.