adadadsa

[wikibox_100|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.[/wikibox]

dfgdgdg
xxxxxxxxxxxxxxxxxx
qweq

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[ra]Layout[ra]Iconbar.
[[File:IBeins.PNG|none|auto]]

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:
[[File:IBzwei.PNG|none|auto]]
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“.
[[File:IBdrei.PNG|floatleft|auto]]
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

[[File:IBvier.PNG|floatleft|auto]]
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.

[[File:IBfuenf.PNG|floatleft|auto]]
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.

Bildanhänge