[AJAX] upload image + recup variable

**minimoof** · 18/05/2007, 01h55

Bonjour �� tous, je vais tenter d'�tre le plus clair possible
J'ai une page PHP(page1.php) contenant divers <input texte>, mais contenant �galement une iframe(iframe.php) qui me permet d'uploader des images sans avoir � recharger du coup.

Le probl�me est le suivant : je ne sais pas comment communiquer une variable entre ma page1.php et mon iframe.php.

Concr�tement, je rentre une 'r�f' ds un des input texte de ma page1.php, et je voudrais que les images que j'envoi par le biais de mon iframe.php se renomme : 'r�f'1.jpg, 'r�f'2.jpg...
Mais je ne vois pas comment dire � mon iframe.php le 'r�f' que je vien de rentrer sur ma page1.php

Voila, j'espere que j'aurais �t� assez clair. Merci d'avance pour votre aide

**minimoof** · 24/05/2007, 16h03

personne n'as de r�ponse? Est ce qu ela communication de variable entre une iframe et sa page parent son impossible???

Merci d'avance

**Gurdil** · 24/05/2007, 19h16

Ya une solution un peu brutale mais qui devrais marcher, c'est que tu met une touche de AJAX (on est dans le forum AJAX tout de m�me

) et que tu y fais appel avec un onlostfocus ou autre de ton champ ref et que via cet appel ajax tu stock ta valeur de ref dans une variable $_SESSION, ou bien dans un fichier, ou dans ce que tu veux qui peut contenir des donn�es entre deux pages diff�rentes, et que quand tu upload tes images pour les nommer tu r�cup�re l� valeur l� o� tu l'as stock�e.

Je sais pas si j'ai �t� r�ellement clair, enfin bon si c'est pas le cas h�site pas ^^

**minimoof** · 25/05/2007, 10h58

Merci beaucoup pour ta r�ponse.
Cependant, je d�bute en Ajax.. aurait tu un exemple d'utilisation de onLastFocus?
Avec cette methode, je v devoir mettre en place un bouton pour passer ma variable de ma page parent a mon iframe ou non?

**Gurdil** · 25/05/2007, 11h18

Bah justement l'utilisation du onlostfocus c'est pour �viter d'avoir � cliquer sur un bouton.

Donc ton champ de texte devrais ressembler � ceci:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<input type="text" id="ref" />

et ton javascript:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
function ma_fonction_ajax()
{
  ...
}
 
var ref = document.getElementById("ref");
ref.onlostfocus = ma_fonction_ajax;

Donc l'action sur le onlostfocus ca s'effectuer d�s que le champ de texte n'aura plus le focus (la main) donc d�s que l'utilisateur choisira ses fichiers � uploader.

**minimoof** · 25/05/2007, 14h07

OK, merci beaucoup je vais tester �a..

**minimoof** · 30/05/2007, 16h33

bon, onLostFocus ca marche pas, par contre onblur c'est ok.
Je me retrouve avec quelque chose comme ca :

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
17
18
19
20
<body>
<script type="text/javascript" language="javascript">
function ma_fonction_ajax()
{
 alert('ref');
 <?
 $fp = fopen("../fichier.txt","r"); //lecture
 ?>
}
 
</script>
<center>
<div id="main">
 
<form action="test.php" method="post">
<input name="ref" type="text" id="ref">
<script type="text/javascript" language="javascript">
var ref = document.getElementById("ref");
ref.onblur = ma_fonction_ajax;
</script>

ca m'affiche bien l'alerte 'ref', mais par contre le php marche pas. Comment je peut faire sans php pour ecrire ds un fichier?

Merci d'avance

**Nasky** · 30/05/2007, 16h45

Comment �a le PHP ne marche pas ? Comment le sais-tu ? Ton code n'est suppos� rien faire � part ouvrir le fichier l�.

Sinon, pour info, tu peux mettre les �v�nements directement dans la balise.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<input type="text" name="ref" id="ref" onBlur="ma_fonction_ajax();">

Nas'

**minimoof** · 30/05/2007, 23h14

