YourWBB

yourWBB » WoltLab Burning Board Generation 2 * » Alles von und für das WBB Lite 1.0.x » [WBB Lite 1.0.x] Ideen, Wünsche und Suche » CODE-tag alles auswählen

» Hallo Gast [Anmelden|Registrieren]

Letzter Beitrag | Erster ungelesener Beitrag

1.879 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Dieses Thema wurde als erledigt markiert. Thread erledigt

CODE-tag alles auswählen

Autor

Beitrag

« Vorheriges Thema | Nächstes Thema »

S Q U A D|JULIET
Mitglied

Dabei seit: 24.12.07
Beiträge: 19
Forenversion: Lite 1.0

CODE-tag alles auswählen

Antworten Zitieren Editieren Melden UP

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 Versagt

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

Antworten Zitieren Editieren Melden UP

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>

__________________
Winke

liebe Grüße

23.09.11 23:07

E-Mail Finden Als Freund hinzufügen

S Q U A D|JULIET
Mitglied

Dabei seit: 24.12.07
Beiträge: 19
Forenversion: Lite 1.0

Themenstarter Thema begonnen von S Q U A D|JULIET

Antworten Zitieren Editieren Melden UP

Das hat geklappt *freu*
Vielen, lieben Dank dafür

04.10.11 12:35

E-Mail Finden Als Freund hinzufügen

Baumstruktur | Brettstruktur

Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » WoltLab Burning Board Generation 2 * » Alles von und für das WBB Lite 1.0.x » [WBB Lite 1.0.x] Ideen, Wünsche und Suche » CODE-tag alles auswählen