Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
» [Invision] Erklärung PWA Aktivierung + Mobile Version Problem
von Alastor Gestern um 12:41

» Goldhauch´s Plauderforum
von Joost Fr 12 Jul 2024 - 19:34

» [Invision] User Style Änderung - Code geht nicht
von Skouliki Do 11 Jul 2024 - 23:03

» [PunBB] Forum aufsplitten/teilen - ist das möglich?
von Joost Mi 10 Jul 2024 - 17:46

» Technische Wartung in der Zentrale: Montag 1 Juli, und Montag 8 Juli
von Joost Mo 24 Jun 2024 - 17:20

» [phpBB2] Mystic - new beginning RPG
von Raine Kamiya Fr 21 Jun 2024 - 20:52

» Neue Mitarbeiter gesucht
von Joost Fr 21 Jun 2024 - 20:26

» Lange Ladezeiten
von Skouliki Mi 19 Jun 2024 - 19:35

» Gründer E-Mailadresse ändern
von Skouliki Fr 7 Jun 2024 - 12:49

» Nach Wartung Datenbankfehler
von Joost Mo 3 Jun 2024 - 12:34

» Wartung geplant Montag, 3. Juni 2024
von Joost So 2 Jun 2024 - 8:04

» Anti-Spam-Prüfung bei Mitgliedern
von Skouliki So 12 Mai 2024 - 18:10

» Die Heidekriger (WaCa) mit Punktesystem
von Rama So 21 Apr 2024 - 20:44

» Forum löschen, Probleme mit Gründeraccount
von Skouliki Di 9 Apr 2024 - 14:03

» [AwsomeBB] LogIn Farbe Weiß auf weiß
von Skouliki Sa 30 März 2024 - 21:14

» kann man noch Blogs hier erstellen?
von Joost Mi 27 März 2024 - 18:40

» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54

» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48

Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Skouliki in Lange Ladezeiten
( 2 )


» Beitrag von Joost in [Invision] User Style Änderung - Code geht nicht
( 2 )


» Beitrag von Joost in [Invision] User Style Änderung - Code geht nicht
( 1 )


» Beitrag von Joost in Lange Ladezeiten
( 1 )


» Beitrag von Alastor in [Invision] User Style Änderung - Code geht nicht
( 1 )


[Tutorial] Funktion "Diesen Code markieren"

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Tutorial [Tutorial] Funktion "Diesen Code markieren"

Beitrag von inde 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.
[Tutorial] Funktion "Diesen Code markieren" Code_m10

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>')});
[Tutorial] Funktion "Diesen Code markieren" Code_m11


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
Admin a.D.
Admin a.D.

Männlich Beiträge : 5658
Anmeldedatum : 20.10.11
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

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