Button per Javascript

Druckbare Version

24.07.2010, 15:11
V+Energ

Button per Javascript

Hi, Leute!
ich habe in einem Forum keine Rechte Buttons hinzuzufügen :D
Also möchte ich meine Buttons die ich benötige, selbst, Clientseitig haben.
Mithilfe von Greasemonkey und Javascript!
So undzwar ist im WBB3 im <Body> eine Navigation die dort folgendermaßen aussieht:

PHP-Code:

<div id="nav-main-div"> <ul> <li> <a href="help.php">Hilfe!</a> </li> </div>

So ich möchte jetzt durch Greasemonkey einen weiteren Button hinzufügen oder Link undzwar so:

PHP-Code:

<div id="nav-main-div"> <ul> <li> <a href="help.php">Hilfe!</a> </li> <li> <a href="misc.php">Misc</a> </li> </div>

Und da ich ja keine Berechtigungen habe, muss es per Javascript Clientseitig sein. Nur habe ich soweit nicht die Kenntnisse etwas mit Html/PHP/Javascript auf eine Seite zu projezieren. Da Greasemonkey ja mit Javascript funktioniert habe ich es hierhin geschrieben ;)
Was mir jetzt genau fehlt, wie baue ich das Script von Anfang an auf?
Und wie lege ich die Position fest, wenn der Button genau daneben sein soll?
Kann ja sein das die Struktur in der index.php festgelegt ist oder auch per CSS oder, oder ,oder.

Könnt ihr mir helfen?
Wenn es euch zu ungenau ist hier ein Screen:
http://www3.pic-upload.de/24.07.10/s5dcztwbnizu.jpg
Natürlich will ich es nicht hier haben^^
Aber genau dort an die Stelle sollte der Button sein mit dem ref drin :)
24.07.2010, 15:14
Apex

Das Problem ist, wenn du "misc.php" hinzufügen willst, muss "misc.php" auch auf dem Server sein, Greasemonkey kann ja schlecht dein kompletten PC nach der Datei absuchen. Aber denke, dass weißt du auch so schon.

Ansonsten einfach ganz normal 'n Button einfügen und dann die CSS gegebenermaßen ändern
24.07.2010, 17:19
V+Energ

Die .php ist aufjedenfall auf dem Server, den Pfad kenne ich auch falls der mit angegeben werden muss. Aber ist ja die index.php also befindet die sich auch im geeigneten Ordner.

Zitat:

Ansonsten einfach ganz normal 'n Button einfügen und dann die CSS gegebenermaßen ändern

CSS ändern kein Problem aber eben "einfach ganz normal ´n Button einfügen" kann ich nicht ;)
24.07.2010, 17:23
Apex

Einfachste Lösung:

<a href="http://webname/Pfad/andereseite.htm">
<img border="0" src="http://webname/Pfad/Bildname.gif" width="...." height="...." alt="Linktext"></a>
24.07.2010, 17:28
V+Energ

Ah cool, Danke dafür.
Und wie packe ich das jetzt in ein Javascript?
Also ich könnte ja theoretisch eins ausm Inet nehmen, und einfach bearbeiten per Notepad. Aber obs dann klappt?
24.07.2010, 17:36
Perishand

Stichwort: innerHTML

Such danach, dann findest du eine möglichkeit den Quellcode der Seite per Javascript zu ändern.
24.07.2010, 17:41
V+Energ

Woah Perishand geiles Stichwort! :D
Ich habs gelesen gehabt, kam aber nicht mehr drauf, Danke :)
Ich versuche es mal wenn ich dann Probleme hab poste ich nochmal hier.

So jetzt habe ich ein Problem:

PHP-Code:

// ==UserScript== // @name WistWo? // @namespace ****.de // @description Wer ist wo Online? Button // @include http://****.de/index.php <body> <div id="nav-main-div"> <ul> <li> <a href="http://****.de/wiw.php"> <img border="0" src="http://s3.directupload.net/images/100724/sr9nq4mf.jpg" width="80" height="30" alt="Wer ist wo?"></a> </li> </ul> </div> </body> // ==/UserScript==

So sieht mein Script aus, aber funktionieren tut es nicht. Ich sehe nämlich keine Veränderung und den Button schonmal garnicht.
24.07.2010, 18:10
Perishand

PHP-Code:

<body> <div id="nav-main-div"> <ul> <li> <a href="http://****.de/wiw.php"> <img border="0" src="http://s3.directupload.net/images/100724/sr9nq4mf.jpg" width="80" height="30" alt="Wer ist wo?" style="position:absolute;top:100px;margin-left:40%"></a> </li> </ul> </div> </body>

Versuchs damit
24.07.2010, 18:17
V+Energ

Also mein erstes Script geht auf meinem Webspace!
Und deins auch Perishand!
Aber bei Greasemonkey geht es nicht, also muss es an dem Greasemonkey Script liegen.
Ich schau da nochmal drüber.
24.07.2010, 23:53
Apex

https://addons.mozilla.org/de/firefox/addon/11759/

Probier das Addon mal ^^
26.07.2010, 21:52
V+Energ

Ich Danke dir, das Addon ist eingeschlagen wie eine Bombe! Ich kann machen was ich will und immer wollte :>
ABER! Wenn ich Änderungen vorgenommen habe, einen Button geaddet + HTML injektziert dann speicher ich das Skript ab. Aber die Änderungen bleiben nicht, ich weiß nicht warum. Bei einem Aufruf der Seite ist zwar die Seite (Domain) und das Skript vorhanden, aber wie die Seite damit aussieht ist dort nicht mehr zusehen...
28.07.2010, 19:21
Apex

Falls noch aktuell und nicht gelöst, folgender Zitat aus der angegeben Seite

Zitat:

The basic principle is as follows: If you want to customize a website you switch to an edit mode (either by pressing F10 or by clicking on the statusbar icon) and create a "script" consisting of a series of actions and a defintion for which sites the script should be applied. The script with its actions is then executed after every load of the website.

Fettmarkierten Bereich beachten, weiß nicht was du falsch gemacht hast.
29.07.2010, 20:35
V+Energ

Hat sich erledigt, lag an der Page selbst :D
Gibt es dazu eigentlich Tutorials? Die einzigen die ich finde, sind Anweisungen wie man es installiert oder wie man seine Page gestaltet (die nicht mit dem Addon zsm. hängen).

Aber Danke dir Apex, bist korrekt und nett =)