Copier contenu div et exporter dans .txt avec un boutton

gégé140488 · 20/12/2010, 09h56

Bonjour,

Je recherche un script ou un exemple qui permettrait lorsque l'on clic sur un bouton, d'exporter le contenu d'une div (texte) dans un .txt.

Merci pour votre aide,

Cordialement

javatwister · 20/12/2010, 10h07

Ajax + php = youpi

gégé140488 · 20/12/2010, 10h11

Tu aurais un exemple de code?

RomainVALERI · 20/12/2010, 11h09

Citation:

Envoyé par gégé140488

Tu aurais un exemple de code?

C'est la base même d'AJAX ^^

javatwister · 20/12/2010, 11h37

pour simplifier et tester le principe, mettons que tu aies ça dans ta page:

Code :

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

1
2
3
4
5
6
7
<textarea id="zone">
Zone plus ou moins dynamique, pas grave.
</textarea>
 
<p>
<input type="button" value="envoi" onclick="mess(document.getElementById('zone').value)" />
</p>

tu ajoutes:

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
<script type="text/javascript">
 
function mess(txt){
 
try{	
	arg="texte="+escape(txt);
alert(arg)
	req = (window.XMLHttpRequest) ? new XMLHttpRequest() : new 
 
ActiveXObject("Microsoft.XMLHTTP");
	req.open("POST", "ajax.inc.php", true);   
	req.setRequestHeader("Content-type", "application/x-www-form-
 
urlencoded");   
	req.send(arg);  	
 
}
catch(i){
	alert("Petit souci de connexion...\nVeuillez réessayer.");
 
};
 
}
 
</script>

tu crées une page ajax.inc.php qui contient:

Code :

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

1
2
3
4
5
6
<?php
$texte=$_POST['texte'];
$fp = fopen ("fichier.txt", "a");  
fputs ($fp, stripslashes($texte));  
fclose ($fp);  
?>

tu crées une page vide fichier.txt.

tu testes le bazar;

gégé140488 · 20/12/2010, 14h19

Tout d'abord merci pour tes explications.

j'ai l'erreur suivante :

"mess is not defined"

Tu as une idée du problème?

ninatity · 20/12/2010, 14h30

Citation:

Envoyé par gégé140488

j'ai l'erreur suivante :

"mess is not defined"

Bonjour, est ce que tu as mis le code javascript dans la partie <head></head> de ton fichier comme par exemple :

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
34
35
36
<html>
<head><title>Div vers fichier texte</title>
<script type="text/javascript">
 
function mess(txt){
 
try{	
	arg="texte="+escape(txt);
alert(arg)
	req = (window.XMLHttpRequest) ? new XMLHttpRequest() : new 
 
ActiveXObject("Microsoft.XMLHTTP");
	req.open("POST", "ajax.inc.php", true);   
	req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");   
	req.send(arg);  	
 
}
catch(i){
	alert("Petit souci de connexion...\nVeuillez réessayer.");
 
};
 
}
 
</script>
</head>
<body>
<textarea id="zone">
Zone plus ou moins dynamique, pas grave.
</textarea>
 
<p>
<input type="button" value="envoi" onclick="mess(document.getElementById('zone').value)" />
</p>
</body>
</html>

Bonne continuation!

gégé140488 · 20/12/2010, 14h38

J'ai fait cela:

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  <xsl:output method="html" encoding="utf-8" doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN" doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>
  <xsl:template match="/">	 	
    <html>		
      <head>
      <script type="text/javascript" src="scriptjavascript.js"></script>	
        <title>
        </title>
 
      </head>		
      <body>
          <center>
          <table border="1" style="border-collapse: collapse" width="80%">
          <tr><td bgcolor="#DBC1EC"><center><b><font size="5">Test</font></b></center></td></tr>
          </table>
          </center>
          <br/>
 
          <center>
          <FIELDSET style="width:360px;">
          <LEGEND align="top"> <b>Actions possibles : </b></LEGEND> 
 
          <form>
          <input type="button" value="envoi" onclick="mess(document.getElementById('tests').value)" />
          <input type="submit" value="Save as .txt" />
          <input type="submit" value="Send by email" /> 
          </form>
 
          </FIELDSET>
          </center>
          <br/>
           <div id="tests">    
           <xsl:for-each select="//testcase">
           <xsl:for-each select="node">               	 		 
           <xsl:for-each select="transition">
            <xsl:for-each select="input">
 
            <xsl:value-of select="@name"/> "<xsl:value-of select="dvalue/@value"/><xsl:for-each select="dvalue/dvalue"><xsl:value-of select="@value"/>","</xsl:for-each>"
 
            <br/>
            </xsl:for-each>
            <xsl:for-each select="expresultauto">
              <xsl:value-of select="@name"/><br/>
            </xsl:for-each>
            </xsl:for-each>		  		        
          </xsl:for-each><br/>
          </xsl:for-each>
          </div>
 
      </body>	
    </html>	 
  </xsl:template>
</xsl:stylesheet>

il y a du xsl parce que j'affiche dans ma page des données xml. (ce sont ses données xml que j'aimerais exporter dans notepad)

