Bonjour,

J'ai un problème sur le passage de variable entre une page overlay qui s'affiche au dessus d'une page parente.
Voilà l'idée.

J'ai 3 pages :
home.php
iframe.php (la page appelée dans mon overlay)
start.php (la page vers laquelle sera redirigée l'internaute une fois l'overlay fermée)

Dans home.php j'ai mon script overlay (colorbox) :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript">
    $(document).ready(function(){
       $(".iframe").colorbox({
       iframe:true,
       transition:"elastic",
       scrolling: false,opacity:0.60,
       width:"550px",
       height:"300px",
 
        onClosed:function(){
        var name = $('#name').val(); // la valeur que j'essaye de récupèrer de mon overlay
        location.href = 'start.php?name='+name;
        }
        });
        });
    </script>
Et mon lien pour ouvrir l'overlay :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<a href="iframe.php" class="iframe">OPEN OVERLAY</a>
Dans iframe.php j'ai un script pour fermer la fenêtre en cliquant sur un bouton "VALIDER"
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
<script type="text/javascript">
    $(document).ready(function() {
        $("#button_cancel").click(function() {
            parent.$.colorbox.close();
            return false;
    })
 
    });
    </script>
Et un formulaire avec un champ texte et mon bouton fermer.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
<form action="javascript:parent.$.colorbox.close()">
    <input type="text" id="name" value="" />
    <input value="Submit" type="button"  />
    </form>
Après avoir ouvert l'overlay, j'aimerai pouvoir remplir mon champs "name" puis en cliquant sur le bouton, fermer l'overlay, récupérer la valeur de ce champ et rediriger vers start.php?mavaleur=name en reprenant la valeur précédemment récupérée.

Auriez vous une idée de ce qui coince ?