Funzione con argomento per setTimeout

**emanueledg** · 06-12-2006, 19:06

Ciao,
con questa funzione molto semplice cambio il contenuto di un layer (il cui id è targetLayer).

Dopo 2 secondi lo riporto al suo valore iniziale, salvato preventivamente nella variabile previousContent.

Codice PHP:


function fill(newContent) {

var d = document;



// Creo una copia del contenuto originale del layer nella variabile [b]previousContent[/b]:

var previousContent = d.getElementById('targetLayer').innerHTML;



// Sostituisco il contenuto del targetLayer:

d.getElementById('targetLayer').innerHTML = newContent;



// Dopo 2 secondi riporto il contenuto del targetLayer al suo valore originale:

window.setTimeout("LayerRefill("+previousContent+")", 2000);

}





function LayerRefill(a) {

document.getElementById('targetLayer').innerHTML = a;

}

ma il contenuto del layer non varia dopo i 2 secondi in quanto la funzione LayerRefill() non riceve alcun valore.

Pertanto credo di sbagliare la temporizzazione della funzione con argomento tramite setTimeout, sebbene non sappia dove possa aver sbagliato e qualcuno qui (ma anche altrove) conferma che il modo corretto è quello, ovvero i backslash o giocare con gli apici singoli/doppi.

Qual è il modo corretto di passare la variabile previousContent alla funzione LayerRefill() ?

**floyd** · 06-12-2006, 19:20

prova
window.setTimeout(function() {LayerRefill(previousContent);}, 2000);

**emanueledg** · 06-12-2006, 19:33

Non funziona con nessun browser :|

**emanueledg** · 11-12-2006, 14:28

up

**willybit** · 11-12-2006, 15:26

hai fatto quasi tutto giusto emanueledg... ti sei scordato gli apici

codice:

<script language="javascript">
function fill(newContent) {
var d = document;

// Creo una copia del contenuto originale del layer nella variabile previousContent:
var previousContent = d.getElementById('targetLayer').innerHTML;

// Sostituisco il contenuto del targetLayer:
d.getElementById('targetLayer').innerHTML = newContent;

// Dopo 2 secondi riporto il contenuto del targetLayer al suo valore originale:
window.setTimeout("LayerRefill('"+previousContent.replace(/'/g,"\\'")+"')", 2000);
}


function LayerRefill(a) {
document.getElementById('targetLayer').innerHTML = a;
}

</script>
prova
<hr>
<div id="targetLayer">Contenuto del 'div' targetLayer.</div>

**emanueledg** · 11-12-2006, 16:51

Grazie willybit della tua luce sulla questione

Visto il complesso contenuto HTML della variabile la funzione non andava, allora ho pensato ad un ulteriore passaggio al replace() per la sostituzione anche di apici doppi:

previousContent = previousContent.replace(/'/g,"\'");
previousContent = previousContent.replace(/"/g,'\"');

ma poi ho pensato: perché non avvalersi della funzione di Javascript dedicata proprio alla codifica di testo formattato per poterlo comodamente gestire nelle variabili?
Quindi ho passato all'escape() fin dall'inizio il contenuto HTML della variabile, poi la funzione finale che lo reinserisce nel layer provvede a decodificarlo con unescape():

codice:

<html>
<head>
<script language="javascript" type="text/javascript">
<!--
function fill(newContent) {
var d = document;

// Creo una copia del contenuto originale del layer nella variabile previousContent:
var previousContent = escape(d.getElementById('targetLayer').innerHTML);

// Sostituisco il contenuto del targetLayer:
d.getElementById('targetLayer').innerHTML = newContent;

// Dopo 2 secondi riporto il contenuto del targetLayer al suo valore originale:
window.setTimeout("LayerRefill('"+previousContent+"')", 2000);
}


function LayerRefill(a) {
document.getElementById('targetLayer').innerHTML = unescape(a);
}
//-->

</script>
</head>
<body>
prova
<hr>
<div id="targetLayer">Contenuto del 'div' targetLayer.</div>
</body>
</html>

e così funziona bene con qualsiasi tipo di input... Che ne pensi?
Grazie mille ancora!

**willybit** · 11-12-2006, 17:04

ottima soluzione

Discussione: Funzione con argomento per setTimeout

Strumenti discussione

Ricerca discussione

Visualizza

Funzione con argomento per setTimeout

Permessi di invio