mpfg
Goto Top

Texteingabe auf Seite verhindern

Hallo,

kennt jemand eine Möglichkeit unter Firefox (41.0.2) die Tastatureingabe auf einer festgelegten Seite (Adresse) zu verhindern?

MfG

Content-Key: 287221

Url: https://administrator.de/contentid/287221

Printed on: April 19, 2024 at 21:04 o'clock

Member: tomolpi
tomolpi Oct 31, 2015 updated at 21:34:02 (UTC)
Goto Top
Bei einer Seite die du geschrieben hast bzw. Zugriff auf den Quellcode hast?
Einfach die Textbox / das Texfeld "disablen"...

LG,

tomolpi
Mitglied: 114757
114757 Nov 01, 2015 updated at 07:39:34 (UTC)
Goto Top
Und bei Seiten die nicht unter deiner Kontrolle stehen nimmst du Usersscripts (z.B. das Greasemonkey-AddOn) um die gewünschten Felder auf ReadOnly zu setzen.

Wenn man mal fragen darf, wozu das ganze, was soll das primär für einen Zweck erfüllen ?

Das scheint mir ziemlich sicher der falsche Ansatz zu sein.

Gruß jodel32
Member: Franz-Josef-II
Franz-Josef-II Nov 01, 2015 at 07:36:55 (UTC)
Goto Top
Guten Morgen

So ganz verstehe ich dein Ansinnen nicht, wie es scheint face-wink

die Tastatureingabe auf einer festgelegten Seite .....

a) Du willst verhindern, daß ein User auf einer Seite die Tastatur verwendet? Also auch kein Strg Z oder so?

b) Du willst verhindern, daß ein User auf einer seite Texteingaben macht? Also youporn.com Anmeldung oder so?

c) Du willst verhindern, daß ein User auf einer INTERNEN Seite dies macht?

d) Du willst doch etwas anderes, was ich nicht herausgelesen habe face-wink
Member: MPFG
MPFG Nov 01, 2015 at 17:56:30 (UTC)
Goto Top
Hallo,

c trifft es wohl am besten. Hat vielleicht jemand so ein Usersscript parat ?

MfG
Member: tomolpi
tomolpi Nov 01, 2015 at 18:14:51 (UTC)
Goto Top
Aber aufrufen der Seite soll schon gehen?
Mitglied: 114757
Solution 114757 Nov 01, 2015 updated at 18:42:07 (UTC)
Goto Top
Zitat von @MPFG:
c trifft es wohl am besten. Hat vielleicht jemand so ein Usersscript parat ?
Dazu benötigen wir hier zumindest die Info welche und was für Felder du deaktivieren willst ! Oder gleich den Quellcode der Seite ...
Dann können wir dir ein Schnippsel liefern ...
Member: MPFG
MPFG Nov 01, 2015 at 18:43:03 (UTC)
Goto Top
Hi,

