[Tutorial] Funktion "Diesen Code markieren"

Einbau des Java-Scripts

1. Administrations-Bereich > Module > HTML und JAVASCRIPT > Javascript Codes Verwaltung
   
2. Sollte die Javascript-Code Verwaltung im Forum noch nicht aktiviert sein, dann setzt die Option (den Haken) auf "Ja" und Klickt danach auf "Absenden"
   
3. Klickt nun unterhalb auf "EIN NEUES JAVASCRIPT ERSTELLEN". Hinweis: User die schon vorherige Versionen des Codes genutzt haben, öffnen den entsprechenden Code über das Zahnrad.
   
4. Tragt einen "Titel" z.B. "Code markieren" ein.
   
5. Setzt einen Haken für die "Platzierung" bei "Auf allen Seiten".
   
6. Übertragt das nachfolgenden Script in das dafür vorgesehene Fenster und klickt auf "Bestätigen".
   

Code:

function selectCode(e) {
    var doc = document
        , text = $(e).closest("dl").find(".cont_code,code").get(0)
        , range, selection
    ;
    if (doc.body.createTextRange) {
        range = document.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if (window.getSelection) {
        selection = window.getSelection();     
        range = document.createRange();
        range.setStart(text.firstChild, 0);
        range.setEnd(text, text.childNodes.length);
        selection.removeAllRanges();
        selection.addRange(range);
    }
};
$(function(){$("dl.codebox:not(.spoiler,.hidecode)  > dd.code, dl.codebox:not(.spoiler,.hidecode)  > dd > code").closest("dl").find('dt').append('<span onClick="selectCode(this)" class="selectCode">diesen Code markieren</span>')});

Einbau der Codes der CSS-Codes

1. Administrations-Bereich > Anzeige > Bilder und Farben > Farben > CSS Stylesheet
   
2. Tragt den nachfolgenden CSS-Code in das dafür vorgesehene Fenster ein und Klickt unterhalb auf "Annehmen"
   

Code:

/*Funktion zum Script -Code markieren-*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }