Iconbar: Neue Schaltfläche mit JS-Funktion

  • Seite 1 von 3
11.03.2016 17:31
#1 Iconbar: Neue Schaltfläche mit JS-Funktion
Em
Mitglied

Hallo!
Ich möchte folgendes erreichen:
Text markieren, Klick auf eine Schaltfläche zur Textformatierung, ein Eingabefenster erscheint. Dort gibt man dann den Text ein.
Konkret:

Songtitel → markieren → Klick auf Schaltfläche "Trackartist" → Eingabemaske "Bitte Interpreten eingeben" → Eingabe des Interpreten
Resultat wäre dann:
vorher: Songtitel

Zitat
[track artist=Interpret]Songtitel[/track]



Ich bräuchte also (vermutlich) einen JS-Code, mit dem ich die Information hinter dem = einfügen kann

Mit JS habe ich leider überhaupt keine Erfahrung, so dass ich gar nicht weiß, wie ich mir sowas zurechtbasteln könnte. Diese Formatierungen sind für Last.fm vorgesehen, weil man dort jeden BB-Code händisch eingeben muss, was enorm viel Zeit kostet und extrem mühselig ist.

Ich hoffe, dass ihr mir helfen könnt. :)

Viele Grüße

Anja


 Antworten

 Beitrag melden
19.03.2016 13:17
#2 RE: Iconbar: Neue Schaltfläche mit JS-Funktion
Em
Mitglied

Na ja, ich hatte auch nicht wirklich mit einer Antwort gerechnet.


 Antworten

 Beitrag melden
19.03.2016 15:04
avatar  Olaf
#3 RE: Iconbar: Neue Schaltfläche mit JS-Funktion
Ol
Mitglied

Zitat von Ember2012 im Beitrag #2
Na ja, ich hatte auch nicht wirklich mit einer Antwort gerechnet.

Es liegt nicht daran,das Dir keiner Antworten will,sondern ich glaube eher,das Dich nicht jeder verstanden hat,was Du genau haben möchtest.

Kannst Du uns z.B. einen Link zu der Seite geben,wo diese Liste ist,die Du als erleichterte Eingabe haben möchtest.
Das ließe sich bestimmt mit Javascript mit der "prompt() Methode" machen.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
19.03.2016 19:13
#4 RE: Iconbar: Neue Schaltfläche mit JS-Funktion
Em
Mitglied

Nun, die Leute, die sich mit JS auskennen, werden schon verstanden haben, was ich brauche. Vergleichbar ist dies mit dem url-Tag. Man markiert einen Text,klickt auf , dann erscheint eine Eingabeaufforderung (in diesem Fall ist nur die zweite identisch). Die Seite nannte ich bereits, http://www.last.fm/de/.


 Antworten

 Beitrag melden
19.03.2016 19:54
avatar  Olaf
#5 RE: Iconbar: Neue Schaltfläche mit JS-Funktion
Ol
Mitglied

Ich dachte,es geht um ein Xobor Forum,wofür Du diese Funktion haben möchtest.
Da es sich um eine andere Seite handelt,kann ich Dir nicht helfen.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
19.03.2016 22:30 (zuletzt bearbeitet: 19.03.2016 22:39)
#6 RE: Iconbar: Neue Schaltfläche mit JS-Funktion
Em
Mitglied

Natürlich handelt es sich um ein Xobor-Forum. Warum sollte ich dann sonst hier fragen? Es spielt aber keine Rolle, um welches Forum es sich handelt, weil es a) geschlossen ist und b) nur für mich als großer Editor für diverse Wikis - u.a. Last.fm - dient.

http://fs5.directupload.net/images/160319/t8fbdf8n.png

So sieht es derzeit aus. Da ich trotzdem alles manuell eintragen muss und dadurch eine Menge Zeit vergeude, wäre eine JS-Variante deutlich angenehmer.


 Antworten

 Beitrag melden
