interdire le copier coller (partiellement)

**SpaceFrog** · 21/05/2010, 12h36

oups...

oublié de mettre le code dans le post pérécedent ...

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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>copiez moi</title>
 
<script type="text/javascript">
function stopCopy(){
 
var ObjStop=document.getElementById('stop')
ObjStop.style.zIndex=9999;
alert(ObjStop.style.zIndex)
ObjStop.onclick=function(evt){
			  		evt=(evt)?evt:window.event;
			  		if (evt.stopPropagation) {evt.stopPropagation();}
					else{evt.cancelBubble = true;}
					}
		}
 
 
</script>
<style type="text/css">
 
 
 
tableau {z-index:1;
		  position:absolute;}
tr.td.div {position:relative;}		  
#stop {background:transparent;
		height:100%; 
		width:100%;
		position: absolute;
		top:0;
		left:0;}		  
 
#stop {z-index:9999 !important;}		
</style>
</head>
 
<body onload="stopCopy()" >
<div id="stop">&nbsp;</div>
<div id="tableau" style="background-color:red;top:0;left:0;" onclick="alert('coucou')">
<table border="1" width="100%" >
  <tr>
    <td ><div>copiez moi!</div></td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
  </tr>
  <tr>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
  </tr>
  <tr>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
  </tr>
  <tr>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
  </tr>
  </table>
  <div style="position:relative;background-color:lime;">test de texte dasn un div au lieu d'un td</div>
  </div>
</body>
</html>

IE gère vraiment le Zindex des TextNodes comme une quiche moisie

**tavarlindar** · 21/05/2010, 12h40

Mekal,

Cela ne fonctionne pas ... si on ne peut pas sélectionner le tableau, il suffit de copier la page ou tout simplement mettre la souris ailleurs que sur le tableau et étendre la sélection.

SpaceFrog,

ta solution me parait compliquée...

**SpaceFrog** · 21/05/2010, 12h46

ça c'est juste une question d'evenement ...
ce qui est étonnant c'est que justement les TextNode s'exemptent du zindex ...
les textNodes sont en zindex 1 et le div en 9999

Invité · 21/05/2010, 12h57

il faudra alors l'etendre a tout le document et revenir a ma premiere proposition je ne voit pas d'autre solution.

peut etre avec la solution du div au dessus ?

**tavarlindar** · 21/05/2010, 13h02

S'il est difficile d'interdire qu'une partie, peut-être est-il plus facile de tout interdire mais autoriser une partie. La solution que je recherche consisterait donc à interdire la copie sur toute la page, mais autoriser la sélection d'un champ input text afin que l'utilisateur puisse quand même taper un critère de recherche. Plus généralement interdire tout mais avoir la possibilité de déactiver l'interdiction sur certain champ.

**tavarlindar** · 21/05/2010, 14h28

je pense avoir trouver la solution .

Je conserve le code qui "interdit" la copie de la page et je rajoute sur mes champ input le code suivant ;

Code :

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

1
2
 
<input id='nom_famille' type="text" name="nom_famille" value="<?=$_SESSION['nom_famille'];?>" size="10" onClick="document.getElementById('nom_famille').focus();">

ainsi quand je clique sur un champ, le curseur se positionne sur le champ !
à tester sous mac.

**SpaceFrog** · 21/05/2010, 14h53

onmouseover soinon tu auras le meme souci de drag à coté

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>copiez moi</title>
 
</head>
 
<body >
<table border="1" width="100%" onmouseover="document.getElementById('fake').focus()">
  <tr>
    <td ><div>copiez moi!</div></td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
  </tr>
  <tr>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
  </tr>
  <tr>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
  </tr>
  <tr>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
  </tr>
  </table>
  <input type='text' id="fake" style="border:0;height:0;width:0; line-height:0;font-size:0"></div>
</body>
</html>

**tavarlindar** · 21/05/2010, 15h22

? je ne comprends pas

