Discussion :

[moimp]

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

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
<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='&lt; ---- &gt;'></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 js :

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

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.

[javatwister]

De fait, en utilisant un input image, la propriété form sera disponible; et de toute façon, le formulaire sera soumis d'office;
Je ne comprends pas du tout le reste de ton message;

[moimp]

Ah oui, j'ai été dérangé pendant l'écriture de mon message et il y a une incompréhension liée au code php au lieu du rendu.

En résumé, le remplacement de <img src='../images/del.png' title='Cliquez pour supprimer'> par <input type='image' src='../images/del.png' title='un rexte'>")) a eu pour conséquence de grossir anormalement la taille de l'image et du bouton. L'image est passée de 5mm (22 pixels) à 5 cm. J'ai maintenant compris pourquoi: Cela est du au code CSS des balises input.
Mon problème est donc résolu.