le php marche lol!
bon par contre, la source suivante :

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
17
18
<script type="text/javascript" language="javascript">
function ma_fonction_ajax()
{
 <?
 touch("popo.txt"); 
 $fp=fopen("popo.txt","w");
 fwrite($fp,"test");  ?>
 var ref = document.getElementById("ref");
 alert(ref);
}
 
</script>
<center>
<div id="main">
 
<form action="test.php" method="post">
<input name="ref" type="text" id="ref" onBlur="ma_fonction_ajax();">
...

m'ouvre bien un alert mais ds lequel c'est �crit "[object]".
Je n'arrive pas a r�cuperer dans mon alert ce que j'ai �cris ds mon "input type text".
J'ai essay� en mettant des trucs du genre :
- alert('ref');
- alert("ref");... mais rien ni fais.

De plus, je ne vois pas comment ecrire le contenu de mon "input text" dans mon fichier popo.txt

Merci encore pour votre aide

**Nasky** · 31/05/2007, 00h33

C'est normal

En DOM (Document Object Model), tu r�cup�res un objet avec getElementById. Toi tu veux la valeur de cet objet donc :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

 var ref = document.getElementById("ref").value;

Et voil� le travail

Alala... et dire que je connaissais rien de tout �a hier, et je commence d�j� � aider les autres, si c'est pas la classe �a

Nas'

**minimoof** · 31/05/2007, 13h34

Ca marche impec' en rajoutant le .value.
Un grand merci � toi!
par contre je ne vois toujours pas comment plac� cette fameuse reference ds mon fichier php...

**Nasky** · 31/05/2007, 14h29

Tu peux r�expliquer ton probl�me de PHP ? Je n'ai pas bien compris ton premier message

Nas'

**minimoof** · 31/05/2007, 17h09

lol, je me doutais que jaV pas du �tre super clair...

voici donc mon code

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
 
function ma_fonction_ajax()
{
 <?
 touch("popo.txt"); 
 $fp=fopen("popo.txt","w");
 fwrite($fp,"test essai");  ?>
 var ref = document.getElementById("ref").value;
 alert(ref);
}

grace a ton coup de main, jarrive bien a afficher ma variable "ref" dans mon alert. Cependant, je voudrais �galement la copier ds mon fichier popo.txt.
et je ne sais pas comment copier une varialbe Javascript ds du php..

Je sais que c'est cette ligne l� qu'il faut modifier

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

fwrite($fp,"test essai");  ?>

et qu'il faut remplacer "test essai" par quelque chose, mais quoi?

**Nasky** · 31/05/2007, 17h38

Tu peux appeler une page php qui se charge de le faire.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

ton_xhr.open("GET", "ecrire.php?ref=" + ref, true);

Et tu auras dans ton fichier ecrire.php :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
$var = $_GET['ref'] ;
fwrite($fp,$var);

Y'a peut-�tre plus simple mais bon, c'est une solution.

Nas'

**minimoof** · 31/05/2007, 20h12

oula, j'ai bien peur de ne plus rien comprendre du tout...

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

ton_xhr.open("GET", "ecrire.php?ref=" + ref, true);

c'est du PHP �a? je reconnais bien le GET et le passage de param�tre avec le "?", mais pas le ".open".

Le code que tu me fournis l� est cens� m'�crire ce que j'ai mis ds mon input texte (name=ref) dans mon fichier texte?

J v test� mais je capte plus tout l� lol

Merci bcp en tous k pour tes coup de main...

**Nasky** · 31/05/2007, 21h57

Non non

L'objet xhr permet d'effectuer des requ�tes (asynchrones ou pas) vers un serveur web. En l'occurence, la ligne que je t'ai donn�e dit qu'on demande � la page ecrire.php de faire quelque chose.
Donc ton code PHP pur et dur sera dans le fichier ecrire.php auquel on passe en param�tre notre message � �crire dans un fichier.
Renseigne toi sur l'objet XMLHttpRequest, tu comprendras mieux je pense

Nas'

[AJAX] upload image + recup variable

JavaScript

Discussions similaires

Partager

Partager