20.03.2016 01:53
avatar  Olaf
#7 RE: Iconbar: Neue Schaltfläche mit JS-Funktion
Ol
Mitglied

Ich steige da noch nicht so ganz durch,was Du jetzt genau in Deinen Forum einbauen willst und wie es funktionieren soll und wie es aussehen soll.
In Deinen Screenshot ist der Eintrag in der Iconbar nicht richtig.
In der oberen Zeile bei "Ersetze:" wird der BB Code eingetragen und in den Feldern "Mit:" kommt der HTML Code rein,der ausgeführt werden soll,wenn der BB Code aufgerufen wird.
So wie Du es eingetragen hast,bringt es nicht viel.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
20.03.2016 04:12 (zuletzt bearbeitet: 20.03.2016 04:19)
#8 RE: Iconbar: Neue Schaltfläche mit JS-Funktion
Em
Mitglied

Zitat von Olaf im Beitrag #7
Ich steige da noch nicht so ganz durch
Das musst du auch gar nicht. Ich muss das. Die aktuelle Lösung soll nur ein Provisorium sein, welches mir die benötigten Codes an die richtig Stelle setzt. Lediglich den Wert nach dem = muss ich per Strg+V selbst einfügen. Eben jenes soll über eine Eingabeaufforderung passieren. Mein Xobor-Forum dient nur und ausschließlich zum Verfassen und Formatieren von Texten. Wirkung haben diese speziellen BB-Codes dann auf Last.fm.

Als Orientierung der JS-Code für [url]:

1
 
<div onclick="insertLinkTag()" class="xob_icon_cont"><img title="[url][/url]" alt="[url][/url]" class="xob_icon" src="https://img.homepagemodules.de/ds/static/gaia/link.png" ></div>
 



In der Praxis sehen die Formatierungen dann so aus:

The Rubettes ist eine [yearformed]1973[/yearformed] gegründete Band aus [placeformed]England[/placeformed], deren größter Erfolg die Single [track artist=The Rubettes]Sugar Baby Love[/track] aus dem Jahr 1974 ist.

Bandgeschichte
[track artist=The Rubettes]Sugar Baby Love[/track] war der einzige Nummer-eins-Hit in Deutschland und Großbritannien und konnte sich als einziger Titel der Gruppe in den USA platzieren. Das Lied wurde ursprünglich von Paul da Vinci gesungen, der sich, noch bevor sich der Titel zum Hit entwickelte, für eine Solokarriere entschied.

Es folgten zahlreiche weitere Top-10-Hits der Rubettes in ganz Europa, darunter [track artist=The Rubettes]Tonight[/track], [track artist=The Rubettes]Juke Box Jive[/track], [track artist=The Rubettes]I Can Do It[/track] und [track artist=The Rubettes]Foe-dee-oh-dee[/track]. [track artist=The Rubettes]Baby I Know[/track], eine Ballade im [tag]Country Rock[/tag]-Stil, war im Jahr 1977 der letzte Top-10-Hit in Großbritannien.

Die ersten sechs Singles und drei Alben wurden von Wayne Bickerton und Tony Waddington produziert, die in den 1960er Jahren mit Ex-Beatle [artist]Pete Best[/artist] zusammenarbeiteten. Mehrere Titel der ersten drei Alben wurden auch von anderen Künstlern aufgenommen und zu Charterfolgen, z.B. [track artist=Carl Wayne]Way Back in the Fifties[/track] für [artist]Carl Wayne[/artist] (ehemals bei [artist]The Move[/artist]) 1975, [track artist=Mac & Katie Kissoon]Don't Do It Baby[/track] und [track artist=Mac & Katie Kissoon]I'm Just Dreaming[/track] für [artist]Mac and Katie Kissoon[/artist] 1975 und 1976.

