Passaggio informazioni da una finestra popup

**f.marci** · 19-04-2012, 19:09

Ciao a tutti,
rieccomi a chiedere nuovamente il vostro aiuto.

Ho un problema che non so come risolvere.

ho 2 pagine html:

"index.html"

codice:

<html> 
<head>
<script>
function popimg(){ 
    window.open('popup.html','_blank','width=250, height=150, scrollbars=yes, resizable=yes')
}
function urlimg(valoreparametro) { 
document.getElementById("1").value = valoreparametro;
document.getElementById("1").style.background = '#9C6';
}
</script>
</head>
<body>
Popup <input name="1" type="text" class="field" id="1" readonly="readonly"/>
</body>
</html>

e "popup.html"

codice:

<html>
<head>
<script type="text/javascript">

function colora(chiamata){
document.getElementById(chiamata).style.background = '#0F0';
}

</script>
</head>
<body>
<input type="button" id="call1" value="1" onClick="colora('call1'); opener.urlimg('1');return false;">
</body>
</html>

Quando clicco sul pulsante all'interno del popup ottengo l'effetto desiderato, cioè modificare lo stile dell'input box nella pagina index.html ma vorrei che cliccando nuovamente sul pulsante nella popup ritorni tutto alla situazione originaria senza ricaricare la pagina intera.

Praticamente vorrei l'effetto "accendi/spegni".

Preciso che in locale funziona solamente con IE (uso la versione 9) mentre se lo carico su un host remoto funziona anche con Chrome (ho eseguito test solamente con questi 2 browser perchè il problema della compatibilità non sussiste).

Secondo voi è fattibile con solo l'ausilio del buon vecchio Javascript?? Se si, come?

Grazie in anticipo.
Marcello

**f.marci** · 23-04-2012, 12:06

Ok, ho risolto da solo..

Ho inserito questo codice che ho trovato "googlando" un pochino.
Non fa altro che leggersi le variabili contenute nel link una volta che la pagina si ricarica.

codice:

var query = window.location.search;
if (query.substring(0, 1) == '?') {
query = query.substring(1);
}
var data = query.split(','); 
for (i = 0; (i < data.length); i++) {
data[i] = unescape(data[i]);
}

le variabili vengono "sparate" nel link da questo script contenuto nella pagina che si deve aprire a popup:

codice:

function sendData() {
var packed = "";
for (i = 0; (i < numero.length); i++) {
if (i > 0) {
packed += ",";
}
packed += escape(numero[i]);
}
window.opener.location = "index.html?" + packed;
}

Una volta che ho tutte le mie variabili nel link di index.html me le elaboro a piacimento..
Ho usato i 2 codici qui sopra per passarmi un array da una finestra all'altra.

Lo scopo:
Creare un tabellone per la tombola.
Su un portatile con 2 monitor:
tengo index.html sul monitor che vedono i giocatori mentre sul monitor del mio portatile tengo popimg.html. Quando estraggo un numero mi basta fare un click sul numero che ho appena estratto dentro popimg.html.

A livello di sicurezza non è il massimo..Basterebbe inserire a manina i valori nel link per ottenere effetti non previsti, ma a me serve esclusivamente per uso locale.

Forse non è molto chiaro..se volete chiarimenti in merito scrivete pure.

Ciao, alla prossima!!
Marcello

Discussione: Passaggio informazioni da una finestra popup

Strumenti discussione

Ricerca discussione

Visualizza

Passaggio informazioni da una finestra popup

Permessi di invio