Copier le contenu d'une DIV dans le presse-papier
Bonjour à tous ceux qui liront ce post..
J'ai réalisé une liste de recettes en HTML et je voudrais adjoindre la fonction 'copier la recette dans le presse papier' evec un bouton et une fonction en javascript..
Afin de pouvoir envoyer la recette par mail ou SMS..
Actuellement j'ai réussi en glanant des codes par-ci par-là, à mettre le bouton 'Imprimer la recette' et cette fonction est OK sur Firefox..
Mais je coince pour la fonction 'copier..
Vous aurez compris que je n'y connais pas grand chose..! sauf en cuisine.. Chacun son truc..
Voici le code(partiel) HTML de mon fichier
Un GRAND MERCI à celui qui pourra me donner un code soit à l'aide d'un TextArea invisible, soit par une fonction copyDiv ou autre..
Les recettes sont dans des blocs DIV.
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
54
55
56
57
58
| <html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/javascript">
<!--Ici Fonction impression-->
function printdiv(divID)
{
var headstr = "<html><head><title></title></head><body>";
var footstr = "</body>";
var newstr = document.all.item(divID).innerHTML;
var oldstr = document.body.innerHTML;
document.body.innerHTML = headstr+newstr+footstr;
window.print();
document.body.innerHTML = oldstr;
return false;
}
<!--Ici Fonction copie-->
<!--Fonction à créer-->
</script>
</head>
<!--Ici bouton impression et appel fonction impression-->
<input name="b_print" type=button value=" Impression " style="font-weight:bold;font-family:times_new_roman;font-size:12px"
onclick="printdiv('recettenumero1');">
<!--Ici bouton copie et appel fonction copie-->
<input type=button value=" Copie " style="font-weight:bold;font-family:times_new_roman;font-size:12px"
onClick="????">
<!--Début de zone recette DIV-->
<div id=recettenumero1>
<p class=MsoNormal>
<b><u><span style='font-size:14.0pt;
color:black'>COOKIES</u></b></p>
Ceci est la recette...<br>
Bla Bla Bla......<br>
Fin de la recette<br>
<!--Fin de zone recette-->
</div>
</body>
</html> |
