[Javascript] Passaggio valore da popup a pagina madre

vasomik

Nuovo Utente
14 Mar 2017
31
0
6
Ciao,

il mio problema è il seguente.
In una pagina, che definisco madre, tramite un link, apro una finestra popup in questo modo:

Codice:
function aprifinestra()
{
weblink=window.open("popupQE.html","Quota Esente","width=300,height=100,left=20,top=20");
}
e almeno questo funziona!!!

Nel popup ho questo:

Codice:
<form name="figlio">
<table>
<tr>
<td><input type="radio" name="QEScelta" value="1" onclick="pippo()"></td><td>Valore Quota Esente 1</td>
</tr>
<tr>
<td><input type="radio" name="QEScelta" value="2"></td><td>Valore Quota Esente 2</td>
</tr>
</table>
</form>

In funzione della scelta del radio della finestra popup devo riportare il valore in una textbox che ha nome="QuotaEsente[]". Di queste textbox inizialmente ce n'è solo una ma potenzialmente potrebbero essercene n, le incremento o decremento tramite un bottone con apposito codice. QuotaEsente[] è contenuta in un form che si chiama form1.
Ho provato con window.opener ma senza risultati.

Ecco la funzione che avevo scritto:

Codice:
function QE(n) {
var mamma = window.opener;
var form = mamma.document.forms['form1'];
var elemento = form.elements['QuotaEsente'];
// ora facciamo cambiare il valore di QuotaEsente nella pagina madre
elemento.value = n;
// chiudo la popup
self.close();
}

e lo richiamavo così onclick="QE(this)"
Sapete aiutarmi, per favore?

vasomik
 

macus_adi

Utente Attivo
5 Dic 2017
1.343
91
48
IT/SW
Non credo tu posso intercettare un valore da una nuova finestra, magari sbaglio.
Non converrebbe aprire una modale passando i dati ad un sistema di templating con ciò che serve?
 

vasomik

Nuovo Utente
14 Mar 2017
31
0
6
Non credo tu posso intercettare un valore da una nuova finestra, magari sbaglio.
Non converrebbe aprire una modale passando i dati ad un sistema di templating con ciò che serve?

non sono molto preparato in materia ma mi sono trovato questo problema , puoi farmi un esempio o darmi una spiegazione più approfondita?

vasomik
 

macus_adi

Utente Attivo
5 Dic 2017
1.343
91
48
IT/SW
Questa è una pagina di prova utilizzando Bootstrap e JQuery.
Quando salvi il modale prendi il valore contenuto nell'input e chiudi la modale....
Spero vada bene e che sia abbastanza chiaro il codice
HTML:
<html>
<head>
    <script
            src="https://code.jquery.com/jquery-3.2.1.js"
            integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
            crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>
    <body>
        <div class='container'>
            <div class='row'>
                <div class='col-md-12'>
                    <h3>il valore inserito nella modale è : <span id='my_val'></span></h3>
                </div>
                <div class='col-md-12 text-center'>
                    <a class='btn btn-success btn-xs modal_open'>Apri Mdale</a>
                </div>
            </div>
        </div>
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="myModalLabel">TITOLO</h4>
                    </div>
                    <div class="modal-body">
                        <input id='inserisci_valore' class='form-control' value='' placeholder='inserisci un valore'>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" id='save'>Salva</button>
                    </div>
                </div>
            </div>
        </div>
    <script>
        $(document).ready(function(){
            /*questo bottone apre la modale che attualmente è chiusa vede il selettore con classe"modal_open"*/
            var btn_click=$('.modal_open');
           //bottone della modale con id=save 
           var input_val=$('#save');
           //selettore dove passare i dati con id etc...
            var my_val=$('#my_val');

//quando clicco sul bottone farò qualcosa
            btn_click.on("click",function(){
//in questo caso apro la modale
                $('#myModal').modal('show');
//quando salvo succederà qualcosa
                $('#save').click(function(){
//nascondo la modale
                    $('#myModal').modal('hide');
//prelevo il valore dell'input e lo inserisco nel selettore dove mi serve
                    my_val.html($('#inserisci_valore').val());
                });
            });
        });
    </script>
    </body>
</html>
Spiegazione brutale ma credo sia comprensibile...
 
Ultima modifica:

vasomik

Nuovo Utente
14 Mar 2017
31
0
6
Questa è una pagina di prova utilizzando Bootstrap e JQuery.
Quando salvi il modale prendi il valore contenuto nell'input e chiudi la modale....
Spero vada bene e che sia abbastanza chiaro il codice

Ciao, scusa la risposta in ritardo.
Ti ringrazio per il tuo codice ma continuo ad avere delle difficoltà. Il mio più grande problema è scrivere il contenuto della text della modale in una delle input che ci sono nella madre. Il fatto è che queste input hanno tutte lo stesso nome (name="testo[]"). Queste text vengono create in base alle necessità dell'utente tramite la pressione di un tasto che processa del codice javascript e, cominciando da una, ce ne possono essere n distribuite in differenti div. Detto questo, a fianco ad ognuna di queste text ci sarà un pulsante che apre una finestra modale.....
 

macus_adi

Utente Attivo
5 Dic 2017
1.343
91
48
IT/SW
Allora passi alla funzione il selettore che ha generato l'evento, e attraverso i l'attributo data recuperi le informazioni che ti servono...
Banalmente alle input che generi potresti passargli un valore casuale e metterlo in data-attributo_che_serve="valore_casuale", al click di quello scateni l'evento che recupera il valore attraverso data-attributo_che_serve!
 
Discussioni simili
Autore Titolo Forum Risposte Data
G passaggio di una variabile da javascript a un valore di input Javascript 5
P problema passaggio valore javascript a select su pagine php Javascript 0
P Passaggio id php a javascript PHP 6
V Passaggio codice html a javascript Javascript 8
A Problema con getCurrentPosition e passaggio variabili da javascript a PHP Javascript 3
Gaetano1991h Passaggio da calendario php a javascript PHP 2
A [Javascript] La larghezza del video player, diminuisce nel passaggio dal primo video ai successivi Javascript 0
K passaggio variabile php-javascript PHP 2
A Passaggio array da javascript a PHP tramite metodo POST PHP 4
G funzione javascript per passaggio valori Javascript 1
R Passaggio variabili da Javascript PHP 7
E Passaggio dati tramite javascript esterno ad un HTML Server Controls Javascript 0
I Passaggio variabile da javascript a SQL select Javascript 3
B passaggio variabili php/javascript e vicerversa Javascript 0
I Passaggio dati con Javascript Javascript 0
I Creare un banner temporaneo JavaScript Javascript 0
S Impossibile scorrere un oggetto in JavaScript Javascript 0
N Passare array da php a javascript PHP 5
L Quiz javascript funzionante da migliorare Javascript 0
P errore 404 con javascript Javascript 2
D aiuto funzioni javascript Javascript 1
M Upload immagine con javascript problemi con FormData() Javascript 1
L countdown multiplo javascript Javascript 1
S Problemi Javascript + Aruba Javascript 2
M Inviare un file su un server remoto con JavaScript Javascript 0
T a href="javascript:;" Javascript 1
F Creare elementi html con javascript Javascript 3
A pulsante di update campo mysql con javascript Javascript 2
8 Javascript - PDF Form Javascript 0
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7
P javascript:document.forms Javascript 7
S Consiglio esercizio Javascript Javascript 2
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
R Confrontare il dominio di una mail con una stringa contenente un dominio personalizzato, tutto ciò in php o javascript PHP 0
E lettura da un Database con Javascript jQuery 2
V TRIS in javascript Javascript 1
IClaude Funzione Javascript Javascript 8
Alex_70 Javascript date color Javascript 3
F Convertire JavaScript per la compatibilità nei browser obsoleti Javascript 0
I Passare dei parametri in javascript PHP 0
Shyson Meglio Javascript o HTML? Javascript 4
G Problema verifica palindromo e verifica pari e dispari javascript Javascript 0
M Chiamare pagina php da javascript Javascript 8
M Errore JavaScript per php [objeto HTMLParagraphElement] PHP 0
D Javascript per il download dei dati Javascript 0
grgfede Problema javascript con aruba Javascript 1
R Cerco supporto in programmazione javascript Offerte e Richieste di Lavoro e/o Collaborazione 0
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1

Discussioni simili