textarea wrap="off" zu wrap="soft": Wie

Bazon Bloch

Ähm Hallo!

Ja, der Titel sagt schon alles:
Ich möchte bei bestimmten Webseiten das wrap Attribut einer textarea von "off" nach "soft" umstellen.
Mit CSS bekäme ich es ja noch selbst hin, allerdings ist "wrap" kein gültiges CSS-Attribut, also ist da nix drin mit usercontent.css oder Stylish.

Aber mit Greasemonkey geht das doch bestimmt, oder?

Bloß: Wie?

Konkret:
Ich möchte, dass

Code

[textarea name="x" rows="8" wrap="off"]

in

Code

[textarea name="x" rows="16" wrap="soft"]

umgewandelt wird.
(Mit spitzen Klammern natürlich, aber wenn ich die verwende, verschwinden hier die Attribute, hä??)

Danke schnomal

Mithrandir

Hi Bazon,

schön, dich mal wieder zu "sehen".

Hast du mal eine Seite mit "wrap=off" auf Lager, mit der man rumspielen könnte (bin zu faul, eine Testseite zu erstellen)?

Bazon Bloch

Hallo Mithrandir!

Ja ja, ich war n Weilchen "weg".... ...aber ich sagte ja, ich komm wieder!

Schau mal hier auf der Selfhtml Seite ganz unten, da ist wrap="off":
http://de.selfhtml.org/html/formulare…xtarea_wrap.htm

Mithrandir

Nicht doll getestet, aber vielleicht ein Ansatz: http://www.ardiman.de/assets/files/f…wrapper.user.js

Evtl. geht's auch viel einfacher, aber ich hab nichts auf die Schnelle gefunden (das Skript basiert übrigens auf einem Beitrag aus dem SelfHtml-Forum: http://forum.de.selfhtml.org/archiv/2004/10/t92072/)

Bazon Bloch

Danke schonmal!

Allerdings bewirkt dass auf der konkreten Seite (die ich hier nicht verlinken kann, zugangsbeschränkt...) nur, dass das Texteingabefeld insgesamt verschwindet.... ...hm.

Auf der Selfhtml Seite funktioniert es allerdings.
Hm. Mal gucken....

Amsterdammer

Zitat von Bazon Bloch

Ja ja, ich war n Weilchen "weg".... ...aber ich sagte ja, ich komm wieder!

