✔ Mit einem Bild JavaScript ausführen?

[SilverVegeto]

Hallo,
wie ist es denn möglich mit

<a href=""><img src=""></a>

das gleiche zu erzielen wie mit

<input type="button" class="button klein" value="fett" onclick="cur_ins(this.form.text, '[ b]', '[/ b]', 0);" name="fett" />

Geht mir nur um den Javascriptbefehl.

 

[Maik]

Hi,

ohne jetzt das übrige Markup zu kennen:

<a href="#" onclick="cur_ins(this.forms.text, '[ b]', '[/ b]', 0);"><img ...></a>

Denkbar wäre auch:

<a href="javascript:cur_ins(this.forms.text, '[ b]', '[/ b]', 0);"><img ...></a>

mfg Maik

 

[AtotheZ]

<a href="#" onclick="cur_ins(this.form.text, '[ b]', '[/ b]', 0);"><img src=""></a>

EDIT:
Maik war schneller oO...

 

[SilverVegeto]

Irgendwie passiert da garnix.
Also ich habe es mit einem Button schon versucht da klappt es auch.

Hiermal der Code:

echo '<a href="#" onclick="cur_ins(document.form.txt_text, \'s100a \', \'\', 0);"><img src="img/smilies/kingz/12_k.gif" border="0"></a>';

 

[Maik]

Für maßgeschneiderte Vorschläge wirst du hier schon etwas mehr Code posten müssen, wie blos diesen Einzeiler-Schnippsel.

Bei mir funktioniert der Vorschlag mit dem onclick-Event übrigens tadellos.

mfg Maik

 

[SilverVegeto]

Okay
Also der Java-Code (wird über die index.php eingebunden)

function cur_ins(field, startTag, endTag, offset) {
  field.focus();
  if (document.getSelection) { //FF, NS
    selStart = field.selectionStart;
    selEnd = field.selectionEnd;
    text = field.value.substring(selStart, selEnd);
    field.value = field.value.substring(0, selStart) + startTag + text + endTag + field.value.substring(selEnd);
    if (text.length > 0) {
      if (offset != 0) {
        field.selectionStart = selStart + startTag.length + text.length - offset;
	      } else {
        field.selectionStart = selStart + startTag.length + text.length + endTag.length;
	      }
	    } else {
       field.selectionStart = selStart + startTag.length;
	    }
    field.selectionEnd = field.selectionStart;
  } else 
  if (document.selection) { //IE
	      marker = document.selection.createRange();
      text = marker.text;
      marker.text = startTag+text+endTag;
      marker = document.selection.createRange();
      if (text.length > 0) {
        if (offset != 0) {
          marker.move('character', startTag.length + text.length - offset);
	        } else {
          marker.move('character', startTag.length + text.length + endTag.length + offset);
        }
      } else {
        marker.move('character', -(endTag.length));
      }
      marker.select();
   }
}

Wie gesagt funktioniert ja, weil über ein Button (Formular) funktioniert alles wunderbar nur möchte ich halt gerne das der Benutzer die Smilies sehen kann.

Der PHP-Code:

	 echo '<form action="index.php?page=gaestebuch" method="post">
      <div class="infobox-06" style="text-align: center;"><input class="textbox-03" type="text" name="txt_titel" maxlength="30" value="'.$_POST['txt_titel'].'"><br>
	  <textarea class="messagebox-01" cols="37" rows="4" name="txt_text">'.$_POST['txt_text'].'</textarea><br>
      <a href="#" onclick="cur_ins(document.form.txt_text, \'s100a \', \'\', 0);"><img src="img/smilies/kingz/12_k.gif" border="0"></a>
	  
	  <input class="button-01" type="submit" name="speichern" id="speichern" value="Speichern"><br><br><img src="img/con_line.gif" alt="-----"><br></div></form>';

 

[Maik]

Wie gesagt funktioniert ja, weil über ein Button (Formular) funktioniert alles wunderbar nur möchte ich halt gerne das der Benutzer die Smilies sehen kann.

Wenn's weiter nichts ist -> Klick-Buttons definieren (Bild).

mfg Maik