PDA

View Full Version : Interferenza javascript fra finestre dello stesso browser


soundsgood
15-07-2010, 13:03
ciao ragazzi

vi scrivo perche dovrei risolvere la seguente cosa:

abbrevio dicendo che ho fatto un sito web dinamico utilizzando JQuery con AJAX.

Mentre l'utente visualizza il sito, una funzione javascript fa il refresh (invisibile) con AJAX della pagina che l'utente sta visualizzando e lo fa nel seguente modo:

In ogni pagina c'è un div (invisibile per l'utente) con dentro scritto l'indirizzo della pagina (ad esempio "pagina.jsp"). La funzione che fa il refresh prima legge il contenuto del div e poi fa il refresh dell'indirizzo letto, quindi della pagina dove si trova.
(tutto questo perche utilizzando AJAX la funzione in javascript non sa che pagina si sta visualizzando, poiche nella barra degli indirizzi rimane sempre "index.jsp")

Funziona tutto bene. Il fatto è che quando accedo al sito (ad esempio con due utenti diversi ma lo stesso accade se accedo con lo stesso utente due volte) con due finestre del browser dello stesso tipo (ad esempio due finestre di Chrome) inizia come una interferenza tra le due pagine, nel senso come se il Javascript dell'una fa interferenza con il Javascript dell'altra, e quando avviene il refresh viene caricata una pagina vuota o una pagina dentro la pagina, insomma cose strane.

Se invece accedo al sito contemporaneamente tramite due browser diversi il tutto funziona bene.

Sapete spiegarmelo e risolvere questa cosa?

Grazie in anticipo

soundsgood
16-07-2010, 18:36
ciao e grazie della risposta

in pratica ogni pagina jsp del sito, tra gli altri dati, restituisce la seguente cosa, che non viene visualizzata a chi naviga. Serve solo per far capire alla funzione javascript che fa l'aggiornamento della pagina in che pagina ci si trova:

out.print("<div id=\"page_position\" title=\"pagina.jsp\"> </div>");

La funziona javascript legge l'attributo title del div con l'id "page_position" e sa quale pagina jsp deve richiamare. Ecco il codice javascript e Jquery:

function aggiorna(x) {

window.setInterval("aggiorna_pagina()", x);

}

function aggiorna_pagina() {

var page = document.getElementById('page_position').getAttribute("title");


var pagina= page.replace(/ /g,"%20");
$('#content').load(pagina);



}


La funzione chiamata nella homepage del sisto è aggiorna(x) dove x sono i millisecondi che rappresentano il periodo con cui viene richiamata la funzione "aggiorna_pagina"

$('#content').load(pagina) è una istruzione Jquery che carica i dati restituiti dalla pagina jsp passata come parametro e li mette dentro il div "content" sostituendo quello che c'era precedentemente