Discussion :

[amine2208]

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



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 php :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[NoSmoking]

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

[amine2208]

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

[NoSmoking]

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

[amine2208]

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

[NoSmoking]

dans cette ligne

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[amine2208]

il serait de bon ton de faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[amine2208]

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

[Bovino]

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

[amine2208]

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

[NoSmoking]

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

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

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

[amine2208]

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


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

[NoSmoking]

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

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

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

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

[amine2208]

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

oui mais bon xD

[NoSmoking]

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.

[amine2208]

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

[NoSmoking]

j'ai rien modifier pour l'instant

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

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

Perso je tenterais bien

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

PS: ne pas oublier les autres remarques

[amine2208]

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

[amine2208]

re salut

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

voici mon nouveau code :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ? :/

[NoSmoking]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.