Copier dans le presse papier un texte contenant une var
Bonjour,
J'utilise un script javascript Zeroclipboard pour copier dans mon presse papier du texte que j'ai rempli à l'avance.
Dans certain cas, je dois rentré une valeur.
Sois le texte est prédéfini, sois une variable doit être rentré par l'utilisateur afin d'ajuster le presse papier.
Dans mon exemple, j'ai 3 boutons,
Le premier copiera après le clique YES WE CAN
Le second lancera une popup ou on rentrera son prénom pour copier PRENOM CAN
Le troisième copiera après le clique YES YOU CAN
Malheureusement mes connaissance en JS me permette pas de faire la seconde action correctement.
Avec document.write, il me réécrit la page, et ne me copie rien du tout.
J'ai environs une 20aine de commande dont 75 % qui doivent contenir une variable définie par l'utilisateur avec un système de popup à compléter.
je me tourne vers vous pour m'aider à aboutir mon code et obtenir le résultat escompter.
Comme le copytoclipboard ne fonctionne pas sur mozilla, j'utilise Zeroclipboard qui utilise flash pour copier au clavier le contenu des div.
Voici le code de ma page :
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
| <script type="text/javascript" src="ZeroClipboard.js"></script>
<script type="text/javascript">
function show_prompt()
{
var youcan=prompt("youcan","");
if (youcan!=null && youcan!="")
{
document.write('<input type="texte" id="clip_youcan" value="yes ' + youcan + '> can">');
// Pinger un NeuronID
var clip2 = new ZeroClipboard.Client();
clip2.setText( '' ); // will be set later on mouseDown
clip2.setHandCursor( true );
clip2.setCSSEffects( true );
clip2.addEventListener( 'mouseDown', function(client) {
clip2.setText( document.getElementById('clip_youcan').value );
} );
clip2.glue( 'clip_youcan' );
}
}
</script>
<!-- YES WE CAN -->
<input type="hidden" id="clip_ping_les_modulateurs" value='YES WE CAN'/>
<div id="d_clip_yeswecan" style="background-color:#CCCCCC;">YES WE CAN</div>
<!-- YOU CAN -->
<div id="prompt_youcan" style="background-color:#999999;" onclick="show_prompt()">YOU CAN</div>
<!-- YES YOU CAN -->
<input type="hidden" id="clip_voir_les_modulateurs_couple" value='YES YOU CAN"'/>
<div id="d_clip_yesyoucan" style="background-color:#CCCCCC;">YES YOU CAN</div>
<script language="JavaScript">
// YESWECAN
var clip = new ZeroClipboard.Client();
clip.setText( '' ); // will be set later on mouseDown
clip.setHandCursor( true );
clip.setCSSEffects( true );
clip.addEventListener( 'mouseDown', function(client) {
clip.setText( document.getElementById('clip_yeswecan').value );
} );
clip.glue( 'd_clip_yeswecan' );
// YESYOUCAN
var clip3 = new ZeroClipboard.Client();
clip3.setText( '' ); // will be set later on mouseDown
clip3.setHandCursor( true );
clip3.setCSSEffects( true );
clip3.addEventListener( 'mouseDown', function(client) {
clip3.setText( document.getElementById('clip_yesyoucan').value );
} );
clip3.glue( 'd_clip_yesyoucan' );
</script> |
Merci d'avance pour votre soutiens :)