ich möchte auf der Seite (https://web.whatsapp.com/) die Eingabe verhindern.

Gruß
Mitglied: 114757
Solution 114757 Nov 01, 2015 updated at 19:40:35 (UTC)
Goto Top
Das hier setzt z.B. alle Input-Elemente auf Readonly
var inputs = document.getElementsByTagName("input");  
for(i=0;i<inputs.length;i++){inputs[i].setAttribute('readonly');}  

Warum die Seite nicht sperren ?? Ein findiger User weiß das alles zu umgehen !
Member: Franz-Josef-II
Franz-Josef-II Nov 01, 2015 updated at 19:19:23 (UTC)
Goto Top
Zitat von @MPFG:

ich möchte auf der Seite (https://web.whatsapp.com/) die Eingabe verhindern.

c trifft es wohl am besten. Hat vielleicht jemand so ein Usersscript


Zitat von @Franz-Josef-II:

c) Du willst verhindern, daß ein User auf einer INTERNEN Seite dies macht?




Ok, es handelt sich um die interne Whatsappseite? Irgendwie kapiere ich es nicht face-wink

Wenn es sich um eine interne Seite handelt, warum sind dann dort Eingabefelder, die zu sperren sind? Rein logisch muß es dann Userabhängig sein, sonst würdest Du ja diese Eingabefelder, weil zweckbefreit, entsorgen.

Gehts aber doch um eine externe Seite, dann stellt sich die Frage, ob es für alle gilt oder nicht, bzw ob die Seite nicht komplett gesperrt werden kann, zumindest grundsätzlich gesperrt und für manche offen. Was bringt die Seite ohne Texteingaben?

Ich gestehe, ich bin verwirrt.
Member: tomolpi
tomolpi Nov 01, 2015 at 19:20:11 (UTC)
Goto Top
Die Seite geht nicht intern face-big-smile
Member: MPFG
MPFG Nov 01, 2015 at 19:41:09 (UTC)
Goto Top
Hallo,

==UserScript==
@Name Eingabe sperren
@description Eingabe in Whatsapp verhindern
@namespace
@include https://*.whatsapp.*
@grant none
@version 1.0
==/UserScript==
//

var inputs = document.getElementsByTagName("input");
for(i=0;i<inputs.length;i++){inputs[i].setAttribute('readonly');}

leider funktioniert das hier nicht.
Sieht wer einen Fehler ?
Mitglied: 114757
114757 Nov 02, 2015 at 08:28:14 (UTC)
Goto Top
Auf der Seite gibts doch garnichts einzugeben ... ??
Member: tomolpi
tomolpi Nov 02, 2015 at 10:11:04 (UTC)
Goto Top
Nach dem man sein Handy mit Whatsapp verbunden hat schon, aber ich denke hier wäre eine komplette Sperre der Seite geeigneter...
Member: MPFG
MPFG Nov 03, 2015 at 18:27:05 (UTC)
Goto Top
Hallo,

stimmt sobald das gerät mit whatsapp gekoppelt ist, kann man mit seinen Kontakten schreiben. Dies möchte ich verhindern.

MfG
Member: tomolpi
tomolpi Nov 03, 2015 at 18:33:28 (UTC)
Goto Top
Sperr' die Seite in der Firewall. Ist das einfachste face-wink
Mitglied: 114757
114757 Nov 04, 2015 updated at 08:02:10 (UTC)
Goto Top
Zitat von @MPFG:

Hallo,

stimmt sobald das gerät mit whatsapp gekoppelt ist, kann man mit seinen Kontakten schreiben. Dies möchte ich verhindern.
Dann poste mal den Quellcode der Seite, ich hab jetzt kein Bock mich extra bei so nem Datenstaubsauger-Dienst anzumelden.
Dein URL-Filter passt bestimmt nicht auf die URL ...

Machs wie schon gesagt über eine vernünftige Firewall, alles andere ist Käse !!
Member: MPFG
MPFG Nov 05, 2015 at 18:50:02 (UTC)
Goto Top
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> 
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]--> 
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]--> 
<!--[if gt IE 8]><!--> <html class="no-js" dir="ltr" manifest="/wa.appcache"> <!--<![endif]-->  
<head>
    <meta charset="utf-8">  
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
    <title>WhatsApp Web</title>
    <meta name="viewport" content="width=device-width">  
    <meta name="google" content="notranslate">  

    <meta name="description" content="Sende und empfange einfach WhatsApp Nachrichten direkt von deinem Computer.">  
    <meta name="og:description" content="Sende und empfange einfach WhatsApp Nachrichten direkt von deinem Computer."/>  
    <meta name="og:url" content="https://web.whatsapp.com/"/>  
    <meta name="og:title" content="WhatsApp Web"/>  
    <meta name="og:image" content="https://www.whatsapp.com/img/fb-post.jpg"/>  

    <link id="favicon" rel="shortcut icon" href="/img/favicon/1x/favicon.png" type="image/png" />  

    <link rel="stylesheet" href="/sprite_e77a3dcee7fe7901a54e.css">  
    <link rel="stylesheet" id="style" href="/style_f3ff38c19887dcfb7142.css">  

    <style>
          html, body {
              height: 100%;
              margin: 0;
              overflow: hidden;
              padding: 0;
          }

          #startup {
              width: 100%;
              height: 100%;
              position: fixed;
              background-color: #eeeeee;

              -moz-user-select: none;
              -webkit-user-select: none;

              display: flex;
              align-items: center;
              justify-content: center;
              display: -webkit-box;
              display: -webkit-flex;
              -webkit-align-items: center;
              -webkit-justify-content: center;
          }

          .spinner-container {
              -webkit-animation: rotate 2s linear infinite;
                      animation: rotate 2s linear infinite;
              z-index: 2;
          }

          .spinner-container .path {
              stroke-dasharray: 1,150; /* 1%, 101% circumference */
              stroke-dashoffset: 0;
              stroke: rgba(27, 154, 89, 0.7);
              stroke-linecap: round;
              -webkit-animation: dash 1.5s ease-in-out infinite;
                      animation: dash 1.5s ease-in-out infinite;
          }

          @keyframes rotate {
              100% { transform: rotate(360deg); }
          }
          @-webkit-keyframes rotate{
              100% { -webkit-transform: rotate(360deg); }
          }

          @keyframes dash {
              0% {
                  stroke-dasharray: 1,150;  /* 1%, 101% circumference */
                  stroke-dashoffset: 0;
              }
              50% {
                  stroke-dasharray: 90,150; /* 70%, 101% circumference */
                  stroke-dashoffset: -35;   /* 25% circumference */
              }
              100% {
                  stroke-dasharray: 90,150; /* 70%, 101% circumference */
                  stroke-dashoffset: -124;  /* -99% circumference */
              }
          }
          @-webkit-keyframes dash {
              0% {
                  stroke-dasharray: 1,150;  /* 1%, 101% circumference */
                  stroke-dashoffset: 0;
              }
              50% {
                  stroke-dasharray: 90,150; /* 70%, 101% circumference */
                  stroke-dashoffset: -35;   /* 25% circumference */
              }
              100% {
                  stroke-dasharray: 90,150; /* 70%, 101% circumference */
                  stroke-dashoffset: -124;  /* -99% circumference */
              }
          }
      </style>
