Tutorial Übersicht Tutorial Übersicht  >>  ET-Chat ET-Chat

BB-Code Bild Direktaufruf über Icon
Von: Harlekin am: 23.10.2017 - 08:39 Gelesen 559 x gelesen drucken

Werbung:
ALL INKL



Ich brauchte bei mir im ET-Chat mal einen Direktaufruf für Bilder. Ich habe folgende Lösung dafür gefunden:

1. suche dir ein Bild in der Größe 32 x 32 Pixel. Lade es bei dem ET-Chat in das Verzeichnis img (ich habe es bei mir als picture.png).

2. öffnet den im Verzeichnis vom ET-Chat den Ordner styles, wechselt dann in den Ordner des Styles, den ihr nutzt und öffnet dort die chat.tpl.html mit einem Editor.

Sucht dort nach:
Code Alles auswählen
<img id="link_smileys" class="img_button" src="img/Smiley_Cool.png" width="32" height="32" border="0" alt="<?php echo $this->lang->smileys[0]->tagData; ?>" title="<?php echo $this->lang->smileys[0]->tagData; ?>" />   


und fügt, für den Bild BB-Code, dahinter in einer neuen Zeile ein:
Code Alles auswählen
<img id="link_picture" class="img_button" src="img/picture.png" width="32" height="32" border="0" alt="<?=$this->lang->picture[0]->tagData?>" title="Bild einfügen" />   


picture.png bitte mit eurem Bild in dem Code ersetzen!

3 öffnet dann im Verzeichnis vom ET-Chat/js die Datei chat.js

Sucht dort nach:
Code Alles auswählen
$("link_smileys").onclick = function(){ open_close_smileys_win('message'); }


und fügt danach in einer neuen Zeile ein:
Code Alles auswählen
// Bild BBcode
   $("link_picture").onclick = function(){
   $("message").value+="[img][/img]";
   }


Fertig!

Getestet mit ET-Chat v3.0.7 (Release 1)

War dieses Tutorial hilfreich für dich?
Nur Mitglieder können abstimmen!
Für 6 der Mitglieder war es hilfreich.
Für 0 der Mitglieder nicht.