Et c'est dans scriptjavascript.js que j'ai mis le code de la fonction:

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
function mess(txt){
 
try{	
	arg="texte="+escape(txt);
alert(arg)
	req = (window.XMLHttpRequest) ? new XMLHttpRequest() : new 
 
ActiveXObject("Microsoft.XMLHTTP");
	req.open("POST", "ajax.inc.php", true);   
	req.setRequestHeader("Content-type", "application/x-www-form-
 
urlencoded");   
	req.send(arg);  	
 
}
catch(i){
	alert("Petit souci de connexion...\nVeuillez réessayer.");
 
};
 
}

ninatity · 20/12/2010, 14h57

Et ton problème persiste encore?
edit :
Tu peux montrer comment est ton xml?
Merci

gégé140488 · 20/12/2010, 15h11

Oui j'ai l'erreur que j'ai mentionnée plus haut.

"mess is not defined"

Aucune fenêtre ne s'ouvre au clic bouton.

Voici un bout du code xml:

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
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="script.xsl" type="text/xsl"?>
<TST>
    <TSTProp idprofile="P7" idum="1" profile="FewOnHold" tccovrequirementinlibrary="50.00 %" tsalgo="user oriented - 5 test case(s)" tscovevent="79.17 %" tscovitem="77.14 %" tscovobject="85.71 %" tscovrequirementinmodel="75.00 %" tsdatetime="17 Dec 2010 - 11:00:15" tsformat="3.8" tsname=".\TestSuites\tests.xml" typeprofile="usage" typetsalgo="user oriented" umname="\Version1\MyIC_SIP.mcm" umversion="">
        <subUM id="2" name="\Version1\MyIC_InitConfig.mcm"/>
    </TSTProp>
    <suite pathRcts=".\TestSuites\tests.rcts">
        <testcase id="1" pathRctc=".\TestSuites\tests_1.rctc" tccovevent="58.33 %" tccovitem="42.86 %" tccovobject="76.19 %" tccovrequirementinlibrary="16.67 %" tccovrequirementinmodel="25.00 %">
            <node id="1" keypath="0" name="\Version1\MyIC_SIP.mcm">
                <transition from="S9998" id="T1" name="" objectcomment="before Application start" statename="Invoke" step="1" to="S9998"/>
            </node>
            <node id="2" keypath="1" name="\Version1\InitConfig.mcm">
                <transition from="S9998" id="T1" name="" statename="Invoke" step="2" to="S1"/>
                <transition from="S1" id="T2" name="in_InitOption" statename="initOptions" step="3" to="S2">
                    <input id="1" name="in_InitOption">
                        <dvalue ntype="NoParameters" type="charstring" value="NoParameters"/>
                    </input>
                </transition>

andry.aime · 21/12/2010, 08h51

Bonjour

Citation:

Citation:

Un div n'a pas d'attribut value

, utilise innerHTML.

PS: sur le forum javascript, le code HTML généré serai le bienvenue plutôt que ton xsl.

A+.

gégé140488 · 21/12/2010, 16h53

J'ai remplacé value par innerhtml mais ça ne donne toujours rien:

Code :

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

1
2
 
<input type="button" value="envoi" onclick="mess(document.getElementById('tests').innerHTML)" />

Bovino · 21/12/2010, 16h59

T'as mis quoi dans ton onreadystatechange ?

andry.aime · 21/12/2010, 17h01

1-Tu ne récupères pas la valeur retournée par la requête Ajax dans un onreadysteatechange

.
2-Montre nous le HTML généré mais pas le xsl

gégé140488 · 21/12/2010, 17h05

Le problème est que lorsque je clique sur la page généré, et que je demande le code source, j'ai le contenu du document xml de départ et non pas le code html de la page générée.

andry.aime · 21/12/2010, 17h12

Citation:

Envoyé par Bovino

T'as mis quoi dans ton onreadystatechange ?

Citation:

Envoyé par andry.aime

1-Tu ne récupères pas la valeur retournée par la requête Ajax dans un onreadysteatechange

.l

J'étais grillé mais je te les fait relire

gégé140488 · 21/12/2010, 17h15

Oui mais je ne sais pas comment faire pour utiliser cette méthode?

andry.aime · 21/12/2010, 17h58

le tutoriel

http://siddh.developpez.com/articles/ajax/#LIII

gégé140488 · 22/12/2010, 09h09

J'ai mis le code que vous m'avez indiqué mais je n'ai toujours rien au clic bouton:

Le code de script.xsl:

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  <xsl:output method="html" encoding="utf-8" doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN" doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>
  <xsl:template match="/">	 	
    <html>		
      <head>
      <script type="text/javascript" src="scriptjavascript.js"></script>	
        <title>
        </title>
 
      </head>		
      <body>
          <center>
          <table border="1" style="border-collapse: collapse" width="80%">
          <tr><td bgcolor="#DBC1EC"><center><b><font size="5">Test</font></b></center></td></tr>
          </table>
          </center>
          <br/>
 
          <center>
          <FIELDSET style="width:360px;">
          <LEGEND align="top"> <b>Actions possibles : </b></LEGEND> 
 
          <form>
          <input type="button" value="envoi" onclick="go()" />
          <input type="submit" value="Save as .txt" />
          <input type="submit" value="Send by email" /> 
          </form>
 
          </FIELDSET>
          </center>
          <br/>
           <div id="tests">    
           <xsl:for-each select="//testcase">
           <xsl:for-each select="node">               	 		 
           <xsl:for-each select="transition">
            <xsl:for-each select="input">
 
            <xsl:value-of select="@name"/> "<xsl:value-of select="dvalue/@value"/><xsl:for-each select="dvalue/dvalue"><xsl:value-of select="@value"/>","</xsl:for-each>"
 
            <br/>
            </xsl:for-each>
            <xsl:for-each select="expresultauto">
              <xsl:value-of select="@name"/><br/>
            </xsl:for-each>
            </xsl:for-each>		  		        
          </xsl:for-each><br/>
          </xsl:for-each>
          </div>
 
      </body>	
    </html>	 
  </xsl:template>
</xsl:stylesheet>

scriptjavascript.js:

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
function getXhr(){
                                var xhr = null; 
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
                                return xhr
			}
 
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
			function go(){
				var xhr = getXhr()
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						alert(xhr.responseText);
					}
				}
				xhr.open("GET","C:\\WINDOWS\\Notepad.exe",true);
				xhr.send(null);
			}

