Pytanie użytkownika o potwierdzenie

0

Witam, mam napisać program który zmienia obrazek po kliknięciu na niego, uprzednio pytając czy użytkownik chce to zrobić. Mam już program zmieniający obrazek, nie potrafię jednak zabrać się za funkcję pytającą użytkownika czy na pewno chce zmienić obrazek.

 <script>
var tImg = ['obrazek1.jpg','obrazek2.jpg'];
        
var vImg = true;
function fSetImg(){
    if (vImg){
        document.getElementById('iImg').src = tImg[1];
        vImg = false;
    }
    
    else {
        document.getElementById('iImg').src = tImg[0];
        vImg = true;
    }
}
        </script>
   <img id="iImg" src="obrazek1.jpg" onclick="fSetImg()">
3

screenshot-20170101211912.png
Zatem w Google: javascript + confirmation i voilà. Jeśli biegle władasz angielskim, możesz jeszcze dopisać dialog, lecz będzie ok i bez tego.

Btw, nazywaj zmienne sensowniej.

1
[...]
 if (confirm('Zamienić?')) {
    document.getElementById('iImg').src = tImg[1];
}
[...]

Można też zrobić własny modal np. http://getbootstrap.com/javascript/#modals

2

@Oryentalny: idąc za ciosem @Krzysztof Bogdan polecam użyć tej nakładki https://nakupanda.github.io/bootstrap3-dialog/ na modale bootstrapa. W bardzo prosty sposób uzyskasz swój efekt, bez dodatkowego konfigurowania i implementowania wszystkiego samemu. W demie znajdziesz nawet swój use-case chyba.

BootstrapDialog.confirm('New image is coming.. are you sure?', function(result){
   if(result) {
     fSetImg();
   }
});

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.