Ab 1976 lösten sich die Rubettes vom Produzenten- und Komponisten-Duo Bickerton & Waddington und produzierten ihre Singles und Alben zusammen mit Alan Blakely (ehemals bei [artist]The Tremeloes[/artist]) selbst. Verbunden damit war ein Ausflug in das Genre des Country-Rocks mit Liedern wie [track artist=The Rubettes]Under One Roof[/track], [track artist=The Rubettes]Baby I Know[/track], [track artist=The Rubettes]Sometime in Oldchurch[/track] und [track artist=The Rubettes]Still Unwinding[/track].

In den 1990er Jahren kamen einige neue Alben und Singles heraus, u.a. [album artist=The Rubettes]Riding on a Rainbow[/album] (1992), [album artist=The Rubettes]Making Love in the Rain[/album] (1995) und in Frankreich [album artist=The Rubettes]Smile[/album] (1994) sowie [album artist=The Rubettes]The Very Best of the Rubettes[/album] (1999). Letzteres vereinte die größten Erfolge aus den 1970er Jahren zusammen mit neuen Titeln der 1990er und konnte sich in den Top-10 der Charts in Frankreich platzieren.

Die Band geht auch heute noch unter dem Namen „The Rubettes feat. Alan Williams“ auf Tour. Infolge eines Gerichtsurteils gibt es inzwischen zwei Gruppen namens Rubettes. Auch der Keyboarder Bill Hurd darf zusammen mit dem früheren Studiosänger Paul da Vinci und weiteren Musikern als „Rubettes feat. Bill Hurd“ auftreten.

2008 trat die Gruppe in der RTL-Sendung "Die ultimative Chartshow" auf und belegte mit Sugar Baby Love den ersten Platz der Ausgabe Die erfolgreichsten Oldies aller Zeiten.

Studioalben
[album artist=The Rubettes]Wear It's 'At[/album] (1974)
[album artist=The Rubettes]We Can Do It[/album] (1975)
[album artist=The Rubettes]Rubettes[/album] (1975)
[album artist=The Rubettes]Sign of the Times[/album] (1976)
[album artist=The Rubettes]Baby I Know[/album] (1977)
[album artist=The Rubettes]Sometime in Oldchurch[/album] (1978)
[album artist=The Rubettes]Still Unwinding[/album] (1978)
[album artist=The Rubettes]Shangri'la[/album] (1979)
[album artist=The Rubettes]Riding on a Rainbow[/album] (1992)
[album artist=The Rubettes]Making Love in the Rain[/album] (1995)


 Antworten

 Beitrag melden
20.03.2016 10:23
avatar  TripleM
#9 RE: Iconbar: Neue Schaltfläche mit JS-Funktion
avatar
Mitglied

Ember ich kann nicht Verstehen wie du gerade Argumentierst. Regst dich auf das dir keiner Helfen will. Und dann schaue ich deine bisher Geschriebenen Beiträge im Support an und muss feststellen das du sehr Ungeduldig bist.
Olaf hat seine Hilfe angeboten. Dann sollte man auch, zum ersten darauf eingehen was er sagt mit dem BB Code und zum anderen, nicht mit Argumenten kommen, du musst das nicht verstehen sondern ich muss das. So wirst du hier keine Große Hilfe bekommen.
Und da ich nun schon weiß wie deine Antwort ausfallen wird bin ich mit diesem Post auch raus aus dem Thema.


 Antworten

 Beitrag melden
20.03.2016 10:25 (zuletzt bearbeitet: 20.03.2016 10:33)
#10 RE: Iconbar: Neue Schaltfläche mit JS-Funktion
Em
Mitglied

Zitat von TripleM im Beitrag #9
Ember ich kann nicht Verstehen wie du gerade Argumentierst.
Ich argumentiere gar nicht, weil dies keine Diskussion ist. Ich habe eine simple Frage gestellt und auf Antwort gehofft. Abgesehen davon kann man wohl kaum von Ungeduld sprechen, wenn der erste Beitrag 9 Tage alt ist. Meine Frage dürfte für Kenner leicht zu beantworten sein.


 Antworten

 Beitrag melden
20.03.2016 13:31 (zuletzt bearbeitet: 20.03.2016 13:46)
avatar  .BiL.
#11 RE: Iconbar: Neue Schaltfläche mit JS-Funktion
avatar
Mitglied

Zitat von Ember2012 im Beitrag #10
Meine Frage dürfte für Kenner leicht zu beantworten sein.
Vielleicht gibt es ja hier keine Kenner. Wir sind hier alle nur Admins, wie du und ich ... Einige sind dabei, die sehr gerne ihr Wissen teilen und helfen (in ihrer Freizeit, die unter der Woche möglicherweise begrenzt ist bei berufstätigen Leuten). Aber wenn selbst Olaf nicht genügend Informationen hat, um dir zu helfen, wir es schweirig.

Was ich verstanden habe - du möchtest eigene BBCodes zum Formatieren anlegen?

Dann musst du Olafs Rat befolgen:

in Ersetze: kommen Anfang- und Ende-Tag des selbst erstellten Icons, das du nachher im Beitrag nutzen möchtest.

in mit: kommt der entsprechende html-Code für den gewünschten Styles.

Hier mal Beispiele aus unserem Forum:



in der unteren Zeile steht:

1
2
3
 
 <div style="border-radius:3px;background: #f7f6f2; box-shadow:3px 3px 5px #757267; 
padding: 10px; margin:6px; z-index: 800;">
(Sorry, der Code wird hier leider abgeschnitten, deshalb zweizeilig.)
 


Auch denkbar ist ein ganz einfacher Code bezogen auf eine selbst erstellte Klasse und zusätzlicher Formatierung in der CSS.
in der CSS steht dann:

1
2
3
4
5
6
7
8
9
10
11
 
/* Gestaltung einer Kommentar-Box für Beiträge */
.kommbox {
background-color:#ede7ca; /* Hintergrundfarbe */
width:600px !important; /* Breite der Kommentarbox */
padding:20px 50px 20px 20px !important; /* Abstand des Textes vom Rand */
box-shadow:2px 2px 5px #757267; /* Schatten */
border-radius:0px 100px 100px 0px; /* abgerundete Ecken */
border-width:1px; /* Breite der Rahmenlinie */
border-style:solid; /* Art der Rahmenlinie - hier durchgezogen */
border-color:#c4bea1; /* Farbe der Rahmenlinie */
}
 



Ich denke allerdings, dass du den so formatierten Text nicht einfach auf eine andere Webseite übertragen kannst, es sei denn, du richtest dort die gleichen CSS-Anweisungen ein.y, leider wird der Code hier abgeschnitten ...ab zweizeilig|addpics|d-ds-5fcf.png-invaddpicsinvv,d-dt-c237.png-invaddpicsinvv,d-du-405d.png-invaddpicsinvv|/addpics|

.
Viele Grüße .BiL.
Friends of Xobor

Fragen zu Plugins und Pluginideen bitte nicht per PN, sondern öffentlich oder im FoXum stellen.

 Antworten

 Beitrag melden
20.03.2016 13:46 (zuletzt bearbeitet: 20.03.2016 13:48)
#12 RE: Iconbar: Neue Schaltfläche mit JS-Funktion
Em
Mitglied

Entweder schreibe ich in einer fremden und exotischen Sprache, oder aber es wird bewusst nicht richtig zugelesen. Also nochmal zum Mitschreiben:

Mein Xobor-Forum ist kein Forum im eigentlichen Sinne, sondern dient nur mir persönlich als Editor. Mehr nicht. BB-Codes, wie ich sie z.B. auf Last.fm brauche, muss ich händisch dort einfügen, weil die gar keinen Editor anbieten, sondern bloß einen Textkasten. Sämtliche Formatierungen mussen manuell per Tastatur eingeben werden. Dies gilt sowohl für Standardkram wie [ b][ /b] oder [ u][ /u], als auch für spezielle Dinge, die eben nur dort ausgelesen werden können. Sachen wie [artist]Künstler XY[/artist] habe ich problemlos selbst eingebaut, da sie auf demselben Schema basieren. Für Befehle, die eine zusätzliche Eingabe erfordern, wäre ein Javascript nett, damit ich nicht jedes Mal per Maus den Cursor an die Stelle setzen muss, wo die fehlenden Daten eingetragen werden müssen.

Auch hier noch mal in aller Deutlichkeit ein Beispiel:
Um auf Last.fm ein z.B. ein Album direkt zu verlinken, setzt man um den Albumtitel den BB-Tag

[album artist=Künstler XY]Albumtitel[/album].

Die BB-Codes, die ich aktuell verwende, setzen den Tag, ohne aber den Wert nach dem = abzufragen. Exakt dafür brauche ich ein Script. Daher auch mein Hinweis auf das geläufige Script, wenn man Seiten verlinken will. Dann erscheint ja auch ein Popup mit der Aufforderung, die Adresse einzugeben (so man vorher einen Text markiert hat). Exakt DAS will ich haben.

Alternativ ginge auch, wenn der Cursor nach dem Klick auf die entsprechende Schaltfläche direkt hinter das = gesetzt würde. Das wäre derselbe Effekt.


 Antworten

 Beitrag melden
20.03.2016 14:02
avatar  .BiL.
#13 RE: Iconbar: Neue Schaltfläche mit JS-Funktion
avatar
Mitglied

Tja, ich dachte, ich hätte dich verstanden. Ich nutze auch BBCodes zum Formatieren, deshalb dachte ich, meine Beispiele könnten passen.
Ein Popup habe ich an dieser Stelle noch nicht programmiert. Womit ich nicht sagen will, dass es nicht geht. Aber da müssen andere ran.

Ein Versuch noch zur Güte: alle drei Beispiele, die ich zeigte, funktionieren so, dass der Cursor sofort dort steh, wo der Text eingegeben wird.
Also z.B. so:

1
 
[info]hier ist die Cursorposition[/info]
 

Aber das sind natürlich nur drei sehr einfache Beispiele.

Mehr kann ich nicht dazu beitragen.

Zitat
... oder aber es wird bewusst nicht richtig zugelesen

Solche Unterstellungen bitte ich zu unterlassen. Wenn man sich (Sonntagnachmittags) die Mühe macht, dir Lösungsmöglichkeiten zu posten, hat man deinen Text wohl gelesen.

.
Viele Grüße .BiL.
Friends of Xobor

Fragen zu Plugins und Pluginideen bitte nicht per PN, sondern öffentlich oder im FoXum stellen.

 Antworten

 Beitrag melden
20.03.2016 14:09 (zuletzt bearbeitet: 20.03.2016 14:11)
#14 RE: Iconbar: Neue Schaltfläche mit JS-Funktion
Em
Mitglied

Zitat von .BiL. im Beitrag #13
Beispiele, die ich zeigte, funktionieren so, dass der Cursor sofort dort steh, wo der Text eingegeben wird.
Also z.B. so:

1
 
[info]hier ist die Cursorposition[/info]
 

Aber das sind natürlich nur drei sehr einfache Beispiele.



Ja, hat aber nichts mit meinem Anliegen zu tun, weil der Cursor nicht zwischen den Befehl soll.

1
 
[info=hier ist die Cursorposition][/info]
 


 Antworten

 Beitrag melden
20.03.2016 14:16
avatar  .BiL.
#15 RE: Iconbar: Neue Schaltfläche mit JS-Funktion
avatar
Mitglied

Ich sagte ja schon - da bin ich raus.

.
Viele Grüße .BiL.
Friends of Xobor

Fragen zu Plugins und Pluginideen bitte nicht per PN, sondern öffentlich oder im FoXum stellen.

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!