Et j'ai même éssayer avec ajax.php comme dans l'exemple et je n'ai toujours pas de fenêtre qui s'affiche. J'ai l'impression que le code html dans du xsl c'est pas le top..

J'ai l'erreur suivante avec la console de debug javascript de firefox:

Erreur*: uncaught exception: [Exception... "Component returned failure code: 0x805e000a [nsIXMLHttpRequest.open]" nsresult: "0x805e000a (<unknown>)" location: "JS frame :: file:///C:/Users/Test/Desktop/Parser/scriptjavascript.js :: go :: line 41" data: no]

andry.aime · 22/12/2010, 10h10

Citation:

xhr.open("GET","C:\\WINDOWS\\Notepad.exe",true);

C'est le fichier php que tu appelles sur le serveur que tu dois mettre dans l'URL.
Ton ancien code est proche de ton besoin que ce dernier, sauf que tu dois seulement ajouter le traitement de retour avec le onreadystatechange.

20/12/2010, 09h56	#1
gégé140488 Candidat au titre de Membre du Club Inscription : décembre 2008 Messages : 89 Détails du profil Informations forums : Inscription : décembre 2008 Messages : 89 Points : 10 Points : 10	Copier contenu div et exporter dans .txt avec un boutton Bonjour, Je recherche un script ou un exemple qui permettrait lorsque l'on clic sur un bouton, d'exporter le contenu d'une div (texte) dans un .txt. Merci pour votre aide, Cordialement
	00

