Discussion :

[cuisto44000]

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

[Auteur]

bonjour,

voir ces exemples :
http://www.developpez.net/forums/d27...enetre-enfant/

[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

[Auteur]

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


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

[cuisto44000]

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
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

[Auteur]

pourtant je crois que les exemples sont clairs

Dans la fenêtre parent :

Code javascript :

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

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 HTML :

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

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

Puis dans la pop-up :

Code html :

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
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>

[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

[Auteur]

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

[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 .

[cuisto44000]

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

[Auteur]

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

Code :

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

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;
 
    }