Messaggio che cambia ad ogni click

**Mauri88** · 17-10-2011, 00:03

Salve a tutti, passo subito al problema... in sostanza io vorrei cambiare il testo all'interno di un div quando clicco un button e fin qui nessun problema:

codice:

<html>
<head>
<script language="javascript" type="text/javascript">
function changeDiv()
{
	document.getElementById('dialogue').innerHTML = "Messaggio 2";
}
</script>
</head>

<body>
<div id="dialogue">Messaggio 1</div>
<input type="button" value="Cambia" onclick="changeDiv()" />
</body>
</html>

Ma come potrei fare se volessi che cliccando nuovamente cambi ancora il contenuto? cioè... premo la prima volta e appare "Messaggio 2", premo di nuovo ed appare "Messaggio 3) e così via.

Grazie in anticipo per l'aiuto!!!

**m4rko80** · 17-10-2011, 09:23

Ciao, ti crei un array in js con i messaggi tipo

var id_ciclo = 0;
var tot_mess = 10;
var messaggi = new Array();
messaggi[1] = 'aaaa';
messaggi[2] = 'bbbb';
e cosi' via...
[/code]
<script language="javascript" type="text/javascript">
function changeDiv()
{
if(id_ciclo==0){
var key=1;
}else{
if(id_ciclo>tot_mess){
var key = 1;
id_ciclo=0;
}else{
var key = id_ciclo++;
}
document.getElementById('dialogue').innerHTML = messaggio[key];
}
</script>
[/code]

Discussione: Messaggio che cambia ad ogni click

Strumenti discussione

Ricerca discussione

Visualizza

Messaggio che cambia ad ogni click

Permessi di invio