begin process at 2010 03 20 14:22:49
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Comment rafraîchir une liste déroulante alimentée par ajax à partir d'une fenêtre fille vers une parent


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Comment rafraîchir une liste déroulante alimentée par ajax à partir d'une fenêtre fille vers une parent

samedi 10 mars 2007 à 13:23:03 | Comment rafraîchir une liste déroulante alimentée par ajax à partir d'une fenêtre fille vers une parent

cousinlol

Bonjour,

Dans un formulaire, je choisi une famille de produit, puis (grâce à ajax) la liste des produits correspondant à cette famille apparaît.

Tout cela fonctionne très bien.

Je viens de placer sur mon formulaire un bouton permettant d'ajouter un produit à une famille. Ce bouton ouvre une fenêtre dans laquelle je crée mon produit dans la famille qui va bien.

Je ferme ma fenêtre sans raffraîchir la fenêtre appelante.

Je vais dans la liste des produit de la famille et je ne vois pas le produit ajouté.

Pour le voir, il faut que je change de famille, puis que je revienne sur la famille du début et là je vois mon produit.

Mon problème est que effectivement le ONCHANGE placé sur le choix de la famille, n'est réactivé que si je change de famille.

Comment faire pour qu'au retour de ma fenêtre d'ajout de produit celui-ci soit visible dans le programme appelant.

Je pensais utiliser sur la fenêtre fille "onbeforeunload" dans le body qui exécuterait systématiquement une fonction.

Cette fonction doit reprendre sur la mère le code famille de produit et exécuter mon ajax de rechargement des produits.

Merci d'avance
samedi 10 mars 2007 à 13:44:49 | Re : Comment rafraîchir une liste déroulante alimentée par ajax à partir d'une fenêtre fille vers une parent

bultez

Membre Club




Bonjour,

si j'ai compris : simuler le onchange ?

dans la "mère", un truc du genre :
    <select id="toto" ... onchange="fonction_js(this);"....

dans la fille :
pourquoi pas utiliser onbeforeunload, effectivement...
    ...onbeforeunload="window.opener.fonction_js(window.opener.document.getElementById('toto');"...

ou "pas loin"

Cordialement            Bul         [mon Site]     [M'écrire]           

samedi 10 mars 2007 à 15:56:05 | Re : Comment rafraîchir une liste déroulante alimentée par ajax à partir d'une fenêtre fille vers une parent

cousinlol

Merci,

Oui, c'est exactement quelque chose comme cela

Dans mon cas, dans le script parent, j'ai
<select name="type_famille" id="type_famille"
onChange="goProduits(document.getElementById('type_famille'), document.getElementById('produit').id)"
onfocus="this.className='focus';" onblur="this.className='normal';">
.....        
</select>
<select name="produit" id="produit">
<option value=.............
</select>
<input type="button"
onClick="newShowModalDialog('maj_win_produit_gen.php?send_famille_type='+document.getElementById('type_famille').value+'&send_trt=Ajouter',
'innerHTML|style.backgroundColor|function',this.id,'modal=yes,directories=0,menubar=0,titlebar=0,toolbar=1,width=1120,height=430')"
value="Ajouter un Produit" class="button">


J'appel donc la fille par la fonction "newShowModalDialog"

Dans ma fille, je vais donc faire quelque chose comme ceci :

<script>
function returnParent()
{
    window.opener.goProduits(window.opener.document.getElementById('type_famille'), document.getElementById('produit').id);
}
</script>
<body onbeforeunload=returnParent()>


Lors de l'exécution, il me dit :

document.getElementById("produit") has no properties

Aurai-je oublié un lien quelque part entre fille et parent




samedi 10 mars 2007 à 16:06:56 | Re : Comment rafraîchir une liste déroulante alimentée par ajax à partir d'une fenêtre fille vers une parent

cousinlol

Oups j'avais oublié, c'est mieux comme cela.

<script>
function returnParent()
{
    window.opener.goProduits(window.opener.document.getElementById('type_famille'),
window.opener. document.getElementById('produit').id);
}
</script>
<body onbeforeunload=returnParent()>

J'ai une liste d'erreur au retour :

Dans goProduits :

  xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");




samedi 10 mars 2007 à 16:11:19 | Re : Comment rafraîchir une liste déroulante alimentée par ajax à partir d'une fenêtre fille vers une parent

bultez

Membre Club







    d'abord ...

    window.opener.goProduits(window.opener.document.getElementById('type_famille'), document.getElementById('produit').id);
peut-être il faut :
    window.opener.goProduits(window.opener.document.getElementById('type_famille'),
                                                
window.opener.document.getElementById('produit').id);

    mais tout dépend où est cet objet à l'ID "produit"...


    sinon, quoi que fait newShowModalDialog ?
       ça ressemble à l'appel d'une pop-up, mais avec showmodaldialog "au nom",
       exclusif IE, mais surtout qui n'a pas le "window.opener", faut procéder autrement.

    et quoi que c'est goProduits... mais là ça ne devrait pas poser de problème...