</head>
<body>
  <div id="startup">  
    <svg class="spinner-container" width="65px" height="65px" viewBox="0 0 52 52">  
        <circle class="path" cx="26px" cy="26px" r="20px" fill="none" stroke-width="4px"></circle>  
    </svg>
    
  </div>



 <script src="/lib/modernizr-2.8.3.min.js" data-export="Modernizr" data-progress="3" defer></script>  
 <script src="/lib/moment-with-locales-2.8.4.min.js" data-export="moment" data-progress="154" defer></script>  
 <script src="/lib/bluebird-2.9.24.min.js" data-export="Promise" data-progress="73" defer></script>  
 <script src="/lib/lodash-3.10.1.min.js" data-export="_" data-progress="51" defer></script>  
 <script src="/lib/velocity-1.2.0.min.js" data-export="Velocity" data-progress="35" defer></script>  
 <script src="/lib/velocity-ui-5.0.min.js" data-export="Velocity.RegisterEffect" data-progress="16" defer></script>  
 <script src="/lib/react-with-addons-0.13.3.min.js" data-export="React" data-progress="133" defer></script>  
 <script src="/lib/webfontloader-1.6.6.min.js" data-export="WebFont" data-progress="12" defer></script>  
 <script src="/lib/hmac-sha256-3.1.2.min.js" data-export="CryptoJS.algo.HMAC" data-progress="6" defer></script>  
 <script src="/lib/aes-3.1.2.min.js" data-export="CryptoJS.AES" data-progress="14" defer></script>  
 <script src="/lib/lib-typedarrays-3.1.2.min.js" data-export="CryptoJS.lib.WordArray" data-progress="1" defer></script>  
 <script src="/lib/enc-base64-3.1.2.min.js" data-export="CryptoJS.enc" data-progress="1" defer></script>  
 <script src="/lib/end-to-end.compiled.min.js" data-export="e2e,goog" data-progress="967" defer></script>  
 <script src="/lib/canvas-to-blob-2.0.5.min.js" data-export="dataURLtoBlob" data-progress="2" defer></script>  
 <script src="/lib/qrcode.min.js" data-export="QRCode" data-progress="20" defer></script>  
 <script src="/vendor_f9b12304af9d4448b39c.js" data-progress="417" defer></script>  
 <script src="/app_ddd3947bbd245e080b76.js" data-progress="658" defer></script>  
 <script src="/main_b3b54298420eacee94e3.js" data-progress="260" defer></script>  

  <script src="/locales/de_661142a1f70190223a16.js"></script>  
