Iframe / onBlur / récupération de données

**Zadoner** · 12/06/2007, 12h29

Voila ce que je souhaiterais réaliser, j'ai une page (article.php) dans laquelle j'ai inséré une iframe(txt_arti.php et son id='frame_arti' ).

Dans mon iframe j'ai un <input file ...> et un <textarea>.

Ce que je voudrais, c'est que lorsque la personne quitte la zone du textarea (fonction onBlur si je ne m'abuse) que la valeur la valeur de mon textarera soit transmise a ma page principale(à savoir article.php)

Voici ce que j'ai déja réalisé:

Sur la page articles.php

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
21
22
 
<head>
<script language="JavaScript" type="text/JavaScript">
<!--
function getIframeContent()
{
	IE  = window.ActiveXObject ? true : false;
	MOZ = window.sidebar       ? true : false;
	if(IE)  
	{
	 	edoc = window.frames['frame_arti'].document;
		document.getElementById('arti_textarea_con').value = edoc.body.innerHTML;
	}
	if(MOZ) 
	{	
		edoc = document.getElementById('frame_arti').contentDocument;
		document.getElementById('arti_textarea_con').value = document.getElementById("frame_arti").contentDocument.body.innerHTML;alert("teste");
	}
}
//-->
</script>
</head>

et au niveau de l'appel de ma page d'iframe :

Code :

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

<iframe   src="inclu/txt_arti.php" width="700"  height="400" name="txt_arti" id="frame_arti"frameborder="1"></iframe>

enfin dans la page txt_arti.php:

Code :

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

<textarea id="arti_textarea_con"  onBlur="alert('cest ici que je dois faire l'appel la fonction getIframeContent de ma page article.php ???? ');" style="border: 0px; width: 650px;height: 300px;"></textarea>

> Donc, par rapport à mon code, l'évenement onBlur n'est pas détecté ( a cause du fait que le textarea soit fait avec tinyMCE ) mais si j'utilsais pas tinyMCE, le onBlur fonctionne.

> Je ne sais pas trop comment récupérer la valeur dans ma fonction getIframeContent , j'ai fait de multiples test et j'arrive pas a afficher la valeur de mon textaera..

Si quelqu'un peut me venir en aide ce serai formidable, merci par avance

un webmaster en difficulté

**Zadoner** · 12/06/2007, 17h23

Personne n'est donc capable de me venir en aide

snif

**E.Bzz** · 12/06/2007, 17h34

Bonjour,
si tu connais déjà le pb lié à tinyMCE (déjà signalé ici, je crois)

Si onBlur fonctionne pas, je doute que onchange fasse mieux (ce serait pourtant l'évènement le + adapté). A tester quand même ...

A+

**Zadoner** · 13/06/2007, 11h51

Bon concernant ce que j'essayai de faire , j'ai quelque peu avancé.

- j'ai désactivé l'editeur de texte "tinyMCE" pour ne garder qu'un <textarea> classic.
=> Donc je parviens bien à gerer mon évenement onBlur

Mon seul et unique souci, est que je ne sais pas comment faire appel depuis ma page iframe à une fonction qui se trouve dans la page principale

dans mon IFRAME:

Code :

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

1
2
 
<textarea id="textarea_article" style="width: 650px;height: 350px;" onblur="RecupValTextarea()" > blabla... </textarea>

et dans ma page PRINCIPALE:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<script language="JavaScript" type="text/JavaScript">
<!--
function RecupValTextarea()
{
   var contenu_iframe = document.getElementById("iframe_article").contentWindow.document.getElementById('textarea_article').value;
 
   alert(contenu_iframe);
}
//-->
</script>

L'appel, tel qu'il est maintenant ne fonctionne pas (ce qui est logique) mais je ne vois pas comment procéder, quelqu'un peut t'il me venir en aide ?

Merci par avance

**E.Bzz** · 13/06/2007, 12h01

Envoyé par Zadoner

L'appel, tel qu'il est maintenant ne fonctionne pas (ce qui est logique) mais je ne vois pas comment procéder

Code :

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

onblur="parent.RecupValTextarea()"

A+

**E.Bzz** · 13/06/2007, 16h53

Bonjour,

Envoyé par jamel3000

Bonjour,
en fait moi j'ai une iframe dans mon cadre,
mais j'arrive pas à recupérer toutes les données qui y sont
car moi je souhaite modifier la mise en forme , donc la balise body,
avec le code j'y arrive pas, en bas de mon iframe j'ai mis un
textarea censé récupéré l'affichage de l'iframe en onload,
mais ca ne fonctionne pas.
si quelqun pouvai m'aider ca serait très gentil
merci braucoups

mieux vaudrait faire un nouveau sujet pour poser ta question, même si le pb est similaire

A+

Iframe / onBlur / récupération de données

JavaScript

Vue hybride

Discussions similaires

Partager

Partager