Lesezeichen (Orientierungshilfe) für WB Seiten

[moni0815]

Hallo!
 
Ich habe im Forum schon gesucht, aber leider nichts Passendes gefunden  . Ich suche ein Lesezeichen, dass man auf WB Seiten anbieten kann.
Und zwar geht es um Folgendes. Ich erstelle Tutoriale für Grafikprogramme. Der User muss beim Nacharbeiten zwischen seinem Grafikprogramm und meinem Tutorial hin- und herschalten, sprich Tutorial lesen und dann im Grafikprogramm umsetzen.
Da die Seiten ziemlich lang sind, kommt der User dadurch oft durcheinander, weiß nicht mehr wo er gerade dran ist.
 
Ich habe mal eine HTML Seite gesehen, da wurde ein Pfeil angeboten, den kann der User mitnehmen, sozusagen als Orientierungshilfe und beliebig auf der Seite plazieren.
 
Gibt es so etwas für WebsiteBaker auch? Hat jemand eine Idee, wie ich das umsetzen könnte?
 
Vielen Dank im voraus.
 
Liebe Grüße
 
Moni

[Stefek]

Das wurde vermutlich mit einem Javascript umgesetzt.

Wenn Du uns einen Link zeigst, wo Du das gesehen hast, dann kann man auch weiterschauen.

Gruß,
Stefek

[moni0815]

Guten morgen Stefek!

Ich habe hier mal eine Seite rausgesucht

http://patweb84.free.fr/ChipieSite/Tutos/TutoLili/Animations/LHostesseDeLAir/LhotesseDeLair.htm

Liebe Grüße
Moni

[Stefek]

Ja, wie vermutet.
Im Head Bereich ist ein einfaches Script dafür.

Könnte man ein eigenes von ableiten, wenn man Zeit hätte

Gruß,
Stefek

[BlackBird]

Schau doch mal bei jquery.com oder Deiner bevorzugten Suchmaschine, ob es dafür nicht ein fertiges jQuery Plugin gibt.

[moni0815]

Hallo!

Danke für die Antworten.

Liebe Grüße
Moni

[BlackBird]

Das hier klingt doch passend: http://plugins.jquery.com/project/jBookMark

Ever missed the bookmarking option of a good editor in a web site? This jQuery plugin does exactly that: if you want your website visitors to be able to toggle bookmarks in your pages that are loaded with a lot of content then you can simply insert this script.

The user can add bookmarks (mouse clicked + B) and then step through them (N). They get removed by either clicking on them or pressing D (all get removed). Pressing Shift+N allows to step through them backwards.

Homepage: http://tympanus.net/codrops/2009/12/04/jbookmark-a-jquery-marking-tool/

[BlackBird]

Ich hab das mal als Plugin für jQueryAdmin bzw. LibAdmin mit lib_jquery gepackt. Ich mußte eine kleine Änderung im JS machen, weil der Pfad zum Bild sonst hart verdrahtet ist. Probier' mal:

[iradj]

Hllo Bianka,

gehe ich recht in der Annahme, dass ich die Zeile mit Maus markiere und bei festgehalten Maus auf "B" drucken muss?

Grüße
Iradj

[moni0815]

Hallo BlackBird!

Das klingt super. Werde ich mal ausprobieren.

Ich melde mich ob und wie das geklappt hat.

Vielen Dank!

Liebe Grüße

Moni

[BlackBird]

gehe ich recht in der Annahme, dass ich die Zeile mit Maus markiere und bei festgehalten Maus auf "B" drucken muss?

Ja, genau. Du mußt nicht unbedingt etwas markieren, es genügt, wenn der Zeiger an der gewünschten Stelle ist. FF4 platziert den Cursor durch einfaches Anklicken einer Stelle im Text. Es erscheint dann (Edit: Also nach LMB-B) ein kleines Kästchen am Rand, das den Bookmark symbolisiert. Dieses Bildchen war auch der Grund für die kleine Änderung, die ich im JS machen mußte.

Auf der Demo-Seite des Autors ist das erklärt und kann gut ausprobiert werden.

(LMB = Left Mouse Button)

[iradj]

Funktioniert einwandfrei. Danke.
Iradj

[moni0815]

Hallo BlackBird!

Ich musste mich erstmal mit dem Query Admin auseinandersetzen, den kannte ich noch nicht. Nach vielen Fehlversuchen (ich verrate jetzt nicht wieviele *g*) habe ich das Plugin installiert. Das ist super.

Mir persönlich gefällt das noch besser, als der Pfeil zu mitnehmen. Den vergißt man nämlich schon mal leicht und muss dann wieder hochscrollen.

Echt genial!

Herzlichen Dank!

Liebe Grüße
Moni

[BlackBird]

Schön, daß es funktioniert (und gefällt).

Je nachdem, wie Dein Seitentemplate aussieht, kannst Du noch die kleine Grafik austauschen, die den Bookmark markiert. Ich hatte das mit "Round" getestet, da fällt das kleine Kästchen auf dem dunklen Hintergrund zu wenig auf. Die "Ersatzgrafik" einfach unter dem gleichen Namen wie die Originalgrafik im Unterverzeichnis "images" ablegen sollte genügen. Da wäre dann ja ein Pfeil machbar.