Autor |
Nachricht |
Diablow
Threadersteller
Dabei seit: 26.09.2005
Ort: Osnabrück
Alter: 36
Geschlecht:
|
Verfasst Mo 17.11.2008 11:01
Titel Bestimmter Scrollbalken in html? |
|
|
Ich habe leider nur sehr wenig Plan von Programmierung...
kann mir trotzdem jemand sagen wie man ein scrollbalken wie diesen...
http://www.rabotilnica.com.mk/services
...in html umsetzt?
|
|
|
|
|
Ascend
Dabei seit: 04.09.2008
Ort: Bayern
Alter: 55
Geschlecht:
|
Verfasst Mo 17.11.2008 11:07
Titel
|
|
|
also ich kann dir soviel sagen, das ist javascript.
|
|
|
|
|
Anzeige
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mo 17.11.2008 11:28
Titel
|
|
|
und hier noch das Script dazu
Nicht vergessen die Library herunterzuladen
Zitat: |
Prototype JavaScript framework, version 1.6.0.2
|
Code: |
<script type="text/javascript" language="javascript">
// <![CDATA[
var slider = new Control.Slider('handle', 'track', {
axis: 'vertical',
range: $R(0,10),
onSlide: function(v) { scrollVertical(v, $('scrollable'), slider); },
onChange: function(v) { scrollVertical(v, $('scrollable'), slider); }
});
// scroll the element vertically based on its width and the slider maximum value
function scrollVertical(value, element, slider) {
element.scrollTop = Math.round(value/slider.maximum*(element.scrollHeight-element.offsetHeight));
}
// mouse wheel code from http://adomas.org/javascript-mouse-wheel/
function handle(delta) {
slider.setValueBy(-delta);
}
/** Event handler for mouse wheel event. */
function wheel(event){
var delta = 0;
if (!event) /* For IE. */
event = window.event;
if (event.wheelDelta) { /* IE/Opera. */
delta = event.wheelDelta/120;
/** In Opera 9, delta differs in sign as compared to IE. */
if (window.opera)
delta = -delta;
} else if (event.detail) { /** Mozilla case. */
/** In Mozilla, sign of delta is different than in IE.
* Also, delta is multiple of 3.
*/
delta = -event.detail/3;
}
/** If delta is nonzero, handle it.
* Basically, delta is now positive if wheel was scrolled up,
* and negative, if wheel was scrolled down.
*/
if (delta)
handle(delta);
/** Prevent default actions caused by mouse wheel.
* That might be ugly, but we handle scrolls somehow
* anyway, so don't bother here..
*/
if (event.preventDefault)
event.preventDefault();
event.returnValue = false;
}
// mozilla
Event.observe('scrollable', 'DOMMouseScroll', wheel);
// IE/Opera
Event.observe('scrollable', 'mousewheel', wheel);
// ]]>
</script>
|
|
|
|
|
|
Diablow
Threadersteller
Dabei seit: 26.09.2005
Ort: Osnabrück
Alter: 36
Geschlecht:
|
Verfasst Mo 17.11.2008 11:46
Titel
|
|
|
hamma sache
dank euch
|
|
|
|
|
Pixelpole
Dabei seit: 25.10.2004
Ort: Trier
Alter: 37
Geschlecht:
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mo 17.11.2008 12:05
Titel
|
|
|
(so, jetzt richtig. statt zitat habe ich edit geklickt... neumodkrankheit, großes sorry )
zu fallback-lösungen ist mir heute schon den ganzen morgen was im kopp - durch eine meldung der hiesigen verkehrsgesellschaft. wenn ich heute dazu komme, werde ich da mal was in der diskussionsecke starten...
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Mo 17.11.2008 12:08
Titel
|
|
|
sorry für den lacher, aber genau das gleiche ist mir heute auch schon passiert und
auch beim polen
http://www.hesido.com/web.php?page=customscrollbar
das ding hat ne fallbacklösung, die anpassbarkeit ist eine andere sache.
|
|
|
|
|
Mac
Dabei seit: 26.08.2005
Ort: Köln
Alter: 62
Geschlecht:
|
|
|
|
|
|
|
|
Ähnliche Themen |
html-link zu bestimmter szene im flash verlinken ?
[HTML]Scrollbalken problem
HTML anfänger scrollbalken entfernen
[html] Scrollbalken wirklich entfernen
[HTML] bunte scrollbalken / firefox
scroll-text mit gestaltetem scrollbalken html+flash
|
|