bbcode - Images statt buttons ?

[Prometeus]

Hallo, ich würde gerne die Buttons durch images ersetzen. Das ganze habe ich mit folgendem Quellcode gemacht.

Code: Alles auswählen

		
#
# Öffne posting_body.tpl
#

#
# Finde 
#

<td>
<span class="genmed">
 <input type="button" class="button" accesskey="z" name="addbbcode18" value="wiki" style="text-decoration: underline; width: 40px" onClick="bbstyle(18)"  /> </span></td>

#
# Ersetze durch 
#

 <td><span class="genmed"> 
<input type="image" src="images/bbcode_wiki.gif" border="0px" alt="Wiki-bbcode" accesskey="w" name="addbbcode18" value="wiki" style="width: 50px; border: 0px;" onClick="bbstyle(18)" /></span></td>

# Ende

Die Imagedatei erscheint auch wunderbar. Das Problem:
Wenn ich drauf klicke kommen der Start- und der Endtag [wiki][/wiki] und dann läd die Seite ohne zutun automatisch neu. Woraufhin logischerweise alle Einträge verscheinden.

Kennt jemand ein Lösung dafür? Oder habe ich ein fehler gemacht?
Gruß

[oxpus]

Ich weiß jetzt nicht, ob es hilft, aber versuch mal anstelle

Code: Alles auswählen

onClick="bbstyle(18)"

das hier:

Code: Alles auswählen

onClick="bbstyle(18); return false;"

[Prometeus]

Oxpus, du bist mal wieder fantastisch...

[oxpus]

Och, man lernt halt nie aus...

[AmigaLink]

O-ha, gut zu Wissen.

[oxpus]

Keine Erklärung:
Wenn Javascript ausgeführt wird und eine Funktion erfolgreich abgeschlossen wird, setzt die Verarbeitung an dieser Stelle weiter fort, der Link würde dann also ausgelöst werden und die Seite neu laden (da ja ein Submit erfolgt).
return false; erzwingt dagegen ein Abbruch der Verarbeitung, egal, ob der vorherige Schritt erfolgreich war oder nicht.
Und das Script hält dann an dieser Stelle an, das Submit wird dann folglich nicht ausgelöst und die Seite auch nicht neu geladen.

Soviel mal als kleiner Exkurs ins Javascript Eventmanagement...

[AmigaLink]

Hehe, so lerne ich doch immer mal wieder etwas bezüglich JavaScript dazu.
Ich hab schonmal Überlegt mir da ein Buch zu holen. Aber PHP geht eindeutig vor. Deswegen verkneife ich mir das.

[oxpus]

So viel ist bei Javascript auch nicht nötig, selfHTML reicht da völlig aus, wenn man etwas wissen will.

[Prometeus]

Jou, da war ich, leider habe ich zufrüh gejubelt. Deine Lösung funktioniert nur für den letzten bb-code-Befehl. Alle davor weisen das Problem auf:

Ich habs vorher nur mit einem Bild versucht, daher hab ichs nicht bemerkt.

Hier, das ist mein ganzer Quelltext:

