Salve a tutti, aiutatemi perfavore.
Il mio problema è il seguente:
Primo step:
Eseguire un click automatico dopo 3 secondi su un PULSANTE_1 (NB: TIPO SUBMIT e non button) in modo tale da inviare un numero inserito in una checkbox, restando nella stessa pagina.
Secondo step:
Eseguire un click automatico dopo 6 secondi su un PULSANTE_2 (tipo button), che invoca quindi con l' evento onclick una funzione.
Ciò che non riesco a capire è perché nella funzione avviaTimer() che ho impostato parte solo il primo seTimeout, il secondo non viene eseguito.
Grazie in anticipo a tutti
Di seguito il codice che ho usato io:
File test.php:
?<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="js/test.js"></script>
</head>
<body >
<form action="test.php?status=1" method="POST">
<table>
<tr>
<td><input type='text' name='valore1' /></td>
</tr>
<tr>
<td><input id="pulsante1" type="submit" value="Avvia Funzione 1"/></td>
</tr>
</table>
</form>
<?php
if(isset($_REQUEST['status']))
echo "<script>funzione1();</script>";
?>
<button id='pulsante2' onclick='funzione2()' >Avvia Funzione 2</button>
<br/><br/>
<button onclick="avviaTimer()">Avvia Timer</button>
</body>
</html>
File test.js:
function funzione1(){
alert('Funzione 1 avviata');
}
function funzione2(){
alert('Funzione 2 avviata, missione compiuta!!');
}
function avviaTimer(){
setTimeout(function(){ document.getElementById('pulsante1').click(); }, 3000);
setTimeout(function(){ document.getElementById('pulsante2').click(); }, 9000);
}