Das Forum der Foren
Willkommen im offiziellen Supportforum von Forumieren!

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind loggen Sie sich ein.


Erstellen Sie ein kostenloses Forum wie dieses hier.
Forenaustausch

Alle Anzeigen ansehen

Regeln und nützliche Hinweise
Lexi Help
Lexi Help
Schnelle
Hilfe
Klicke Hier
www.forumieren.de

[Tutorial] Funktion "Diesen Code markieren"

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Tutorial [Tutorial] Funktion "Diesen Code markieren"

Beitrag von inde am Do 27 Apr 2017 - 16:52

TUTORIAL - "Diesen Code markieren" -
[Alle Versionen]
TUTORIAL

Hallo liebe User,

seit den neuesten Updates für die Browser von Mozilla Firefox sowie Google Chrome funktioniert das Script "diesen Code markieren" nicht mehr. Um daraus eventuelle Nachfragen vorzubeugen, haben wir für euch heute dieses neue Tutorial erstellt.


Nach dem Einbau der Codes in eure Foren, könnt ihr und eure User den Code zunächst mit nur einem Klick markieren um diesen dann im Anschluss daran zu kopieren (Strg+C). Dies erleichtert euch das Scrollen innerhalb sehr langer Codes um diese zu markieren und vermeidet auch Fehler bei der Übertragung.

Nach dem Einbau sieht solch ein Schalter zum Markieren wie nachfolgend Rot markiert aus.


Hinweis: Die Codes (Javascript und CSS) sind für alle Forenversionen gleich. Befolgt einfach nur die einzelnen Arbeitsschritte für die Umsetzung in eure Foren.


Einbau des Java-Scripts

Der Einbau des Scripts erfolgt im....

  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" 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. 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". 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

Der Einbau der CSS-Codes erfolgt im...

  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" Annehmen

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


Wir hoffen, euch gefällt dieses Tutorial! Smile

Euer Team von Forumieren king
avatar
inde
Administrator
Administrator

Männlich Beiträge : 5205
Hinweis : Flash The Scene™
Anmeldedatum : 20.10.11
keine
Firefox phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten