inviare dati testuali verso iframe

danjde

Nuovo Utente
29 Mar 2015
4
0
1
Ciao amici,
ho un form con jquery che raccoglie dei dati che l'utente compila (numero adulti, numero bambini, date, etc), e che vorrei inviare poi ad uno script php, questo contenuto in un iframe.

Nel form:

Codice:
<form method="get" action="http://www.foo.it/it/prenotazioni-check">

L'indirizzo dell'iframe è
HTML:
http://www.foo.it/it/prenotazioni-check

nello script, un valore che raccoglie il numero degli adulti per esempio:

Codice:
$adulti=$_GET['adulti'];

So che l'iframe è l'equivalente di un sito esterno ma di più non sono riuscito a comprendere, il fatto è che in questo modo il form non riesce ad inviare i dati verso l'iframe.

Dove sbaglio?

grazie infinite
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, non ho mai provato , potresti tentare in questo modo
HTML:
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#invia").click(function(){
            $("#iframe").attr("src","iframe.php?" + $("#form").serialize());
        });
    });            
</script> 
<form id="form">
    <input type="text" name="nome"/>
    <input type="button" id="invia" value="invia"/>
</form>
<iframe id="iframe" width="200" height="200" src=""></iframe>
pagina php
PHP:
<?php

echo "Ciao " . $_REQUEST['nome'];
 

danjde

Nuovo Utente
29 Mar 2015
4
0
1
Grazie criric,
il fatto è che io vorrei poter modificare il mio script per permettere l'invio verso l'iframe.
E dato che non sono un esperto non so quale porzione del tuo codice potrei impiegare per adattare al mio.

Se hai disponibilità posso allegare il mio semplice codice e su questo fare delle prove/modifiche.

grazie infinite
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Posta pure, se non arrivo io potrebbe aiutarti qualcun'altro
 

danjde

Nuovo Utente
29 Mar 2015
4
0
1
Posta pure, se non arrivo io potrebbe aiutarti qualcun'altro
HTML:
<link rel="stylesheet" href="http://www.miosito.it/booking/calendario-ui/themes/base/jquery.ui.all.css">
<script src="http://www.miosito.it/booking/calendario-ui/jquery-1.4.2.js"></script>
<script src="http://www.miosito.it/booking/calendario-ui/ui/jquery.ui.core.js"></script>
<script src="http://www.miosito.it/booking/calendario-ui/ui/jquery.ui.widget.js"></script>
<script src="http://www.miosito.it/booking/calendario-ui/ui/jquery.ui.datepicker.js"></script>
<script src="http://www.miosito.it/booking/calendario-ui/ui/i18n/jquery.ui.datepicker-es.js"></script>
<script src="http://www.miosito.it/booking/calendario-ui/ui/i18n/jquery.ui.datepicker-it.js"></script>
<script src="http://www.miosito.it/booking/calendario-ui/ui/i18n/jquery.ui.datepicker-de.js"></script>
<script src="http://www.miosito.it/booking/calendario-ui/ui/i18n/jquery.ui.datepicker-fr.js"></script>
<script src="http://www.miosito.it/booking/calendario-ui/ui/i18n/jquery.ui.datepicker-en.js"></script>

<link rel="stylesheet" href="http://www.miosito.it/booking/calendario-ui/demos.css">
<script>
    $(function() {
        $.datepicker.setDefaults( $.datepicker.regional[ "it" ] );
        $( "#datepicker" ).datepicker({
            numberOfMonths: 1,
            showButtonPanel: false
        });

        $("#datepicker").datepicker({dateFormat: 'dd/mm/yy'}).change(function () {
            var $picker = $("#datepicker");
            var $picker2 = $("#datepicker2");
            var date=new Date($picker.datepicker('getDate'));
            date.setDate(date.getDate()+1);
            $picker2.datepicker('setDate', date);
        });


        $( "#datepicker2" ).datepicker({
            numberOfMonths: 1,
            showButtonPanel: false
        });
    });

</script>

