CSS/Javascript-Tutorial | Code markieren
:: Aufbauhilfe :: Tutorials :: Forumieren
Seite 1 von 1
CSS/Javascript-Tutorial | Code markieren
Guten Abend!
Dieses Tutorial soll dazu führen, dass Ihr einen kompletten Code auf einen Klick markieren und dann kopieren könnt.
CSS
Diesen Code fügt Ihr in Eure CSS ein:
Javascript
Ihr erstellt einen neuen Javascript und fügt diesen Code ein:
Das war's auch schon!
Nun sollte das Endergebnis ungefähr so aussehen:
Liebe Grüße
Dieses Tutorial soll dazu führen, dass Ihr einen kompletten Code auf einen Klick markieren und dann kopieren könnt.
CSS
Diesen Code fügt Ihr in Eure CSS ein:
- Code:
/*Funktion zum Script -Code markieren-*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
Javascript
Ihr erstellt einen neuen Javascript und fügt diesen Code ein:
- 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>')});
Das war's auch schon!
Nun sollte das Endergebnis ungefähr so aussehen:
Liebe Grüße
:: Aufbauhilfe :: Tutorials :: Forumieren
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten
|
|