Discussion :

[lecail65]

bonjour,

je suis en train de bloquer sur un truc qui me parait interessant à mettre en oeuvre.

Explication :

j'ai une page .php dans laquelle j'effectue seulement des traitements ajax (recherche par critère), la fonction ajax utilisée me retourne un tableau X et des liens hypertext (au dessus du tableau).

Ce que je cherche a faire est de pouvoir ajouter un element à mon tableau X(generé par la fonction ajax). Donc pour cela, je click sur un des liens hypertext "ajout element" qui m'ouvre un popup dans lequel s'affiche les elements non présent dans le tableau X.

Le problème :

Comment agir sur ma page .php directement à partir du popup sans rafraichir bien sur !!! Ajax oblige.

J'espère avoir été assez clair, et que vous pourrez me dire quel chemin suivre pour réaliser cela.

merci d'avance.

[lecail65]

personne peux m'aider ?
je blok grave !Grrrrr

[crepeOsucre]

Bonjour,

Je crois que je suis dans une situation identique.
J'appelle des fonctions javascript (scriptaculous) dans la partie dynamique d'une page : avec ajax j'appelle une page secondaire, en html, sans les headers puisqu'il s'agit d'un include.
Les scripts 'scriptaculous' sont appelés dans le header de ma page (immobile, logique).

Mon problème : les effets scriptaculous ne fonctionnent pas lorsqu'ils sont appelés dans la page secondaire (mon appel est correct, je l'ai testé dans une page simple).

Savez-vous comment faire pour appeler (ou définir) des fonctions javascript dans une page dynamique, sachant que dans le cas de l'ajax le header n'est chargé qu'une fois lors de la 'session' (principe du ajax...)

Guillaume

[lecail65]

Bon j'ai bidouillé un peu et par miracle ca marche ! lol

code à mettre dans la page popup:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<script language="javascript">
// Choix d'un item
function choisir(element)
{ 	
  	// on renseigne le champ texte )
	window.opener.document.getElementById('ajout').value = element;
	window.opener.document.getElementById('ajout').focus();
	// on ferme
	window.close(); 
}
</script>

le champ texte qui a pour id "ajout" est un champ issus d'une première fonction ajax ( celle qui me renvoi le tableau X).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3

<input type="text" name="ajout" id="ajout" value="" onfocus="go_ajout();" size="1" readonly style="background-color: #CFD2D9;border-width:0;"/>

onfocus : En effet j'ai besoin d'appelé une autre fonction ajax après la selection dans le popup. l'evenement Onchange ne donné pas satisfaction car il lui faut perdre le focus pour qu'il soit effectif.
Donc avec l'evenement onfocus la 2eme fonction ajax sera appelée sans probleme.
Du coup la 2eme fonction ajax peut faire l'ajout dans le tableau X issus de la 1er fonction ajax.

readonly style="background-color: #CFD2D9;border-width:0;" : En fait l'evenement onfocus ne marche pas sur des type="hidden" (Grrrr !) donc pour ne pas gacher l'ergonomie j'ai fait disparaitre mais champs text.

Bah voilà !

je sais pas si cela pourra t'aider guillaume mais pour ma part ca marche nikel !

@+