onmouseover sinon tu auras le même souci de drag à coté

aucun soucis détecté ....

**SpaceFrog** · 21/05/2010, 15h30

ben si tu fais sur le onclick du tableau ...
si tu commences à drager en dehors du tableau .?..

comme ça j'arrive à copier :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>copiez moi</title>
 
</head>
 
<body >
<table border="1" width="100%" onclick="document.getElementById('fake').focus()">
  <tr>
    <td ><div>copiez moi!</div></td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
  </tr>
  <tr>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
  </tr>
  <tr>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
  </tr>
  <tr>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
    <td >copiez moi!</td>
  </tr>
  </table>
  <input type='text' id="fake" style="border:0;height:0;width:0; line-height:0;font-size:0" onfocus='this.blur()'></div>
</body>
</html>

toujours à cause du bug sous IE avec les textNodes qui echappent à l'heritage

pas sur le onmouseover

**tavarlindar** · 21/05/2010, 15h56

Chez moi pas de problème.

Rappel j'ai mis le code suivant sur les pages à protéger :

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
 
<script language="javascript" type="text/javascript" >
<!-- Debut
 
function voleur(e)
{ return false; }
 
 
function bien()
{ return true; }
 
if (window.sidebar)
 
 {
  document.onmousedown=voleur;
  document.onclick=bien;
}
// fin du script -->
</script>

**SpaceFrog** · 21/05/2010, 16h00

c'est encore plus sur en le doublant sur le onmouseup et onkeyup ...

quoi que un simple ctrl+A sur la page et hop on choppe tout

**tavarlindar** · 21/05/2010, 16h31

exact un simple ctrl+A permet de copier ....

donc je fais quoi maintenant docteur ?
Interdire le ctrl+A ?

**SpaceFrog** · 21/05/2010, 16h54

oui sur me body onkeydown capture la combinaison keycode et return false sur le crt+A

y'a aussi le click droit ou menu tout selectionner ...

**tavarlindar** · 21/05/2010, 17h01

existe-il une autre méthode que d'utiliser js dans la balise body ? Tous mes pages sont construites à partir du même code et si je modifie la balise body, cela modifiera toutes mes pages . Je souhaite protéger juste quelques pages.

Par ailleurs comment fais-tu pour interdire le ctrl+a ?

**SpaceFrog** · 21/05/2010, 17h49

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
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 2</title>
 
<script type='text/javascript'>
function remplaceCtrlTouche(e, toucheInterdite, fonction){
        var key;
        var CtrlDown;
 
        if(window.event) {
                key = window.event.keyCode;     //IE
                CtrlDown=(window.event.ctrlKey)?true:false;
        			}
        else  {
                key = e.which;     //firefox
                CtrlDown=(e.ctrlKey)?true:false;
                }
 
        if(CtrlDown) {        //La touche Ctrl à été enfoncée, verfication de combinaison
			//verification de casse
			if(toucheInterdite.toLowerCase() === String.fromCharCode(key).toLowerCase()){
					// ici lancement de la fonction de substitution
                 fonction()
                 // annulation de la fonction originale
                 return false;
                 }
           }
        return true;
}
 
function maRecherchePerso(){
alert('faut pas vouloir copier')
 
}
 
</script>
</head>
 
<body onkeydown="return this.onkeypress();" onkeypress="return remplaceCtrlTouche(event,'A', maRecherchePerso)">
 
</body>
 
</html>

**tavarlindar** · 21/05/2010, 18h16

super, cela fonctionne ! j'aurais aimer comprendre la fonction, mais cela me prendrait des heures !
j'ai remarquer qu'un clic droit sur la souris et tout sélectionner fonctionne mais impossible de coller, donc .... on va dire que c'est bon

Une fois n'est pas coutume, encore tous mes vifs remerciement pour ton aide au combien précieuse Mr SpaceFrog

Bien à toi Tavar,

interdire le copier coller (partiellement)

JavaScript

Discussions similaires

Partager

Partager