Discussion :

[amine2208]

Bonjour

Tout d'abord voici 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
 
<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,aaa)" > tester  </button> 
<button type="button" id="aaa" style="display:none" > test 2 </button>
';
}
?>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function test1(param,objet,aaa)
{
var ospan = document.createElement('span') ;
var otext = document.createTextNode('yes') ;
ospan.appendChild( otext) ;
objet.parentNode.replaceChild( ospan, objet) ;
//la ligne ci dessous ne s'exécute pas , cela m'affiche une erreur "style a la valeur Null ou n'est pas un objet" :
aaa.style.display = "" ;
}
 
function test2()
{
//ici je voudrais que le span creer grace à la function test1 redevient le button qu'il était
}

voila j'ai deux problème :

1) cette ligne de mon code ne marche pas cela m'affiche "style a la valeur Null ou n'est pas un objet" :

Code :

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

 aaa.style.display = "" ;

2) je voudrais créer une function test2 qui fera en sorte que le span créer grâce à la function test1 redevient le button qu'il était

vous pouvez m'aidez svp ? merci

[Bovino]

Tout d'abord, merci de lire et appliquer Important : Les règles incontournables d'utilisation de ce forum : le code PHP ne nous intéresse pas, c'est le code HTML généré qui est utile !

Ensuite, ton paramètre aaa, tu le définis où ?

[sekaijin]

ben comme dit Bovino si tu ouvrais le source html dans ton navigateur tu y verrais plus clair.
voilà la chose

Code html :

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

1
2
<button type="button"  onclick="test1('une valeur de result',this,aaa)" > tester  </button> 
<button type="button" id="aaa" style="display:none" > test 2 </button>

et là on vois de suite que le 3eme paramètre passé à la fonction est null
aaa est une variable non définie.

ça n'a donc aucune change de marcher. je suppose vu que aaa est la valeur de l'id du bouton suivant que ce que tu voulait écrire est

Code html :

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

1
2
<button type="button"  onclick="test1('une valeur de result',this,'aaa')" > tester  </button> 
<button type="button" id="aaa" style="display:none" > test 2 </button>

ce coup ci le troisième paramètre est un id. donc à priori c'est Ok quaf que c'est du code généré en php dans un foreach. on a donc toute le chance de se retrouver avec plusieurs objets avec le même id.
c'est un problème que je te laisse régler

je vais faire comme si tu avais des id uniques.
dans ta fonction test1 le troisième paramètre est un id il faut donc récupérer l'objet

Code :

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

1
2
3
4
5
6
7
8
9
function test1(param,objet,id) //<= le paramètre est un id
{
  var ospan = document.createElement('span') ;
  var otext = document.createTextNode('yes') ;
  var aaa = document.getElementById(id); // <= ICI on récupère le bouton
  ospan.appendChild( otext) ;
  objet.parentNode.replaceChild( ospan, objet) ;
  aaa.style.display = "inline" ; // <= attention la valeur "" n'existe pas
}

Voici la liste des valeur possible pour display

Code :

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
none               The element will not be displayed at all
box (or flex-box)  The element is displayed as a block-level flex container box
block              The element is displayed as a block-level element (like paragraphs and headers)»
flex               The element is displayed as a block-level flex container box
inline             This is default. The element is displayed as an inline-level element (like span)
inline-block       The element is placed as an inline element (on the same line as adjacent content), but it behaves as a block element
inline-flex        The element is displayed as an inline-level flex container box
inline-table       The element is displayed as an inline-level table
list-item          The element is displayed as a list-item, which means that it has a bullet in front of it
table              The element is displayed as a table
table-caption      The element is displayed as a table caption
table-cell         The element is displayed as a table cell
table-column       The element is displayed as a table column
table-column-group The element is displayed as a table column group (like <colgroup>)
table-footer-group The element is displayed as a table footer row group
table-header-group The element is displayed as a table header row group
table-row          The element is displayed as a table row
table-row-group    The element is displayed as a table row group
inherit            The value of the display property will be inherited from the parent element

A+JYT

[amine2208]

oui je passe l'id directement en paramètre normalement sur mes autres pages ça marche alors que c'est la même méthode , mais sur la page test ça bloque je sais pas pourquoi :/

et sur mes autre page le

Code :

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

 x.style.display = ""

marche aussi xD

[Bovino]

Ce que tu fais est une incohérence dont l'interprétation va dépendre du bon vouloir de l'interprétation du navigateur.

Dans l'appel de ta fonction

Code :

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

onclick="test1('une valeur de result',this,aaa)"

aaa est considéré comme une variable, variable qui n'a jamais été définie.
Certes, les navigateurs qui sont quelque peu permissifs arrivent à "comprendre" que tu cherches l'élément dont l'id est aaa mais ça reste une très mauvaise pratique qu'il faut absolument éviter et remplacer par la solution préconisée par sekaijin.

D'autant que cela laisse présager que tu es susceptible de commettre d'autres erreurs du même ordre, comme par exemple avoir plusieurs fois le même id dans la page (parce que affecter un attribut id dans une boucle foreach, c'est pas top...) ou d'avoir des attributs name avec cette valeur et dans ce cas, ça plante !

Il faut donc être plus rigoureux dans l'écriture de son code et respecter les règles de base.

[amine2208]

Ah d'accord je vois mais comment faire pour éviter d'avoir plusieur id dans une boucle foreach ? xD

[amine2208]

Tout d'abord, merci de lire et appliquer Important : Les règles incontournables d'utilisation de ce forum : le code PHP ne nous intéresse pas, c'est le code HTML généré qui est utile !

Ensuite, ton paramètre aaa, tu le définis où ?

Ah oui désolé j'ai copier coller sans faire gaffe désolé xD

bah là :

Code html :

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

 <button type="button" id="aaa" style="display:none" > test 2 </button>