Tja Weihnachten kommen alle wieder nach Haus [Blockierte Grafik: http://www.cosgan.de/images/midi/xmas/d055.gif]
<:P

Dr. Evil

Schön dich zu sehen, Bazon

Du kannst es <a href="data:text/javascript;charset=utf-8,%2F%2F%20%3D%3DUserScript%3D%3D%0D%0A%2F%2F%20%40name%20%20%20%20%20%20%20%20%20Textarea%20Soft-Wrap%0D%0A%2F%2F%20%40version%20%20%20%20%20%201.0%0D%0A%2F%2F%20%40description%20%20%0D%0A%2F%2F%20%40author%20%20%20%20%20%20%20Malte%20Kraus%0D%0A%2F%2F%20%40namespace%20%20%20%20http%3A%2F%2Fmaltekraus.de%2FFirefox%2F%0D%0A%2F%2F%20%40include%20%20%20%20%20%20*%0D%0A%2F%2F%20%3D%3D%2FUserScript%3D%3D%0D%0A%0D%0Avar%20res%20%3D%20document.evaluate(%22%2F%2Ftextarea%5B%40wrap%3D'off'%5D%22%2C%20document%2C%20null%2C%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE%20%2C%20null)%3B%0D%0Afor(var%20i%20%3D%200%3B%20i%20%3C%20res.snapshotLength%3B%20i%2B%2B)%20%7B%0D%0A%20%20GM_log(i)%3B%0D%0A%20%20var%20elem%20%3D%20res.snapshotItem(i)%3B%0D%0A%20%20elem.setAttribute(%22wrap%22%2C%20%22soft%22)%3B%0D%0A%0D%0A%20%20%2F%2F%20Element%20entfernen%20und%20wieder%20rausschmei%DFen%2C%20damit%20Gecko%20die%20%C4nderung%20bemerkt%0D%0A%20%20var%20next%20%3D%20elem.nextSibling%3B%0D%0A%20%20var%20parent%20%3D%20elem.parentNode%3B%0D%0A%20%20parent.removeChild(elem)%3B%0D%0A%0D%0A%20%20parent.insertBefore(elem%2C%20next)%3B%0D%0A%7D%0D%0A%0D%0A%2F%2F%20textarea-soft-wrap.user.js">mal hiermit versuchen</a>. Das ist nicht ganz so zerstörerisch.

Bazon Bloch

*in die Runde wink*

Vielen Dank, Dr. Evil,

Dein Code funktioniert auch bei der Seite bei der ich das brauche...
Zeilenanzahl auf mehr als 8 erhöhen funktionierte auch analog, prima!

Hm.
Wo ich da schon am rumspielen bin:
Geht es auch, per Greasemonkey der Seite einen Button hinzuzufügen, mit dem man den eingegebenen Text formatieren kann? (wie hier im Prinzip)
Ja, ich weiß, dafür gibt es die BBCode ERweiterung, aber wo ich schon mal am manipulieren bin....

...bzw. allgemeiner gefragt:
Wo gibts denn ne schöne JavaScript Referenz zum Nachschauen für sowas?

Bazon Bloch

Also, ich habs mal ein bisschen selbst probiert.
Button einbauen habe ich hinbekommen, allerdings nicht das Aufrufen einer Funktion von dort aus:

Entsprechende Codestelle lautet:

Code

function booh() {
   alert('Test');
}


var button1 = document.createElement("div");

button1.innerHTML = '[input type="button" onClick="booh()" accesskey="b" value=" B " style="font-weight:bold; width: 30px" /]';  


document.body.insertBefore(button1, document.body.firstChild);

Alles anzeigen

(mit <> statt [], aber bei <> veschwindnen hier die Argumente/Attribute)

Also der Button ist da, aber betätigen des Buttons führt zu nichts außer der Meldung:

Zitat

booh ist not defined

in der JavaScript Fehlerkonsole.

Also man merkt schon:
Bei sowas fehlen mir die Grundsätze.

Wie ruft man die Funktion den richtig auf?

Bazon Bloch

Ts!

Da meine ich eine schönes Tutorial gefunden zu haben das ganz gut zu meinen 'Wünschen passt (Buttons zur Beeinflußung einer Textarea mittels Greasemonkey: http://diveintogreasemonkey.org/casestudy/zoomtextarea.html )
und dann funktioniert das dumme Ding nicht!

in der Java-Script konsole wird immer nur ie Fehlermeldung ausgepuckt:

Zitat

Component is not available (line 69)

Zeile 69 lautet dabei:

Code

button.onclick = func;

Wobei "func" ein Argument der Funktion ist, innerhalb dessen der Aufruf steht.
Hm.... :?

Blödes Tutorial!

Naja, ich guck mal...
(...und freue mich natürlich über sachdienliche Hinweise... )

Dr. Evil

Zitat von Bazon Bloch

Also man merkt schon:
Bei sowas fehlen mir die Grundsätze.

Also eigentlich stimmt das alles. Das Problem sind die Sicherheitsmaßnahmen, die dafür sorgen, dass ein Script der Seite nicht auf das Greasemonkey-Script und andersrum nur mit Umwegen (und hoffentlich sehr viel Vorsicht) zugreifen kann.
Event-Handler im HTML-Code sind aber Scripte der Seite, auch wenn diese Elemente vom GM-Script erstellt wurden.

Deswegen muss man die ganzen Elemente mit anständigen DOM-Methoden erstellen und den Event-Handler per addEventListener einbinden:

Code

function booh() {
   alert('Test');
}


var container = document.createElement("div");
var button = document.createElement("button");
button.setAttribute("type", "button");
button.setAttribute("accesskey", "b");
var strong = document.createElement("strong");
strong.appendChild(document.createTextNode(" B "));
button.appendChild(strong);
button.style.width = "30px";
button.addEventListener("click", booh, false);
container.appendChild(button);


document.body.insertBefore(container, document.body.firstChild);

Alles anzeigen

Bazon Bloch

OK, ein neues Kapitel des Buches "Bazon fragt andere nach Hilfe ist aber selber schneller fertig":

Der Fehler in http://diveintogreasemonkey.org/casestudy/zoomtextarea.html ist:

In Zeile 79 muss statt

Code

textarea_zoom_in

Code

'textarea_zoom_in'

stehen, Zeile 100 analog.
(Sonst wird nämlich nicht der Name der gewünschten Funktion übergeben sondern ie Funktion selbst, wie ich mittels einiger Debug-Alerts herausfand.)

Das Tutorial liefert jetzt tatsächlich zu jeder Textarea zwei süße Knöpfe. Allerdings ohne Funktion...

...stay tuned, ich bleibe am Ball...

Bazon Bloch

Das Einbauen weiterer Alerts zeigt:

Die entsprechenden Funktionen (function textarea_zoom_out(event) ...) werden nach Betätigung des Buttons einfach nicht aufgerufen.

Womit ich wieder bei dem Problem wäre, weshalb ich dieses Tutorial suchte...
...grrrr!

Kann doch nicht so schwer sein einem mit Greasemonkey erstellten Button eine Funktion zuzuordnen!!!

(Vielleicht sollte ich dazu einen neuen Thread eröffnen?)

Bazon Bloch

Ah, Hallo Dr.!

Habe Deine Antwort erst jetzt gesehen, probiere ich gleich aus.....

Bazon Bloch

@Dr.:

Danke, funktioniert soweit...!

Gut, dann schau ich mal, wie ich auf den inhalt der Textarea zugreifen kann....
(...ich schaue einfach, wie das auf genau dieser Seite [also der "Antwort schreiben" Seite] hier gemacht ist.)

Bazon Bloch

Stand soweit:

Juhuu, kann jetzt mit dem Button auf entsprechende Textarea zugreifen!
(Genaugenommen bisher: Markierten Text in nem PopUp ausgeben, der Rest wird dann aber auch schon klappen....)
Sehr schön, dass im Quelltext dieser Seite die überaus nützliche Seite http://www.massless.org/mozedit/ verlinkt war....

Bazon Bloch

Nur zur Info:

Alle Wünsche umgesetzt!
Greasemonkey ist echt ne feine Sache....!

Danke Dr.!

bird

Hi mein Lieber!!! Schön dass Du wieder da bist!

Gruß

bird