BBCode Buttons -> Image Buttons

[Scotty]

Wir kennen ja alle die normalen BBCode Buttons, wenn wir ein Beitrag schreiben wollen, genau die möchte ich durch Images austauschen.

Wenn man ein Tag aufmacht hat man im Button ja ein Sternchen drin, weiß jemand wie das geht, das anstelle des Sternchens einfach dann ein anderes Image geladen wird und dann beim schließen des Tags wieder das original Image erscheint?

So kann ich ja anstelle des Buttons ein Image setzen (?):

Code: Alles auswählen

<img border="0" src="images/bold.gif" name="bold" type="image" onClick="bbstyle(0)" onMouseOver="helpline('b')">

Nur wie weiter, siehe oben ?

[CKoenig]

Hm, ich würde dem Bild einfach eine ID verpassen, anschliessend beim onClick noch ein kleines Skript einbauen (sowas wie document.getElementById dann noch das element.src ändern, dabei darauf achten, dass man Bild a durch Bild b ersetzt und andersherum), und dann sollte es das doch sein, oder? (Ähnlich den onMouseOver Menüs)- Für Details zu Javascript schau doch z.B. einfach mal bei w3schools.com rein oder für die Javascript DOM Referenz schau mal bei selfhtml.org vorbei.
Hoffe das hilft Dir für nen Ansatz.

Gute Nacht,
Carsten

[witzigerkiller]

also ich mach das immer so;:

Code: Alles auswählen

<img src="bbcodes/bold.gif" width="15" height="15" alt="bold" 
onClick="document.GB.Eintrag.value += \' [b] \'">

und dan lass ich es halt ersetzen:

Code: Alles auswählen

$string = "[b]hallo[/b]";
$alt = [1]  "[b]";
$alt [2] = "[/b]";
$neu [1] = "<b>";
$neu [2] = "</b>";

preg_replace($alt, $neu, $string);

wenn du das mit sternchen haben willst, dann musst du dir die dateien vom phpbb forum mal angucken.

[Scotty]

wenn du das mit sternchen haben willst, dann musst du dir die dateien vom phpbb forum mal angucken.

Ich weiß, das aber hat man ja eh schon, wenn man normal die Buttons nutzt, ich will aber hier Grafiken nutzen und da schaut das dann schon etwas komisch aus .
Danke jedenfalls, mal schauen wie ich das mache, ansonsten eben wie überall nur Grafiken ohne Effekt:
[ externes Bild ]