21/12/2010, 16h59	#13
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 802 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 802 Points : 35 807 Points : 35 807	T'as mis quoi dans ton onreadystatechange ? __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

20/12/2010, 10h07	#2
javatwister Expert Confirmé danseur Inscription : août 2003 Messages : 2 667 Détails du profil Informations personnelles : Sexe : Localisation : France, Calvados (Basse Normandie) Informations professionnelles : Activité : danseur Informations forums : Inscription : août 2003 Messages : 2 667 Points : 3 035 Points : 3 035	Ajax + php = youpi
	00

20/12/2010, 10h11	#3
gégé140488 Candidat au titre de Membre du Club Inscription : décembre 2008 Messages : 89 Détails du profil Informations forums : Inscription : décembre 2008 Messages : 89 Points : 10 Points : 10	Tu aurais un exemple de code?
	00

20/12/2010, 14h19	#6
gégé140488 Candidat au titre de Membre du Club Inscription : décembre 2008 Messages : 89 Détails du profil Informations forums : Inscription : décembre 2008 Messages : 89 Points : 10 Points : 10	Tout d'abord merci pour tes explications. j'ai l'erreur suivante : "mess is not defined" Tu as une idée du problème?
	00

20/12/2010, 14h57	#9
ninatity Membre du Club Développeur informatique Inscription : octobre 2010 Messages : 62 Détails du profil Informations personnelles : Sexe : Âge : 25 Localisation : Madagascar Informations professionnelles : Activité : Développeur informatique Secteur : Distribution Informations forums : Inscription : octobre 2010 Messages : 62 Points : 54 Points : 54	Et ton problème persiste encore? edit : Tu peux montrer comment est ton xml? Merci
	00

21/12/2010, 17h01	#14
andry.aime Rédacteur/Modérateur Andry Aimé Inscription : septembre 2007 Messages : 5 126 Détails du profil Informations personnelles : Nom : Andry Aimé Localisation : Ile Maurice Informations forums : Inscription : septembre 2007 Messages : 5 126 Points : 7 270 Points : 7 270	1-Tu ne récupères pas la valeur retournée par la requête Ajax dans un onreadysteatechange . 2-Montre nous le HTML généré mais pas le xsl
	00

21/12/2010, 17h05	#15
gégé140488 Candidat au titre de Membre du Club Inscription : décembre 2008 Messages : 89 Détails du profil Informations forums : Inscription : décembre 2008 Messages : 89 Points : 10 Points : 10	Le problème est que lorsque je clique sur la page généré, et que je demande le code source, j'ai le contenu du document xml de départ et non pas le code html de la page générée.
	00

21/12/2010, 17h15	#17
gégé140488 Candidat au titre de Membre du Club Inscription : décembre 2008 Messages : 89 Détails du profil Informations forums : Inscription : décembre 2008 Messages : 89 Points : 10 Points : 10	Oui mais je ne sais pas comment faire pour utiliser cette méthode?
	00

21/12/2010, 17h58	#18
andry.aime Rédacteur/Modérateur Andry Aimé Inscription : septembre 2007 Messages : 5 126 Détails du profil Informations personnelles : Nom : Andry Aimé Localisation : Ile Maurice Informations forums : Inscription : septembre 2007 Messages : 5 126 Points : 7 270 Points : 7 270	le tutoriel http://siddh.developpez.com/articles/ajax/#LIII
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email