J'ai un souci, au 3e click sur le bouton un marqueur est supprimé, et a ce moment là je souhaite revenir aux evenements du 1er click ce qui forme en sorte une boucle. Je ne sais pas comment faire pour revenir aux evenements à partir du 1er click, tout s'enchaine jusqu'a la suppression du marqueur après cela je suis bloquée, je ne connais pas la methode, quelqu'un peut m'aider s'il vous plait, je desespère...
Mille mercis à ceux qui voudront bien m'éclairer, je débute en javascript...
voici le javascript
Code : Tout sélectionner
var counter = 0;
function changeImage1() {
counter++;
var marker1 = document.getElementById('marker1');
var marker1 = new mapboxgl.Marker({
color: '#ff8e0a',
className: 'marker1'
}) // Initialize a new marker
.setLngLat([]) // Marker [lng, lat] coordinates
.setPopup(new mapboxgl.Popup({
offset: 25,
className: 'popup1'
}) // add popups,
.addTo(map);
block1.style.display = 'none';
div1.style.display = 'none';
button1.onclick = function () {
counter++;
if(counter===2){
if (button1.style.display !== 'none') {
div1.style.display = 'block';
block1.style.display = 'block';
button1.style.display = 'none';
$('#border2,#border3,#border4').prop("disabled", true);
} else {
div1.style.display = 'none';
block1.style.display = 'none';
button1.style.display = 'block';
}
}
div1.onclick = function () {
if (div1.style.display !== 'none') {
div1.style.display = 'none';
block1.style.display = 'none';
button1.style.display = 'block';
$('#border2,#border3,#border4').prop("disabled", false);
} else {
div1.style.display = 'block';
block1.style.display = 'block';
button1.style.display = 'none';
}
}
button1.onclick = function() {
counter++;
if(counter===3){
marker1.remove();
$('#border1').prop("disabled", false);
--counter;
}button1.addEventListener('click', changeImage1); // c'est ici que je bloque je dois relancer la boucle du 1er click ! :roll:
}
}
}