BlackBoard (http://www.black-board.net/index.php)
- Design, Programmierung & Entwicklung (http://www.black-board.net/board.php?boardid=55)
-- Webdesign (http://www.black-board.net/board.php?boardid=19)
--- Klapptext (http://www.black-board.net/thread.php?threadid=21289)
Geschrieben von SpL!T am 11.10.2005 um 10:47:
Klapptext
Hi,
Hab mal bissl rumprobiert einen Klapptext zu basteln. Kriegs aber irnwie ned hin... könnt ihr mir vllt ein Beispielcode geben, wie so einer aussehen könnte ?
Sodass, wenn man auf eine Textstelle klickt z.B. "+Klapptext" Diese dann zu "-Klapptext" wird und darunter ein Text erscheint.
mfg und Danke im Voraus
Geschrieben von Blackdevil am 12.10.2005 um 10:01:
moin!,
sieh ma
-->hier<-- oder
-->hier<-- nach
da sollte was dabei sein....
cu
-=O[BLK]O=-
Geschrieben von SpL!T am 12.10.2005 um 14:33:
Super vielen Dank
hab nur noch was kleines vergessen du hats geklappt
Mach jetzt nicht extra einen neuen Thread auf: * Kann mir jmd sagen, wie man einen Forenticker macht, indem man, Links der aktuellsten Threads eines Forums auf eine Homepage platzieren kann ?
bsp:
www.wowszene.de
www.inwow.de
[auf der Rechten Seite]
Geschrieben von HeaD am 12.10.2005 um 15:23:
| Zitat: |
Original von SpL!T
Kann mir jmd sagen, wie man einen Forenticker macht, indem man, Links der aktuellsten Threads eines Forums auf eine Homepage platzieren kann ?
[auf der Rechten Seite] |
Das kommt aufs Forum an, wenn Du ein heruntergeladenes hast mußt Du nach Hacks für Dein Forum suchen, wenn Du eines selbe gemacht hast, solltest Du das allein hinbekommen
Geschrieben von LX am 13.10.2005 um 01:25:
Mal noch zur eigentlichen Frage, weil ich sowas heute zufällig für die Seite einer Anwaltskanzlei zusammengestöpselt hab (und hier im Thread ja nur allgemeine Links gepostet wurden, aber keine Lösung):
Am besten geht's, indem du deinen Text in einen Layer packst:
| php: |
1:
2:
3:
4:
|
<div id="klapptext" style="display: none">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div> |
|
Dann hast du irgendein HTML-Element, welches den Klapptext aufdeckt... entweder indem du drüber hoverst oder es anklickst (also onmouseover oder onclick). Zum Beispiel einen kurzen Text:
| php: |
1:
2:
3:
4:
|
<span onmouseover="document.getElementById('klapptext').style.display = 'block'"
onmouseout="document.getElementById('klapptext').style.display = 'none'">
hover mich
</span> |
|
Das war's dann eigentlich schon. Der umliegende Content wird dem dann sichtbar werdenden Element Platz machen.
Das ganze wäre übrigens auch ohne JavaScript
nur mit CSS möglich... allerdings kann man das vergessen, wenn man die Seite auch dem IE voll zugänglich machen will, denn die Herren aus Redmond meinen, die Pseudoklasse :hover soll es nur für Links geben
Geschrieben von SpL!T am 13.10.2005 um 11:11:
Besten Dank.
Habs nun so gelöst:
function:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
|
<script language='JavaScript'>
<!--
function swap_content( span ) {
displayType = ( document.getElementById( span ).style.display == 'none' ) ? 'block' : 'none';
document.getElementById( span ).style.display = displayType;
}
//-->
</script>
|
|
Ausführung im body:
| code: |
1:
|
<a href="#" onclick="swap_content('1'); return false;">» Klapp mich auf</a><span id="1" style="display: none"><br> |
|
Geschrieben von LX am 13.10.2005 um 13:43:
Wenn du das per Klick und in der gleichen Funktion machst, dann kannst du das auch direkt in den href des Links schreiben:
| code: |
1:
|
<a href="javascript: swap_content('1');">» Klapp mich auf</a> |
|
So sparst du dir rumgespringe auf der Seite, denn soweit ich mich erinnere, springen einige Browser bei einem Link auf # wieder zum Anfang der Seite zurück.
Geschrieben von SpL!T am 13.10.2005 um 15:56:
| Zitat: |
Original von LX
So sparst du dir rumgespringe auf der Seite, denn soweit ich mich erinnere, springen einige Browser bei einem Link auf # wieder zum Anfang der Seite zurück. |
nö...
siehe
hier unter "Patchnotes".
Springt nicht hoch
aber danke trozdem
Geschrieben von LX am 13.10.2005 um 16:01:
Durch das
return false wird das, was im Link steht, vermutlich komplett ignoriert, stimmt. Allerdings ist mein Weg vom Code her kürzer und IMHO auch sinnvoller (wozu erst mit JavaScript den Link unterdrücken, wenn man das JavaScript gleich direkt reinschreiben könnte). Aber jedem das seine
Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH