passer valeur d'un textarea dans une popup avec un bouton html ?

Version imprimable

01/09/2008, 23h32
cuisto44000

passer valeur d'un textarea dans une popup avec un bouton html ?

bonjour à tous, enfaite, j'ai créé un formulaire avec un textarea et son petit editeur de text créé par mes soine, et je voudrais simplement que les gens puissent cliquer sur un input de type button avec l'action onclick="window.open('document.php')" et puissent avoir un apperçu de leur text dans cette popup .

Mais mon gros probleme est de savoir comment passer la valeur du textarea dans ma popup pour ensuite l'afficher ?

Je suis sure que c'est pas compliquer, mais j'ai juste envie de savoir comment faire, merci beaucoup par avance ;)
02/09/2008, 10h42
Auteur

bonjour,

voir ces exemples :
http://www.developpez.net/forums/d27...enetre-enfant/
02/09/2008, 12h17
cuisto44000

Merci beaucoup mais c'est pas tres bien expliqué pour un novice en javascript .

A vrai dire je n'ai pas compris ou integrer les codes qui y sont mis en exemple et que dois-je modifier dans ce script pour que la valeur du textarea soit transmise a ma popup ?

Merci encore :D
02/09/2008, 13h59
Auteur

Citation:

Envoyé par cuisto44000

A vrai dire je n'ai pas compris ou integrer les codes qui y sont mis en exemple et que dois-je modifier dans ce script pour que la valeur du textarea soit transmise a ma popup ?

Tu dois modifier la ligne 14 de ta page :aie:

Plus sérieusement, sans ton code on ne peut pas t'aider. Poste ton code ;)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
<form method="post" action="" name="formulaire">
 
 
		<div class="inputs" align="center">
			<input type="text" name="pseudo" value="pseudo *" maxlength="15" onclick="this.value=''" />
			<input type="text" name="mdp" value="Pass *" maxlength="15" onclick="this.value=''" /> 
			<input type="text" name="mdp_" value="Retapper pass *" maxlength="15" onclick="this.value=''" />
			<input type="text" name="naiss" value="né(e) le dd/mm/yyyy *" maxlength="10" onclick="this.value=''" />
			<input type="text" name="mail" value="mail *" onclick="this.value=''" />
			<input type="text" name="mail_" value="Retapper mail *" onclick="this.value=''" />
			<input type="text" name="ville" value="ville *" onclick="this.value=''" />
			<input type="text" name="adr" value="adresse *" onclick="this.value=''" />
			<input type="text" name="cp" value="code postal *" maxlength="5" onclick="this.value=''" />
			<input type="text" name="fixe" value="tel fixe" maxlength="10" onclick="this.value='02'" />
			<input type="text" name="port" value="tel portable" maxlength="10" onclick="this.value='06'" />
			<select name="sexe">
				<option value="homme">Homme</option>
				<option value="femme">Femme</option>
			</select>
 
		</div>
 
		<div align="center">
			<p align="center">Présentation :</p>
			<?php include 'com/editeur/editeur.php'; ?>
			<p>3 000 caractères maximum :</p>
			<textarea name="saisie" id="text" cols="50" rows="10" onKeyPress="CaracMax(this, 3000) ;"></textarea><br><br>
		</div>
		<div align="center">
			<input type="reset" value="Remettre à zéro" /> <input type="button" value="Apperçu" onclick="window.open('com/inscription/apercu.php')" /> <input type="submit" name="enreg" value="s' enregistrer" />
		</div>
		</form>

Je voudrais que quand on clique sur le bouton apperçu, sa ouvre une popup (sa sa marche) avec le contenu du textarea de nom saisie

Merci encore ;)

pourtant je crois que les exemples sont clairs :?

Dans la fenêtre parent :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
    var popup = null;
    function apercu()
    {
        popup = window.open('com/inscription/apercu.php','','height=200, width=300');
    }
 
    function affichePopUp()
    {
 
        popup.document.getElementById("apercuTxt").innerHTML = document.getElementById("text").value;
 
    }

ton bouton aperçu :

Code:

1
2
 
<input type="button" value="Aperçu" onclick="apercu()" />

Puis dans la pop-up :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
 
<title></title>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
 
 
<script type="text/javascript">
<!--
function charge()
{
  window.opener.affichePopUp();
}
 
 
//-->
</script>
 
</head>
 
<body onload="charge()">
 
<div id="apercuTxt">&nbsp;</div>
 
</body>
</html>

03/09/2008, 15h24
cuisto44000

exact, merci encore, par contre, j'aimerais utiliser du php pour la mise en forme du text avec des preg_relace(); et strtr ...

Comment puis-je mettre du php dans du javascript?

Merci
03/09/2008, 16h05
Auteur

Citation:

Envoyé par cuisto44000

Comment puis-je mettre du php dans du javascript?

http://php.developpez.com/faq/?page=...yntaxe_jsinphp
http://php.developpez.com/faq/?page=js
http://javascript.developpez.com/faq...#PhpJavascript
:question:
04/09/2008, 10h04
cuisto44000

ok merci, j'ai reussi, mais ce que je voudrais faire enfaite, c'est :

J'ai un formulaire avec un textarea, je recupere le contenu de ce textarea pour faire un apperçu dans une popup de la mise en page de cette presentation .
Sa j'ai reussi, mais je n'arrives pas à conserver les sauts de ligne de ce textarea, comment faire? Merci .
07/09/2008, 10h01
cuisto44000

y'a t'il un moyen dans mon cas de conserver les sauts de ligne du contenu récupéré en javascript? merci

Il faut remplacer les sauts de ligne du textarea par la balise <br> :

Code:

1
2
3
4
5
6
7
8
 
    function affichePopUp()
    {
        var texte = document.getElementById("text").value;
        texte = texte.replace(/\n/g,"<br/>");
        popup.document.getElementById("apercuTxt").innerHTML = texte;
 
    }