[JavaScript] Einfügen Funktion

Dieses Thema im Forum "Webentwicklung" wurde erstellt von GaYlORd, 8. November 2008 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 8. November 2008
    Einfügen Funktion

    Sers!

    Ich hab folgende Funktion auf selfhtml gefunden.
    Sie macht, dass wenn man auf ein bild klickt, zum beispiel "" in ein formularfeld eingefügt wird.
    Ansich funktioniert sie auch, nur ich finde sehr umständlich und kompliziert. Und, was sehr schlecht ist, sobald das formularfeld auf der seite so weit unten ist, dass man mit dem browser scrollen muss, hüpft die seite immer zum anfang, sobald man auf das einfügen symbol geklickt hat.

    Die funktion
    HTML:
    <script type="text/javascript">
    <!--
    function inserthans(aTag, eTag) {
     var input = document.forms['formular_name'].elements['textfeld_name'];
     input.focus();
     /* für Internet Explorer */
     if(typeof document.selection != 'undefined') {
     /* Einfügen des Formatierungscodes */
     var range = document.selection.createRange();
     var insText = range.text;
     range.text = aTag + insText + eTag;
     /* Anpassen der Cursorposition */
     range = document.selection.createRange();
     if (insText.length == 0) {
     range.move('character', -eTag.length);
     } else {
     range.moveStart('character', aTag.length + insText.length + eTag.length); 
     }
     range.select();
     }
     /* für neuere auf Gecko basierende Browser */
     else if(typeof input.selectionStart != 'undefined')
     {
     /* Einfügen des Formatierungscodes */
     var start = input.selectionStart;
     var end = input.selectionEnd;
     var insText = input.value.substring(start, end);
     input.value = input.value.substr(0, start) + aTag + insText + eTag + input.value.substr(end);
     /* Anpassen der Cursorposition */
     var pos;
     if (insText.length == 0) {
     pos = start + aTag.length;
     } else {
     pos = start + aTag.length + insText.length + eTag.length;
     }
     input.selectionStart = pos;
     input.selectionEnd = pos;
     }
     /* für die übrigen Browser */
     else
     {
     /* Abfrage der Einfügeposition */
     var pos;
     var re = new RegExp('^[0-9]{0,3}$');
     while(!re.test(pos)) {
     pos = prompt("Einfügen an Position (0.." + input.value.length + "):", "0");
     }
     if(pos > input.value.length) {
     pos = input.value.length;
     }
     /* Einfügen des Formatierungscodes */
     var insText = prompt("Bitte geben Sie den zu formatierenden Text ein:");
     input.value = input.value.substr(0, pos) + aTag + insText + eTag + input.value.substr(pos);
     }
    }
    //-->
    </script>
    und so wird sie dann aufgerufen:
    HTML:
    <a href="#" onClick="insert('[link]', '[/link]')"><img src="icon/link_add.png" border="0" title="Link" alt="Link" /></a>
    
    Wäre cool, wenn wer was bessers hätte.

    dank gl
     
  2. 8. November 2008
    AW: Einfügen Funktion

    Was wäre den Deiner Meinung nach besser?
    Hellsehen kann hier glaub ich noch keiner.
    Wenn Du Hilfe bei der Suche willst, solltest Du schon schreiben was Du willst/suchst.


    Gruß
     
  3. 8. November 2008
    AW: Einfügen Funktion

    ich such eines, bei dem sich das fenster nich automatisch nach oben scrollt^^

    gruß
     
  4. 8. November 2008
    AW: Einfügen Funktion

    In dem WYSIWYG-Editor hier [vBulletin], wird nicht nach oben gescrollt
     
  5. 8. November 2008
    AW: Einfügen Funktion

    Hi,

    theoretisch sollte es ausreichen false zurück zugeben:
    HTML:
    <a href="#" onClick="insert('[link]', '[/link]'); return false;"><img src="icon/link_add.png" border="0" title="Link" alt="Link" /></a>

    greetz blackbone
     
  6. 8. November 2008
    AW: Einfügen Funktion

    wunderbar!

    danke
     
  7. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.