Iconbar: Anführungszeichen bei URL setzen

Iconbar: Anführungszeichen bei URL setzen
Viele Webseiten geben eine Möglichkeit Inhalte wie Bilder, ganz bequem in eine Webseite oder Forum zu integrieren. Es gibt allerdings keinen richtigen BB-Code an dem festgehalten wird. Wir zeigen euch anhand dieses Beispieles: Anführungszeichen bei URL wie dies möglich ist.



Bevor wir anfangen, möchte ich noch erwähnt haben, das dass Herzstück die JavaScript-Funktion ist. Besonders wenn innerhalb eines BB-Codes ein Link ins Spiel kommt. Links werden von der Software nicht als normalen Fließtext in Beiträgen angezeigt sondern werden Verlinkt, dadurch wird der BB-Code nicht umgesetzt. Durch die JavaScript-Funktion wird die Software ausgetrickst um BB-Codes richtig umzusetzen, aber dazu später mehr.

Forencode anlegen


Unser Ziel ist die Iconbar, dazu gehen wir folgende Pfade: Admin→Layout→Iconbar.

Nun gehen wir in der Icnbar auf den Reiter „Foren-Code“, und kopieren folgende Codes rein:



Ersetze:

1
 
[URL="{{nohttpurl}}"]
 


...

1
 
[/URL]
 



Mit:

1
 
<a href="http://{{nohttpurl}}" target="_blank" class="lbf">
 


...

1
 
</a>
 



So sieht es nun aus:

Jetzt ist es noch möglich ein Icon für diesen Foren-Code zu geben, das ist durch das Feld „Grafik“ möglich. Dort können wir auf „neue Grafik jetzt hochladen“ klicken, und aus bestehenden wählen oder eins vom Computer hochladen.
Nun klicken wir auf die „Weitere Einstellungen“.

Hier können wir die Reihenfolge, JS-Funktion und für wenn die Codes einsehbar sind bestimmen.

Wir brauchen die JS-Funktion, diese tut später beim Anklicken des Foren-Codes aufgerufen werden etwas zu tun, bei unserem Codeschnipsel wird ein Dialog eingeblendet um eine Link-Adresse eingeben zu können, sowie es auch in der normalen Version von [url] und [/url] auch ist. Dort geben wir folgendes ins Feld ein:

1
 
lbfLinkTag()
 


und speichern dies anschließend.


HTML-Element anlegen für JS-Funktion



Nun gehen wir zum Reiter „HTML“, dort geben wir im ersten Feld einen Namen, wie „JS-Funktion“. In diesen HTML-Element können wir später alle JS (JavaScript)-Funktionen einfügen, ohne jedes mal ein neues HTML-Element sich anlegen zu müssen.
Nun fügen wir die JS-Funktion dort ein:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<script>
function lbfLinkTag() {
sel =''; start=0;end=0;
var input = miranus_current_iconbar_textarea();
if(input==false) {alert('Fehler: Dieser Symbolbar wurde kein Textfeld zugeordnet. Verwenden Sie folgenden JS-Code für die Zuordnung: miranus_add_iconbar_textarea('textarea_id'); ');return false;}
start = input.selectionStart;
end = input.selectionEnd;
if(end && (start != end)){
sel = input.value.substring(start,end);
nosel = input.value.substring(0,start) + input.value.substring(end);
}
link=prompt('Link-Adresse:');
if (link != ' ' && link != null) {
if(sel && (sel != '')){input.value = nosel; setCaretPosition(input, start)}

link = link.replace('http://','');
link = link.replace('www.','');
return insert('[URL="'+link+'"]','[/URL]');}


}
</script>
 


anschließend speichern. Der eigentliche Knackpunkt ist: Sobald www.google.de, http://google.de oder beides http://www.google.de erkennt die Software das dass ein Link ist, wird jedoch google.de eingegeben, ist das für die Software kein Link, und wird nicht ersetzt. Dadurch das später in den Foren-Code eine Url eingegeben wird, mit diesen Anfangen http://, www. oder beides http://www. wird der Link anerkannt und umgesetzt, allerdings wird dann der Foren-Code dadurch verhauen, um das zu vermeiden, wird durch das JavaScript das ausgefiltert. Im Foren-Code steht aber noch http:// dadurch wird wieder das anklicken des Links ermöglicht.



Nachdem wir alles richtig gemacht haben, und noch dem Forencode ein schickes Icon verpasst haben, könnte es nachdem anklicken auf den Icon ein Fensterchen erscheinen wo wir nun unsere Link-Adresse eintragen können.

Login
Activity Feed
forum_topic forum_topic
Temu , a rapidly growing global shopping platform, is renowned for its extensive collection of trending items, unbeatable prices, and exceptional customer service. As of April 2025, Temu is offering an exclusive $100 Off coupon code (acs670886) to both new and existing users, enhancing your shopping...
forum_topic forum_topic
Exclusive Temu Coupon Code (acs670886) – Save Big on Your Shopping!Temu has become a go-to online marketplace for shoppers looking for high-quality products at unbeatable prices. With millions of trending items, fast delivery, and free shipping available in 67 countries, Temu ensures a seamless shop...
forum_topic forum_topic
Temu is changing the way we shop online with incredible deals, unbeatable prices, and exciting offers. If you're looking for a fantastic way to save, the Temu coupon code (acs670886) gives you a flat 90% discount, Temu shopping even more fun. Whether you're a new user or an existing shopper, this Te...
forum_topic forum_topic
Looking to snag amazing deals on trending products with unbeatable prices? Temu is here to Temu your shopping dreams come true. With the Temu coupon code (acs670886), you can enjoy up to £100 off, whether you’re a new or existing user. April 2025 brings even more fantastic savings, so don...
forum_topic forum_topic
IntroductionLooking for incredible savings on Temu ? Our Temu coupon code [acs670886] $200 off is here to give you unbeatable discounts on your next purchases.The [acs670886] coupon code ensures maximum benefits for shoppers across the USA, Canada, and European countries. Whether you're a new or exi...
forum_topic forum_topic
Looking to enjoy exclusive savings on your next Temu shopping spree? You're in luck! By using the special Temu coupon code (acs670886), you can unlock a flat $100 discount, score up to 40% off, and even access free gifts with your orders. Whether you're a first-time user or a loyal customer, Temu ’s...
forum_message forum_message
Rika1 und Oldi haben 2 neue Beiträge im Thema Laufschrift über Header geschrieben.
Olaf schickt Dir bestimmt das private Plugin, das er mir geschickt hat. Da hast Du es viel leichter.
rating rating
JiminyC hat sich bedankt!
Beitrag: Bewertungssystem mobiles Layout: Buttons nicht sichtbar
%usernames% hat sich bedankt!
forum_message forum_message
Oldi, Olaf und spotter46 haben 4 neue Beiträge im Thema Probleme mit V6 und x6 geschrieben.
Hallo ihr helfenden Hände,danke für die Hinweise und Unterstützungen. Auf wundersame Weise hat sich die Korrektur von Passwörtern und Profiländerungen erledigt. Ich komme an alle neuen Felder zur Korrektur heran. Leider habe ich die Ursache nicht ergründen können. Noch bleibt das Problem mit den "do...
rating rating
spotter46 hat sich bedankt!
Beitrag: Probleme mit V6 und x6
%usernames% hat sich bedankt!
rating rating
Olaf und Oldi haben sich bedankt!
Beitrag: Probleme mit V6 und x6
%usernames% haben sich bedankt!
forum_message forum_message
Olaf und 5 weitere haben 10 neue Beiträge im Thema Probleme mit V6 und x6 geschrieben.
Wenn ich mal was zu den Fehler im Plugin "Countdown" sagen darf;es müssen alle Felder im Plugin ausgefüllt werden.Wovon soll sonst das Programm die Zeit berechnen?Bei Dir fehlt die Eingabe der Jahreszahl.Im Bild Countdown 2 ist zu sehen,wie ich die Eingabe von diesen Ostern gemacht habe.GrußOlaf
forum_topic forum_topic
Oldi hat das Thema Probleme mit V6 und x6 erstellt
Bin begeistert mit dem Layout von x6. Wurde auch von den Usern als "nicht schlecht" angenommen. Habe allerdings einige Farben verändern müssen. Wurde so gewünscht. Dass die Smileys kleiner sind, ist zu akzeptieren, damit werden sie auch in der Gruppe übersichtlicher.Allerdings habe ich für mich leid...
forum_message forum_message
Mike48 und 2 weitere haben 11 neue Beiträge im Thema Header nicht sichtbar mobile Ansicht geschrieben.
Beim V1 bis V4 kommt man wie folgt in die mobilen EinstellungenAdministration → Layout → Mobil Da kannst du alle Einstellungen für die mobile Ansicht machen. Auch deine Farben in Mobil so wie im Desktop anpassen. Für den Header:Administration → Layout → Mobil →Desktop-Header Zum Beispiel so:[[File:D...
rating rating
Katzenpfote hat sich bedankt!
Beitrag: Foren-Logo
%usernames% hat sich bedankt!
forum_message forum_message
Mike48 und 1 weitere haben 6 neue Beiträge im Thema Foren-Logo geschrieben.
Ich habe es mal probiert.Administration → Kopf- & FußzeileIm Logo Wizard nur das Logo eingetragen. Ich habe das Logo geändert und den Hintergrund transparent gemacht. Kannst du dir hier runterladen.[[File:Katzen-Logo-3.png|none|600px|600px]]Administration → Layout → Farben & Einstellungen → Desktop-...
rating rating
Katzenpfote hat sich bedankt!
Beitrag: Foren-Logo
%usernames% hat sich bedankt!
forum_message forum_message
spotter46 und 1 weitere haben 2 neue Beiträge im Thema Foren-Logo geschrieben.
Zitat von Katzenpfote im Beitrag #11Hallo Zusammenwie kann ich das Forenlogo vergrößern?In dem Du das Bild vergrößerst und das alte Logo damit ersetzt
forum_message forum_message
Katzenpfote und 1 weitere haben 4 neue Beiträge im Thema Meine Forenadresse wird unter den Beiträgen falsch angezeigt? geschrieben.
Zitat von creator im Beitrag #4Wenn du bei der Signatur etwas nach unten scrollst, wirst du den Link sicher sehen können.Dankeschön für den Hinweis 👏 genauso ist es.
forum_topic forum_topic
Hallo Zusammen,kann mir Jemand sagen warum die Forenadresse falsch angezeigt wird obwohl der Eintrag im Profil richtig ist?Unter den Beiträgen hier wird angezeigt www.katzenforum.dein meinem Profil steht www.katzenforum-nr1.de [[File:IMG_4343.jpeg|none|fullsize]]
forum_message forum_message
Katzenpfote hat einen neuen Beitrag im Thema Zugriff auf eigenen Domain geschrieben.
Danke @Ingmar für den Hinweis, das hatte ich glatt überlesen. Es hat sich gerade Jemand bei mir gemeldet. Vielen Dank
rating rating
Olaf hat sich bedankt!
Beitrag: Laufschrift über Header
%usernames% hat sich bedankt!
forum_message forum_message
creator hat einen neuen Beitrag im Thema Eigene Seite auf dem Smartphone geschrieben.
Zitat von Andreas Lipske im Beitrag #4Wenn man "responsiv" einsetzt, dann haben u.a."div" u. "center" in dem Seitencode nichts mehr verloren...Wo genau hast du das gehört? Das eine hat mit dem anderen nichts zu tun.Center ist "deprecated" (zur Entfernung vormarkiert), funktioniert aber weiterhin. St...
forum_message forum_message
Rika1 hat einen neuen Beitrag im Thema Laufschrift über Header geschrieben.
Lieber Olaf herzlichen Dank! Das ist jetzt genau was ich wollte und funktioniert einwandfrei!
rating rating
Rika1 hat sich bedankt!
Beitrag: Laufschrift über Header
%usernames% hat sich bedankt!
forum_message forum_message
Olaf und 3 weitere haben 6 neue Beiträge im Thema Laufschrift über Header geschrieben.
@Rika1 Ich habe Dir mein Plugin nochmal zugesendet (Version 0.020).Da kannst Du jetzt einstellen,ob die Laufschrift unter der Navi angezeigt werden soll oder über den Header.Sehr wichtig ist,das bei der Einstellung im Plugin "Anzeigen über den Header" beim V6 das Menü von Xobor nicht fixiert sein da...
rsummary rsummary
spotter46 und 2 weitere haben 2 Beiträge bewertet (Details)
%usernames% haben sich bedankt!
Wer ist Online?
0 Mitglieder und 69 Gäste sind Online
Besucher Statistiken
69 Aktive User
0 Mitglieder und 69 Gäste sind Online

Besucherrekord
1274 Benutzer gleichzeitig online (11.10.2019 18:19)

Besucherzähler
Heute waren 337 Gäste , gestern 6441 Gäste online

Statistiken
Themen 41902
Beiträge 306902
Mitglieder 12.581
Forum empfehlen