interdire le copier coller (partiellement)

Version imprimable

Voir 40 message(s) de cette discussion en une page

oups...

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

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
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

21/05/2010, 11h40
tavarlindar

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...
21/05/2010, 11h46
SpaceFrog

ç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
21/05/2010, 11h57
Invité

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 ?
21/05/2010, 12h02
tavarlindar

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.
21/05/2010, 13h28
tavarlindar
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:

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.

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

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
<!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>

21/05/2010, 14h22
tavarlindar

? je ne comprends pas

Citation:

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

aucun soucis détecté ....

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

comme ça j'arrive à copier :

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
<!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

Chez moi pas de problème.

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

Code:

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>

21/05/2010, 15h00
SpaceFrog

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 :cry:
21/05/2010, 15h31
tavarlindar

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

donc je fais quoi maintenant docteur ?
Interdire le ctrl+A ?
21/05/2010, 15h54
SpaceFrog

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 ...
21/05/2010, 16h01
tavarlindar

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 ?

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
<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>

21/05/2010, 17h16
tavarlindar

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,

Voir 40 message(s) de cette discussion en une page