bb codes - Image statt Text?

[shadowrider]

ich möchte im posting_body.php die Anzeige der bb-code-Funktionen teilweise austauschen, z.B. für Center statt des Textes ein Image, was muss ich da wie machen?

wie kann ich eine weitere Reihe bb-code-Funktionen zufügen?

[oxpus]

In der posting_bbcode.tpl hast Du für jeden BBCode im Normalfall einen input-Befehl wie diesen hier:

Code: Alles auswählen

<input type="button" class="button" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold" onClick="bbstyle(0)" onMouseOver="helpline('b')" />

Um daraus ein Bild zu machen, könnte der so aussehen:

Code: Alles auswählen

<img src="image.gif" border="0" accesskey="b" name="addbbcode0" style="liteoption" onClick="bbstyle(0)" onMouseOver="helpline('b')" />

"image.gif" ist dabei mit dem Bild (inklusive Pfadangaben) zu ersetzen, welches eben angezeigt werden soll.
Die Markierung eines geöffneten BBCodes ist hierbei nicht berücksichtigt und auch so nicht möglich.
Dazu wäre mit dem Javascript das Bild zu ersetzen, allerdings stehe ich mit JS immer ein wenig auf Kriegsfuß.

Soweit zumindest die Theorie. Ausprobieren.

Was allerdings weitere BBCodes anbelangt:
Runterladen, installieren und benutzen.
Um die Reihen der BBCode-Button zu teilen, füge an gewünschter Stelle zwischen diesen (o.g.) <input... /> ein <br /> ein.

[shadowrider]

habe irgendwo nen Fehler, er fängt erst mit der zweiten Funktion an, also der erste bbcode ist Tabelle, beim allerersten click schließt er aber, beim zweiten öffnet er Bold:

Code: Alles auswählen

<td><span class="genmed"> 
			  <input type="button" class="button" accesskey="g" name="addbbcode1" value="Tabelle" style="width: 50px" onClick="bbstyle(1)" onMouseOver="helpline('g')" />
			  </span></td>
			  
			  <td><span class="genmed">
			  <img src="images/bold1.gif" border="0" accesskey="b" name="addbbcode2" style="liteoption" onClick="bbstyle(2)" onMouseOver="helpline('b')" />			  
			</span></td>
			  
			
			<td><input type="button" class="button" accesskey="i" name="addbbcode3" value=" i " style="font-style:italic; width: 30px" onClick="bbstyle(3)" onMouseOver="helpline('i')" />
			  </span></td>
			<td><span class="genmed"> 
			  <input type="button" class="button" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onClick="bbstyle(4)" onMouseOver="helpline('u')" />
			  </span></td>

schlimmer, es ist alles durcheinander, je weiter ich durch die bbcodes clicke

[oxpus]

Die Nummern, wie hier bei "addbbcode2" und "bbstyle(2)", müssen immer in 2er Schritten erfolgen, beginnend mit 0.
Also 0, 2, 4, 6, ...

Warum?
Das Array, aus dem die Inhalte kommen, hat ja auch immer 2 Werte je BBCode (die meisten jedenfalls). Also eins zum Öffnen und eins zum Schliessen.

Daher kommen bei Dir auch die umpassenden BBCodes raus!

[shadowrider]

hatte da mehrere Sachen falsch, nu passt das aber wieder, danke

[shadowrider]

Um die Reihen der BBCode-Button zu teilen, füge an gewünschter Stelle zwischen diesen (o.g.) <input... /> ein <br /> ein.

das interessiert mein Board irgendwie nicht?

Code: Alles auswählen

<input type="button" class="button" accesskey="l" name="addbbcode12" value="Liste" style="width: 40px" onClick="bbstyle(12)" onMouseOver="helpline('l')" />
			  </span></td>
			<td><span class="genmed"> 
			  <input type="button" class="button" accesskey="o" name="addbbcode14" value="List=" style="width: 40px" onClick="bbstyle(14)" onMouseOver="helpline('o')" /> 
			   </span></td>
			   			   <br />
			  <td><span class="genmed"> 
			  <img src="images/img.gif" border="0" accesskey="p" name="addbbcode16" style="liteoption" onClick="bbstyle(16)" onMouseOver="helpline('p')" />			  
			</span></td>
			<td><span class="genmed"> 
			  <img src="images/url.gif" border="0" accesskey="w" name="addbbcode18" style="liteoption" onClick="BBCurl()" onMouseOver="helpline('w')" />			  
			</span></td>

ich denke mal irgendwie mache ich wieder Syntaxfehler

[oxpus]

Ach so, bei Dir sind die in Zellen eingepackt.
Dann musst Du anstelle des <br /> diesesn hier einfügen:

Code: Alles auswählen

</tr></tr>

Damit wird dann eine neue Zeile in der Tabelle angelegt, in der die BBCode-Button vorhanden sind.

[shadowrider]

ja, so geht das - aber bin noch nicht glücklich,
wie kann ich das ganze noch zentriert darstellen, so dass unabhängig davon, wieviele Buttons da sind, alles noch vernünftig aussieht

[oxpus]

Dazu suche die vorhergehende Tabellen-Definition und füge dort nach "<table" noch align="center" ein.

[shadowrider]

funktioniert nicht wirklich, aber die anderen Probleme gehen vor (Kalender Dropdown und SITEIMG), ich will nicht ausprobieren ab welcher Stelle wegen Verzweiflung hier geschlossen wird (auch wenn ihr zwei euch doppelt reinwerft) :ok

[oxpus]

Häng dann mal die posting_body.tpl hier an und ein Screeni dazu, wie es aussehen soll.

[shadowrider]

hat sich erstmal erledigt, habe die Funktionen für Bild links, rechts usw. rausgenommen, da sowieso der text nicht daneben kann ist es eher unnütz - dadurch hab ich 3 Buttons gespart und bekomme alles in eine Zeile
(code nur aus der posting_body.tpl entfernt)