NAVIGATION
Differences
This shows you the differences between two versions of the page.
|
deutsch:andere-erweiterungen:mootools:scroll-bar [2009/09/24 12:52] Knut Heermann (flip-flop) |
deutsch:andere-erweiterungen:mootools:scroll-bar [2018/06/03 18:09] (current) |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | {{indexmenu_n>20}} | + | {{indexmenu_n>50}} |
| - | ====== Scroll bar vert./horiz. ====== | + | ====== Scroll-Leiste vert./horiz. ====== |
| - | **Inhalt in einem <div> Container umschlossen von einer vertikalen und horizontalen Skrollleiste (verwendet mootools v1.2.x).** \\ | + | **Inhalt in einem <div> Container umschlossen von einer vertikalen und horizontalen Scroll-Leiste (verwendet mootools v1.2.x).** \\ |
| Hier ein Beispiel: [[http://www.isabellathiel.de/de.phtml]]. | Hier ein Beispiel: [[http://www.isabellathiel.de/de.phtml]]. | ||
| + | |||
| + | <note> | ||
| + | Ich verwende hier den eigentlich falschen Ausdruck **Scroll-Leiste** anstatt dem deutschen Begriff **Bildlaufleiste**, da in meinen Augen der Wortteil "Bild" irreführend ist. //(KH)// | ||
| + | </note> | ||
| Line 23: | Line 27: | ||
| \\ | \\ | ||
| **Funktionen:** [[http://greghoustondesign.com/examples/mootools/scrollbars/|Greg Houston Design: Vertical & Horizontal Scrollbars with Arrows]] | **Funktionen:** [[http://greghoustondesign.com/examples/mootools/scrollbars/|Greg Houston Design: Vertical & Horizontal Scrollbars with Arrows]] | ||
| - | * Die Horizontale Skrollleiste kann in den Optionen ausgeschaltet werden. | + | * Die Horizontale Scroll-Leiste kann in den Optionen ausgeschaltet werden. |
| - | * Wenn die Größe des Fensters verändert wird, verschwinden die Skrollleisten wenn diese nicht gebraucht werden oder erscheinen wieder wenn notwendig. Die Darstellung der vertikalen und horizontalen Scrollleisten ist unabhängig voneinander, so kann eine sichtbar sein und die andere nicht, je nachdem was gefordert ist. | + | * Wenn die Größe des Fensters verändert wird, verschwinden die Scroll-Leisten wenn diese nicht gebraucht werden oder erscheinen wieder wenn notwendig. Die Darstellung der vertikalen und horizontalen Scroll-Leisten ist unabhängig voneinander, so kann eine sichtbar sein und die andere nicht, je nachdem was gefordert ist. |
| - | * Hinzugekommen: Auf, ab, links und rechts "Pfeile". In diesem Beispiel sind die "Pfeile" nur Kästchen oberhalb und unterhalb des vertikalen Schiebereglers und an der linken und rechten Seite des horizontalen Schiebereglers. Setze deine gewünschten Grafiken ein. Pfeile können in den Optionen ausgeschaltet werden. | + | * Hinzugekommen: Auf, ab, links und rechts "Pfeile". In diesem Beispiel sind die "Pfeile" nur als Kästchen oberhalb und unterhalb des vertikalen Schiebereglers und an der linken und rechten Seite des horizontalen Schiebereglers ausgebildet. Setze deine gewünschten Grafiken ein (CSS). Die Pfeile können in den Optionen ausgeschaltet werden. |
| - | * Weniger HTML Code ist nun erforderlich. Die Skrollleisten werden nun durch den Code eingefügt. | + | * Weniger HTML Code ist nun erforderlich. Die Scroll-Leisten werden nun durch den Code eingefügt. |
| Line 110: | Line 114: | ||
| \\ | \\ | ||
| - | :!: Switch **'hScroll': false** and the **dragging part** is completely **kicked out** :!: | + | :!: Schalter **'hScroll': false**. Der **Vergrößerungsteil** //(dragging part)// wurde komplett **entfernt** :!: |
| Line 525: | Line 529: | ||
| float: left; | float: left; | ||
| height: 15px; | height: 15px; | ||
| - | width: 635px; /* 255px; */ | + | width: 255px; /*635px; */ |
| position: relative; | position: relative; | ||
| background: #ddd; | background: #ddd; | ||
| Line 565: | Line 569: | ||
| \\ | \\ | ||
| - | **Die Skrollleiste braucht:** | + | **Die Skrollleiste verlangt:** //([[english/other-enhancements/mootools/mootools-v12x#download|vorbereitetes mootools Set]])// |
| * [[http://mootools.net/core|MooTools Core]] | * [[http://mootools.net/core|MooTools Core]] | ||
| * [[http://mootools.net/more|MooTools More]] | * [[http://mootools.net/more|MooTools More]] | ||
| - | * Fx: Fx.Scroll | ||
| * Drag: Drag | * Drag: Drag | ||
| </note> | </note> | ||
