Discussion :

[sylvain257]

Bonjour/soir,

Je travaille sur une application cartographique web qui géolocalise des cartes postales anciennes. Je rencontre ce problème.

Sur mon projet j'ai bien évidemment une carte, une sidebar qui comporte 4 onglets.
Dans un des onglets j'ai fait redescendre d'une base de données l'ensemble de cartes sous forme d'un tableau. Chaque ligne correspond à une carte, et chaque ligne comporte l'identifiant de la carte plus un bouton pour ouvrir une modale qui permet d'éditer les attributs.

Le script fonctionne correctement à ceci prêt que la console me renvoie une erreur assez bizarre, pour le moins incompréhensible.

Uncaught SyntaxError: Invalid or unexpected token (at map.php:1:10)

Sauf qu'à l'endroit indiqué, il n'y a rien hormis du PHP qui n'a aucun rapport avec cette fonctionnalité de l'application.
Je n'arrive pas à trouver où cela peut être....

Le bouton d'édition est défini comme ça :

Code html :

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

<a href="#modal_photo" data-sha1=${row.sha1} onclick=majCarte(${row.sha1})><i class="fa-solid fa-pen"></i></a>

Ce bouton est censé ouvrir ma modale...

Si je met un bouton à la place de <a></a>, je n'ai plus le même problème. La modale s'ouvre mais sans rien dedans...............

Il y a dans le map.php, une div avec l'id modal_photo.

La fonction majCarte(sha1) :

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
20
21
function majCarte(sha1){
	$.ajax({
		url: API_CPA+'cartes/'+t,
		type:'GET',
		datatype:'json',
		data: {
			sha1:sha1
		},
		complete: function(res1) {
			if (checkAjaxError(res1)) {
				var record1 = res1.responseJSON;
				console.log(record1.sha1);
				$('#modal_photo').html(`
					<div class="modal-content">
						${record1.sha1}
					</div>
					`);
			}
		}
	});
}

Je ne pense pas que le problème vienne du Javascript.

Merci pour votre aide,

Sylvain

[mathieu]

si vous avez une erreur javascript, la ligne correspond au code html généré.

c'est peut être à cause de l'oubli des guillemets ?

Code html :

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

<a href="#modal_photo" data-sha1="${row.sha1}" onclick="majCarte(${row.sha1})"><i class="fa-solid fa-pen"></i></a>