</body>
</html>
Mitglied: 114757
114757 Nov 05, 2015 at 19:06:36 (UTC)
Goto Top
Damit
lässt sich leider nichts anfangen, wahrscheinlich hast du den falschen Frame ausgelesen.
Gibt keinerlei Eingabefelder in diesem Code.
Da musst du schon den durch eventuelle JavaScripts generierten Quellcode kopieren...
Member: MPFG
MPFG Nov 06, 2015 at 16:35:29 (UTC)
Goto Top
Hallo,

rechte Maustaste, Quelltext anzeigen. Ist der komplette Quelltext der Seite.

Wie muss ich vorgehen, um den JavaScript generierten Quellcode herauszubekommen ?

MfG
Mitglied: 114757
114757 Nov 06, 2015 updated at 16:38:35 (UTC)
Goto Top
rechte Maustaste, Quelltext anzeigen. Ist der komplette Quelltext der Seite.
Nicht unbedingt, wenn die Seite Frames hat, dann ist es relevant an welcher Stelle man rechts klickt!
Wie muss ich vorgehen, um den JavaScript generierten Quellcode herauszubekommen ?
z.B. mit dem Web-Developer Addon für Firefox oder mit den Browser-Tools (F12(
Member: MPFG
MPFG Nov 06, 2015 at 20:17:53 (UTC)
Goto Top
Hi,

ich habe jetzt mit dem Web-Developer Addon folgendes herausgefunden:

<div class="input" contenteditable="true"
data-reactid=".0.$main.5.2.1.1.0.1" dir="auto"></div>

wenn ich das true auf false stelle, ist keine eingabe möglich.

Aber wie packe ich das ganze jetzt in das greasemonkey script ?

Gruß
Mitglied: 114757
114757 Nov 06, 2015 at 22:55:25 (UTC)
Goto Top
var inputs = document.getElementsByClassName("input");  
for(i=0;i<inputs.length;i++){inputs[i].setAttribute('contenteditable','false');}  
Member: MPFG
MPFG Nov 07, 2015 at 07:02:04 (UTC)
Goto Top
Hallo,

wenn ich den Wert von Hand im Firefox ändere, ist die Eingabe gesperrt.
Mit dem Script funktioniert es leider nicht.
==UserScript==
@Name Eingabe sperren
@description Eingabe in Whatsapp verhindern
@namespace
@include https://*.whatsapp.*
@grant none
@version 1.0
==/UserScript==
//

var inputs = document.getElementsByClassName("input");
for(i=0;i<inputs.length;i++){inputs[i].setAttribute('contenteditable','false');}

Hier noch ein Screenshot

http://www.picfront.org/d/9lOf

MfG
Mitglied: 114757
114757 Nov 07, 2015 updated at 07:35:13 (UTC)
Goto Top
Dann passt dein URL-Filter
https:*.whatsapp.*
nicht!
Checke die aufgerufenen URLs exakt mit F12 in der Netzwerkanalyse.
Member: MPFG
MPFG Nov 07, 2015 at 07:52:33 (UTC)
Goto Top
Hallo,

ich habe hier schon ein paar verschiedene Links:

https://dyn.web.whatsapp.com/pp
https://w2.web.whatsapp.com/ws
https://web.whatsapp.com

aber das sollte doch alles mit meinem

https:*.whatsapp.*

abgedeckt sein.
Mitglied: 114757
114757 Nov 07, 2015 updated at 08:02:01 (UTC)
Goto Top
Zitat von @MPFG:

Hallo,

ich habe hier schon ein paar verschiedene Links:

https://dyn.web.whatsapp.com/pp
https://w2.web.whatsapp.com/ws
https://web.whatsapp.com

aber das sollte doch alles mit meinem

https:*.whatsapp.*

Schreib den Filter mal so
https://*.whatsapp.*
Ansonsten kann ich dir hier ohne es selbst testen zu können nicht mehr weiterhelfen, sorry.

Befolge lieber unsere obigen Empfehlungen zur Seitensperrung.

Gruß jodel
Member: MPFG
MPFG Nov 07, 2015 at 08:06:58 (UTC)
Goto Top
Dankeschön für eure Hilfe,

werde noch ein bisschen rumbasteln.
Vielleicht bekomme ich es ja noch hin.

Beste Grüße
Member: MPFG
MPFG Nov 07, 2015 at 16:17:18 (UTC)
Goto Top
Hallo,

folgende habe ich herausgefunden.
Wenn ich den Code:
var inputs = document.getElementsByClassName("input");
for(i=0;i<inputs.length;i++){inputs[i].setAttribute('contenteditable','false');}
in der JavaScript-Umgebung von Firefox ausführe, ist die Texteingabe solange deaktiviert bis ich auf eine andere Person klicke.

Wenn er sich dem Wert beim laden einer anderen Person eh wieder holt, bringt es ja so eh nichts.
Gibt es eine Möglichkeit den kompletten Knoten zu löschen ?

Hier der ganze Knoten
<button class="icon icon-smiley btn-emoji" data-reactid=".0.$main.5.2.1.0"></button><div class="input-container" data-ignore-capture="any" data-reactid=".0.$main.5.2.1.1"><div class="input-emoji" data-reactid=".0.$main.5.2.1.1.0"><div style="" class="input-placeholder" data-reactid=".0.$main.5.2.1.1.0.0">Schreibe eine Nachricht</div><div dir="auto" class="input" data-reactid=".0.$main.5.2.1.1.0.1" contenteditable="true"></div></div></div><div class="ptt-container" data-reactid=".0.$main.5.2.1.$ptt"><span data-reactid=".0.$main.5.2.1.$ptt.0"><button class="icon btn-icon icon-ptt" data-reactid=".0.$main.5.2.1.$ptt.0.$=1$button"></button></span></div>  


Vielleicht hat noch jemand eine Idee.

Gruß
Mitglied: 114757
114757 Nov 07, 2015 updated at 16:37:05 (UTC)
Goto Top
Wenn er sich dem Wert beim laden einer anderen Person eh wieder holt, bringt es ja so eh nichts.
Doch, dann muss man ein zusätzliches Skript an dieses Event knüpfen
Gibt es eine Möglichkeit den kompletten Knoten zu löschen ?
Wenn du damit den div mit class="InputContainer" meinst, klar geht das
var inputs = document.getElementsByClassName("InputContainer");  
for(i=0;i<inputs.length;i++){inputs[i].style.display = 'none';}  
Du solltest dir mal die JavaScript-Grundlagen reinziehen:
https://wiki.selfhtml.org/wiki/JavaScript

Nochmal: Mach es mit der Firewall !!
Denn: Ändert Fazzebook mal wieder was an der Seite geht dein Skript sehr wahrscheinlich auch nicht mehr, ist also den Aufwand nicht wert, wenn du das Skript dauernd anpassen musst !
Mach es also besser direkt wie ein "PROFI" du wirst es uns danken.