Déclencher un formulaire avec un écouteur sur image
Bonjour à tous,
J'ai un formulaire qui contient un tableau, lequel contient à son tour une image. Je voudrais soumettre le formulaire lors du clic sur l'image.
Source:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| <form method="post" name="tabForm" action="http://sirep.proginet.local/frontend/mainFormHandler.php" class="otherForms" data-tab="mail">
<h4>Nouveau courrier</h4> <input type="hidden" name="id" value="0">
<label for="type">Forme</label><select name='type' id=''><option value='' label='< ---- >'></option><option value='1'>Lettre</option><option value='2'>Télécopie</option><option value='3'>Courriel</option></select><br>
<label for="date_mail">Date</label><input type="text" id="date_mail" name="date_mail" value="">
<div id="contactCal" class="calendarMain calendarInLine"></div><br>
<label for="subject">Objet</label><input type="text" id="subject" name="subject" value=""><br>
<input type="submit" name="savElem" value="Enregistrer">
<table style="border:1px solid grey; width:65rem; margin-top:5px;">
<thead><tr><th>Forme</th><th>Date</th><th>Objet</th><th>Référence</th><th>Emplacement</th><td></td><td></td></tr></thead>
<tbody>
<tr>
<td class='noDispl'>1</td><td>Lettre</td><td>14/12/2020</td><td>Edge ne respecte pas ma feuille de style pour un élément</td><td>MP1205</td><td><a href='C://win/users/documents/courrier/070320.doc'>C://path/070320.doc</a></td><td><a href='frontend/main.php?page=1&tab=5&id=1'><img src='../images/edit.png' title='Cliquez pour éditer'></a></td><td><img src='../images/del.png' title='Cliquez pour supprimer'></td>
</tr>
<tr>
<td class='noDispl'>2</td><td>Télécopie</td><td>27/12/2020</td><td>aucun</td><td>xxxx</td><td><a href='.....'>.....</a></td><td><a href='frontend/main.php?page=1&tab=5&id=2'><img src='../images/edit.png' title='Cliquez pour éditer'></a></td><td><img src='../images/del.png' title='Cliquez pour supprimer'></td>
</tr>
</tbody>
</table>
</form> |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| "use strict";
const
tabForms = document.querySelectorAll("[name='tabForm']")
,delImgs = document.querySelectorAll("[src*='del.png']")
;
if (delImgs.length){
delImgs.forEach(function(curImg){
console.log(curImg);
console.log(curImg.form); // retourne undefined
});
} |
Dans le code html, j'ai essayé en variante:$line->addCell(new tabCell("<input type='image' src='../images/del.png' title='".getDBText($language,57)."'>"));Dans ce cas, l'image est grossie environ 10 fois sa taille d'origine (5cm au lieu de 5mm, soit 22px). Pourquoi? Je peux bien sûr diminuer l'image en css mais j'aimerais comprendre car un bouton ne fait généralement pas cette taille.
