inviare dati testuali verso iframe

[danjde]

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:

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

L'indirizzo dell'iframe è

http://www.foo.it/it/prenotazioni-check

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

$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]

Ciao, non ho mai provato , potresti tentare in questo modo

<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

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

 

[danjde]

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]

Posta pure, se non arrivo io potrebbe aiutarti qualcun'altro

 

[danjde]

Posta pure, se non arrivo io potrebbe aiutarti qualcun'altro

<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

 

[criric]

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