Code: Alles auswählen

			<td><span class="genmed"> 
			  <input accesskey="b" name="addbbcode0" value=" B " style="width: 30px; border: 0px;" onClick="bbstyle(0); return false;" type="image" src="images/bbcode_b.gif" alt="Fett" onMouseOver="helpline('b')" />
			  </span></td>
			<td><span class="genmed"> 
			  <input accesskey="i" name="addbbcode2" value=" i " style="width: 30px; border: 0px;" onClick="bbstyle(2); return false;" type="image" src="images/bbcode_i.gif" alt="Kursiv" onMouseOver="helpline('i')" />
			  </span></td>
			<td><span class="genmed"> 
			  <input accesskey="u" name="addbbcode4" value=" u " style="width: 30px; border: 0px;" onClick="bbstyle(4); return false;" type="image" src="images/bbcode_u.gif" alt="Text unterstreichen" onMouseOver="helpline('u')" />
			  </span></td>
			<td><span class="genmed"> 
			  <input accesskey="q" name="addbbcode6" value="Quote" style="width: 50px; border: 0px;" onClick="bbstyle(6); return false;" type="image" src="images/bbcode_quote.gif" alt="Quote/Zitat einfügen" onMouseOver="helpline('q')" />
			  </span></td>
			<td><span class="genmed"> 
			  <input accesskey="c" name="addbbcode8" value="Code" style="width: 50px; border: 0px;" onClick="bbstyle(8); return false;" type="image" src="images/bbcode_code.gif" alt="Code einfügen" onMouseOver="helpline('c')" />
			  </span></td>
			<td><span class="genmed"> 
			  <input accesskey="l" name="addbbcode10" value="List" style="width: 50px; border: 0px;" onClick="bbstyle(10); return false;" type="image" src="images/bbcode_list.gif" alt="Liste einfügen" onMouseOver="helpline('l')" />
			  </span></td>
			<td><span class="genmed"> 
			  <input accesskey="o" name="addbbcode12" value="List=" style="width: 50px; border: 0px;" onClick="bbstyle(12); return false;" type="image" src="images/bbcode_listg.gif" alt="Sortierte Liste einfügen" onMouseOver="helpline('o')" />
			  </span></td>
			<td><span class="genmed"> 
			  <input accesskey="p" name="addbbcode14" value="Img" style="width: 50px; border: 0px;"  onClick="bbstyle(14); return false;" type="image" src="images/bbcode_img.gif" alt="Bild einfügen" onMouseOver="helpline('p')" />
			  </span></td> 
			 <td><span class="genmed"> 
			  <input accesskey="z" name="addbbcode16" value="URL" style="width: 50px; border: 0px;" onClick="bbstyle(16); return false;" type="image" src="images/bbcode_url.gif" alt="Hyperlink einfügen"   />
			  </span></td>
			  <td><span class="genmed"> 
			  <input accesskey="w" name="addbbcode18" value="wiki" style="width: 50px; border: 0px;" onClick="bbstyle(18); return false;" type="image" src="images/bbcode_wiki.gif" alt="Link zum Wiki einfügen"  />
			  </span></td>

Für das Wiki-Bild passt deine Hilfe, für alles davor leide rnichtmehr

Fällt dir nochwas ein

[oxpus]

Hattest Du denn bei allen bbcode-Button Probleme?
Dann stimmt vielleicht eher was mit der Funktion selber nicht...

[Prometeus]

Ohh, danke für den Hinweis. Es funktioniert nur bei dem wiki-Eintrag ¢¦
Bei den anderen nicht. Auch nicht, wenn ich nur einen wähle, meinetwegen den List-Eintrag...
Das versteh ich nicht...

[oxpus]

Also wird bei allen anderen BBCode-Button die Seite jeweils neu geladen?
Dann häng mal bitte die posting_body.tpl an, um zu schauen, ob die Funktion nicht fehlerhaft ist...

[Prometeus]

Ja, ganauso ist es.
Hier ist sie...

[ Attachment gelöscht am Di 23.Jan, 2007 22:38 von oxpus ]

[oxpus]

Nun ja, eigentlich, wenn man es weiß, ein verständliches Verhalten:
Das Script versuchte die Werte der Images zu verändern, was aber an dieser Stelle nicht klappte und damit wurde, weil eben Javascript überhaupt nicht mehr ausgeführt wurde (was bei JS-Fehlern immer der Fall ist), die Seite neu geladen, denn die Button lösen ja ursprünglich ein Submit aus.
Ich habe daher nun die Veränderungen unterbunden und siehe da: Die Seite lädt nicht mehr neu.

Wenn doch, muss ich nochmal nachschauen, ob ich eine Stelle vergessen habe, aber ich denke nicht...

[Prometeus]

Fein, ich werds heute Abend mal durchtesten und dir Bescheid geben.
gruß und vielen Dank

Fein, es rockt Vielen Dank

[oxpus]

Kein Thema.
Viel Spaß damit...

[Prometeus]

Danke, hab ich