écriture dans un tableau

Version imprimable

Bonjour à tous,

Je viens vers vous car j'ai un petit problème d'écriture et je ne sais pas la faisabilité de la chose

Voila j'ai créé un bouton :

Code:

<input type="button" name="sortie" value="essai" title="TPH hors rack de recharge" style= 'background: #ebebeb; width:130px' onclick="window.location.href = '#openModal';" />

Lorsque je clic sur le bouton, cela ouvre bien ma fenêtre modal.
Cool c'était l'effet attendu.

Cependant c'était un bouton TEST moi j'aimerai que cette action soit possible dans un tableau de récupération de données voici le bout de mon code.
Code:

1 2 3 4 5 6 7 if ($row["piquet-1"] == "VSAV-CA"){ echo '<td style="text-align:center; background-color:#a44eb7; color:#FFFFFF"><a href="piquets.php?id='.$row["id"].' & annee='.$row["annee"].' & mois='.$row["mois"].' & nom='.$row["nom"].'" title="essai"><img src="img/vsav-ca.png"></a></td>'; }
ce code fonctionne, il ouvre bien la page piquets.php, il me remonte bien mes informations.
Cependant sur le <a href="piquets......./>, j'aimerai que cela face la même action que mon bouton test tout en remontant les infos demandées.

Pourriez-vous m'aider?

Merci à vous

10/08/2021, 12h31
darkstar123456

Bonjour,

Je ne suis pas sûr de bien comprendre mais je vais tenter d'y répondre.

Pour récupérer des informations via l'URL, il faut utiliser la superglobale $_GET.
Cela donne donc respectivement : echo $_GET['id']. ' - '.$_GET['annee'].' - '.$_GET['mois'].' - '.$c['nom'];

Attention, cela est défini par l'URL et non pas par la valeur de $row, donc si l'URL était piquets.php?id=5&year=2021 il faudrait alors afficher les informations en tant que : echo $_GET['id']. ' - '.$_GET['year'];
Il est également de facile débugger en affichant toutes les variables $_GET de cette façon : echo '<pre>' . print_r($_GET, true) . '</pre>'; (les <pre> sont là pour pouvoir facilement lire l'array)

Bonjour,

Si tu veux récupérer les informations de la ligne (manuellement et sans utiliser bootstrap) en cliquant sur le <a href="..." /> de chaque <td> , il faut l'attacher à un événement click et le gérer avec une fonction js et stocker les valeurs dans des attributs data-XXXXX (attention, tu utilises des attributs annee,mois,nom sur le <a> qu'il faut les remplacer par data-annee, data-mois, data-nom):

Code:

1
2
 
echo '<td style="...."><a onclick="getRowInfos();" data-annee="'.$row['annee'].'" data-mois="'.$row['mois'].'" data-nom="'.$row['nom'].'" href="......"></a></td>';

la fenêtre modale préalablement préparée :

Code:

1
2
 
<div id="openModal" style="display:none"></div>

La fonction js getRowInfos() :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
function getRowInfos(){ 
        //preventDefault() empêche le navigateur de se recharger, vu qu'un attribut href existe dans le <a>
	event.preventDefault();
	//ceci devrait afficher 2 valeurs dans la console, la première est , et la deuxième de 
        console.log('e :',event //l'objet événement
          ,', this :',event.target //l'élément <a> sur lequel on clic
          ,', data-annee :',event.target.dataset.annee //valeur de data-annee
          ,', data-mois :',event.target.dataset.mois //valeur de data-mois
          ,', data-nom :',event.target.dataset.nom //valeur de data-nom
        );
        /* si tout va bien et que les valeurs sont OK, tu peux alimenter #openModal avec les données et ensuite l'afficher */
       document.getElementById('openModal')
	.innerHTML='annee '+event.target.dataset.annee
		+', mois :',event.target.dataset.mois
		+', nom :'+event.target.dataset.nom;
       //Affichage de la fenêtre modale  
	document.getElementById('openModal').style.display='block';
}