Cordialement            Bul         [mon Site]     [M'écrire]                             

samedi 10 mars 2007 à 16:14:05 | Re : Comment rafraîchir une liste déroulante alimentée par ajax à partir d'une fenêtre fille vers une parent

bultez

Membre Club




window.opener.goProduits(window.opener.document.getElementById('type_famille'),
                                                
window.opener. document.getElementById('produit').id);

    mais tout dépend où est cet objet à l'ID "produit"...


    et tout dépend de l'utilisation de
window.opener. document.getElementById('produit').id
    ( sûr que l'id est nécessaire, par exemple ? )
   


                                Cordialement          Bul         [mon Site]     [M'écrire]
samedi 10 mars 2007 à 16:18:28 | Re : Comment rafraîchir une liste déroulante alimentée par ajax à partir d'une fenêtre fille vers une parent

bultez

Membre Club




on s'est croisé....
et finalement :
window.opener.goProduits(    window.opener.document.getElementById('type_famille'),
                                                window.opener.
document.getElementById('produit').id);
si l'erreur est bien sur cette ligne ( et pas dans
goProduits ), c'est que, dans la page mère,
    aucun objet avec id="produit" n'existe. ( ou alors qu'une erreur préalable "détruit" et
    fait que cet id n'est pas )


                Cordialement          Bul         [mon Site]     [M'écrire]
samedi 10 mars 2007 à 16:21:16 | Re : Comment rafraîchir une liste déroulante alimentée par ajax à partir d'une fenêtre fille vers une parent

cousinlol

newShowModalDialog, c'est une fonction showmodaldialog pour firefox et autre.

Dans cette fonction, j'ai :

var newWin=window.open(url,'modal_'+id,windowParam);

Donc c'est un window.open qui est exécuté
samedi 10 mars 2007 à 16:47:02 | Re : Comment rafraîchir une liste déroulante alimentée par ajax à partir d'une fenêtre fille vers une parent

cousinlol

Voila ce qui se passe.

Sur le formulaire parent

Je choisi un type de famille, il m'affiche la liste des produits.

Je clique sur mon bouton pour ajouter un produit, la fenêtre fille s'affiche. je crée le produit, je valide et je revient sur mon formulaire parent et la liste des produits à disparu.

il se passe donc quelque chose qui le fait réagir.
samedi 10 mars 2007 à 17:21:42 | Re : Comment rafraîchir une liste déroulante alimentée par ajax à partir d'une fenêtre fille vers une parent

cousinlol

J'ai placé des "alert" pour suivre mes valeurs :

Mes valeurs sont les mêmes à l'aller et au retour.

Je ne perds plus au retour l'affichage de la liste des produits. Il exécute "goProduits" puisque j'ai mes alert qui s'affiche avec les bonnes valeurs, mais sans raffraîchir la liste des produits.

On en est pas loin.



1 2

Cette discussion est classée dans : liste, ajax, fenêtre, produit, famille


Répondre à ce message

Sujets en rapport avec ce message

liste déroulante avec javascript [ par mickelo ] alors en fait moi j'ai une liste déroulante dans laquelle l'utilisateur choisit un produit(en provenance d'une base de données SQL et piloté par ASP) Problème de liste déroulante [ par soad029 ] Salut salut ! Voilà, j'ai créé un formulaire SELECT (liste déroulante) comprenant les 'famille des produits' et j'aimerai que lorsque la personne séle AJAX - XMLHttpRequest - il ne veux pas afficher [ par jnbdzjnbdz ] Bonjour je viens de commencer avec ajax. Et je suis déjà entrain de développer une petite application web. Si vous aller ici:<a target="_blank" hr Charger une page par Ajax à partir d'une fenêtre fille [ par roro59650 ] Bonjour, Je vais d'abord vous expliquer ma situation. J'ai une page principale. Dans cette page, j'ai une balise div où je charge mes pag Liste en Ajax avec "suivant/précedent" [ par Skunkpro ] Ajax /php/Mysql [ par fraymed ] J'ai une liste déroulante qui est remplie à partir de bd MYSQL je veux remplir des autres listes à partir de cette liste dans la meme formulaire avec Ajax /php/Mysql [ par fraymed ] J'ai une liste déroulante qui est remplie à partir de bd MYSQL je veux remplir des autres listes à partir de cette liste dans la meme formulaire avec [AJAX]Tableau et Liste déroulante [ par Ssayan ] Bonjour a tous,J'ai un petit problemen, je suis désoler mais je n'est pas encor éffectuer le code mais c'est assez simple a imaginer ^^Alors j'ai une Petite aide en AJAX [ par definet ] Bjr, Voila mon problème je voudrais faire en ajax: Je voudrais avoir une liste déroulante avec quelque option et une option fixe qui me propose de r Tri d'une liste DIV [ par pipoulito ] Bonjour, Je cherche à trier en ajax une liste composée de div contenant elles même des attributs titre, date... Ajax fait ça très bien avec des table


Nos sponsors


Sondage...

Comparez les prix


HTC Magic

Entre 429€ et 429€

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 2,590 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales