S Q U A D|JULIET
Mitglied
Dabei seit: 24.12.07
Beiträge: 19
Forenversion: Lite 1.0
|
|
Guten Abend ihr Lieben,
ich habe da mal eine kleine Frage: Ich bin auf der Suche nach einer Möglichkeit wie man den Inhalt des Code-Tags mit einem klick auswählen kann. Bestenfalls eben ein "alles auswählen" was über dem Code steht und wo man halt raufklicken kann. Ich habe es schon öfter gesehen aber finde absolut nichts und bin mit meinen Suchwörtern am Ende angekommen
Weiß da vielleicht jemand etwas?
Liebe Grüße,
Juliet
|
|
23.09.11 20:04 |
E-Mail
Finden
Als Freund hinzufügen
|
|
Speedstick
Mitglied
Dabei seit: 03.03.08
Beiträge: 72
Fähigkeiten: WBB Lite 1 Anfänger Forenversion: Lite 1.0
|
|
Hallo
versuche mal folgendes
in dein CSS einfügen
code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
|
/* Code block */
dl.codebox {
padding: 3px;
background-color: #FFFFFF;
border: 1px solid #d8d8d8;
font-size: 1em;
}
dl.codebox dt {
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 3px;
font-size: 0.8em;
font-weight: bold;
display: block;
}
blockquote dl.codebox {
margin-left: 0;
}
dl.codebox code {
overflow: auto;
display: block;
height: auto;
max-height: 200px;
white-space: normal;
padding-top: 5px;
font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
line-height: 1.3em;
color: #8b8b8b;
margin: 2px 0;
} |
|
in die headInclude.tpl
code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
|
<script type="text/javascript">
function selectCode(a)
{
// Get ID of code block
var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];
// Not IE
if (window.getSelection)
{
var s = window.getSelection();
// Safari
if (s.setBaseAndExtent)
{
s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
}
// Firefox and Opera
else
{
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
}
// Some older browsers
else if (document.getSelection)
{
var s = document.getSelection();
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
// IE
else if (document.selection)
{
var r = document.body.createTextRange();
r.moveToElementText(e);
r.select();
}
}
</script> |
|
und in deiner codetag.tpl
code: |
1:
|
<dl class="codebox"><dt>Code: <a href="#" onclick="selectCode(this); return false;this.target='_blank';">Alles auswählen</a></dt><dd><code>$code</code></dd></dl> |
|
__________________
liebe Grüße
|
|
23.09.11 23:07 |
E-Mail
Finden
Als Freund hinzufügen
|
|
|