<form method="get" action="http://www.miosito.it/it/prenotazioni-check">
    <input type="hidden" name="lalingua" value="it">
    <div style="width:300px;background:f8f8f8;padding:5px;">
        <table width="288">
            <tr><td style="color:2576a6;">Arrivo</td><td><input type="text" name="data_partenza" id="datepicker" style="width:200px"></td></tr>
            <tr><td style="color:2576a6;">Partenza</td><td><input type="text" name="data_arrivo" id="datepicker2" style="width:200px"></td></tr>
            <tr><td style="color:2576a6;">Adulti</td><td><input type="text" name="adulti" style="width:200px" value=2></td></tr>
            <tr><td style="color:2576a6;">Bambini</td><td><input type="text" name="bambini" style="width:200px"></td></tr>                                
            <tr><td style="color:2576a6;">Coupon</td><td><input type="text" name="coupon" style="width:200px"></td></tr>                            
        </table>
        <input type="submit" value="Verifica disponibilità" style="background:2576a6;color:8497a2;">
    </div>
</form>
grazie
 
Ultima modifica di un moderatore:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Devi dare un id al form e al submit che dovrai poi trasformare in button.
Aggiungi l'iframe sempre con id come ho postato e la mia funzione javascript nel tuo tag script
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Inviare dati nel db dopo risposta alert PHP 0
L inviare i dati di un form ad un database PHP 6
O [PHP] inviare dati da form e script ajax PHP 0
H [PHP] Inviare dati PHP 3
I Inviare dati POST tramite curl PHP 0
N inviare dati post tramite redirect PHP 4
M link con dati estratti da un db e aggiungere a tali link variabili da inviare a nuova pagina PHP 2
ciccio1892 Select concatenate con Ajax inviare scelta utente tramite post insieme ad altri dati form PHP 3
F inviare dati ottenuti da "parse script" PHP 5
M Inviare dati da iframe alla pagina principale Javascript 1
F Inviare dati da multi form Javascript 3
K Aiuto! inviare dati da form a database mysql MySQL 2
anthares Inviare dati da form a database PHP 14
E Estrarre dati dal DB e inviare mail PHP 10
R Inviare dati form a indirizzo email PHP 23
M file php per inviare dati form PHP 0
T Inviare dati tramite post con un BUTTON Javascript 0
S inviare dati da un form a database access Flash 0
S inviare dati a 1 indirizzo email Classic ASP 1
J inviare dati via email Javascript 2
B Inviare dati ad una pagina.aspx con Javascript Javascript 1
G inviare email contenete dati da db Classic ASP 1
M Inviare un file su un server remoto con JavaScript Javascript 0
E Inviare variabile a PHP da ciclo in JS Javascript 0
D INVIARE PAGINA XHTML TRAMITE EMAIL HTML e CSS 1
D [HTML] Inviare un link contenente un' immagine HTML e CSS 4
M Inviare variabili da menu a tendina a pagina php con post PHP 6
I [PHP] inviare form con allegato tramite una mail PHP 1
I Guida/Tutorial configurare PHPMailer per inviare mails tramite contact form? PHP 2
A [PHP] Inviare mail con piu immagini allegate PHP 6
C non riesco a inviare la posta con account alice Posta Elettronica 1
F [Javascript] Inviare i campi di un form col metodo post Javascript 7
L [Javascript] aiuto non riesco a inviare in get dal server web locale su altervista con httpRequest Javascript 0
A Non riesco ad inviare una mail attraverso PHP su Xampp PHP 2
L 120 SMS Gratis da inviare in qualsiasi momento Vendere e Acquistare pubblicita' online 0
angelo85 Sito joomla che permetta agli utenti di inviare mail Joomla 2
E [PHP] inviare 2 form consecutivamente PHP 4
S PHP: inviare via email contenuto di una funzione PHP 4
M Come inviare due mail diverse con phpmailer PHP 6
A Creare da form un PDF da inviare come allegato. PHP 1
M Inviare mail con PHP tramite Mozilla PHP 3
M Inviare mail dopo due giorni lavorativi PHP 3
P Creare form e inviare via mail HTML e CSS 2
M Inviare mail con href PHP 2
max_400 Si possono inviare sms con php? PHP 5
S inviare the_title() in una mail tramite form html/php PHP 0
M inviare email con access MS Access 3
Shyson Inviare css con form email PHP 1
N inviare input dinamici senza ricaricare la pagina Javascript 4
G Inviare un form HTML e CSS 9

Discussioni simili