afficher boite de dialogue enregistrer sous

Version imprimable

05/06/2009, 22h49
kamclasse

afficher boite de dialogue enregistrer sous
bonsoir à toutes et à tous,

comme j'ai dit dans l'intitulé j'aimerais savoir comment je peux lancer la boite de dialogue enregistrer sous avec du java script on cliquant sur un bouton

j'ai trouvé des chose en html mais mois je veux quelque chose en java script qui permet d'enregistrer juste un div dans une page html et pas la totalité de la page.

ce que j'ai trouvé et le suivant:
Code:

1 2 <input type="BUTTON" name="btnSave" value="Enregistrer" onclick="javascript:document.execCommand('SaveAs','true','monfichier.html')">
il permet d'enregistrer la page monfichier.html complais.

résumée:

je veux un bouton qui permet d'enregistrer un div d'une page html en .xls

merci d'avance.

Salut,

Le plus simple et sans jouer avec la sécurité sur le poste client, c'est de récupérer le code HTML de ta DIV, de l'envoyer vers le server vers un script qui le renverra aussitôt sous la forme d'un download vers le client, en précisant dans le header que c'est un document XLS.

En PHP, quelque chose comme:
Code:

1 2 3 4 5 6 7 8 9 10 <?php header('Content-Type: application/vnd.ms-excel;'); header("Content-type: application/x-msexcel"); header('Content-Disposition: attachment; filename="data.xls"'); //$div est le contenu HTML de ton div echo $div; ?>
ERE

06/06/2009, 20h32
kamclasse

bonsoir;
ce que je veux c'est quelque chose comme document.print() mais qui permet d'enregistrer une page au lieu de l'imprimer,

s'il existe en javascript c'est mieux si non comment je peux la faire.

j'ai testé execCommand("SaveAs") mais ça marche seulement pour IE et pas d'autre.

s'il y a une solution n'hésiter pas de m'aider :cry:

merci.
07/06/2009, 09h08
Bovino

Citation:

Envoyé par kamclasse

bonsoir;
ce que je veux c'est quelque chose comme document.print() mais qui permet d'enregistrer une page au lieu de l'imprimer,

s'il existe en javascript c'est mieux si non comment je peux la faire.

j'ai testé execCommand("SaveAs") mais ça marche seulement pour IE et pas d'autre.

Non, à part utiliser les faiblesses d'IE en matière de sécurité, JavaScript ne peut pas faire ça.

Citation:

s'il y a une solution n'hésiter pas de m'aider :cry:

merci.

Ben, emmanuel.remy t'a donné une solution non ?
07/06/2009, 09h33
Auteur

Citation:

Envoyé par kamclasse

bonsoir;
ce que je veux c'est quelque chose comme document.print() mais qui permet d'enregistrer une page au lieu de l'imprimer,

s'il existe en javascript c'est mieux si non comment je peux la faire.

j'ai testé execCommand("SaveAs") mais ça marche seulement pour IE et pas d'autre.

s'il y a une solution n'hésiter pas de m'aider :cry:

avec la commande print tu as la boite de dialogue de l'imprimante qui s'ouvre. L'utilisateur peut toujours cocher la case "enregistrer dans un fichier" ;)
Ceci dit le javascript s'exécute côté client, tu ne peux pas décider des actions de l'utilisateur, tu dois passer par un langage serveur.

bonjour;

bon je vais vous donnez mon code complais:

dans une page enreg.php j'ai le div et une fonction javascript qui permet l'ouverture d'une popup:

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<script language="javascript">
var t ="";
function enregister_zone()
    { 
    var Headers = '<!DOCTYPE HTML PUBLIC > <HTML> <HEAD> <title></title> </HEAD> <body>';
    var Footers = '</body></html>';
    var zi = document.getElementById("test").innerHTML; // pour remplir la popup.
    var t = window.open("", "Zonenre","height=600, width=1000,toolbar=1, menubar=1, scrollbars=1, resizable=1, status=0, location=0, left=10, top=10");
    var bot="<a href='?type=ok'> ici </a>"; // ce bouton activer la fonction de head fait appel à la même page.

    t.document.write ("" + Headers + zi + Footers);
	t.document.write("" + bot);
    t.document.close();
    return;
    }
</script>


sssssssssssssssssssssssssssssssssss
sssssssssssss
<div id="test"> //mon div.

<table align="center">
  <tr>
     <td>ffff</td>
	 <td>ffffff</td>
  </tr>
  <tr>
     <td>fffffff</td>
	 <td>ffffffffff</td>
  </tr>
  <tr>
     <td>ffffffffffff</td>
	 <td>fffffff</td>
  </tr>
</table>

<?php 
	// la fonction de .xls
	if (!empty($_GET['type'])){
    header("Content-type: application/vnd.ms-excel");
	header("Content-disposition: attachment; filename=NomDuFichierExcel".".xls");
	exit;}
?>
</div>


<form action="" method="get">
<input type="button" value="enre" name="enr" onclick="enregister_zone();" />



</form>

quand je fait enregistrer la page en .xls je trouve dans le fichier NomDuFichierExcel.xls "'; var Footers = '" dans mon code il'est en vert.

donc il n'enregistre pas le div mais autre chose, je ne sais pas pourquoi :(.

merci pour votre aide .

A ajuster, mais une piste...

Code:

1
2
3
4
5
6
7
8
9
 
<form name="frm" action="doDownload.php" method="POST">
    <input type="hidden" name="div" />
</form>
 
function enregister_zone() { 
  document.frm.div.value = document.getElementById("test").innerHTML;
  document.frm.submit();
}

doDownload.php:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
<?php
$div = $_POST["div"];
 
header('Content-Type: application/vnd.ms-excel;');
header("Content-type: application/x-msexcel");
 
header('Content-Disposition: attachment; filename="data.xls"');
 
//$div est le contenu HTML de ton div
echo $div;
?>

ERE

07/06/2009, 15h56
kamclasse

merci beaucoup emmanuel.remy;

il a marché :merci:
07/06/2009, 16h11
kamclasse

j'ai un autre problème c'est que dans la page j'ai une image, et dans le fichier .xls j'ai ce message qui s'affiche à la place de l'image

Code:

impossible d'afficher l'image liée

si vous avez une idée je l'en est besoin.

merci.
07/06/2009, 16h39
emmanuel.remy

Citation:

Envoyé par kamclasse

j'ai un autre problème c'est que dans la page j'ai une image, et dans le fichier .xls j'ai ce message qui s'affiche à la place de l'image

Code:

impossible d'afficher l'image liée

si vous avez une idée je l'en est besoin.

merci.

Certainement en mettant l'URL complète dans la source de l'image:

Code:

<img src="http://www.monsite.com/images/img1.png" />

ERE
07/06/2009, 18h09
kamclasse

merci encore.

:merci: