Eigene ScrollBalken ?
Hallo zusammen,
ich bins wieder einmal ^^
Wollte fragen obs ne einfach Möglichkeit gibt eigene Scrollbalken zu verwenden. Die standart Scrollbalken sehen in gewissen Situation zimlich beschissen aus.
Gibt es irgend eine extension mit welcher ich das lösen kann ?
Ein einfaches JavaScript / Ajax, welches ich dann abändern könnte ?
Ich weiss das man im CSS die Farbe ändern kann aber das schluckt ja nur IE ... Firefox usw ignoriert das einfach.
Danke schon im Voraus.
Greets
Daran hat sich bis jetzt auch nichts geändert. Und mir ist keine andere Technik bekannt.Zitat von TempleClause
Gruß Tom
Da Joomla die Mootools integriert hat, kannst du das testen:
http://solutoire.com/2008/03/10/moot...led-scrollbar/
(Ich glaube das musst du noch auf Mootools 1.11 anpassen, aber das steht ja dabei)
Ich glaubte er meinte die Browserscrollbalken.Da Joomla die Mootools integriert hat, kannst du das testen:
http://solutoire.com/2008/03/10/moot...led-scrollbar/
(Ich glaube das musst du noch auf Mootools 1.11 anpassen, aber das steht ja dabei
Gruß Tom
Nicht nur die Standardleiste
Das seh ich nicht soAber das Scrollrad funktioniert mit dem von mir verlinkten Skript nicht
http://www.solutoire.com/experiments...bar/index.html
Auf der Test Seite kann ich auf jeden fall mit dem Scrollrad scrollen.
Danke ich werde es ausprobieren.
Greets
Nur leider kenne ich mich mit Java Script nicht so aus :-D
Wo musse ich jetzt diesen code einfügen ? In ein .js file nehme ich an und dieses kann ich dann ja im index.php einbinden. Aber woher weiss der jetzt wo diese Scrollbar hin muss ?
GreetsCode:function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){ var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().y)) var slider = new Slider(scrollbar, handle, { steps: steps, mode: (horizontal?'horizontal':'vertical'), onChange: function(step){ // Scrolls the content element in x or y direction. var x = (horizontal?step:0); var y = (horizontal?0:step); content.scrollTo(x,y); } }).set(0); if( !(ignoreMouse) ){ // Scroll the content element when the mousewheel is used within the // content or the scrollbar element. $$(content, scrollbar).addEvent('mousewheel', function(e){ e = new Event(e).stop(); var step = slider.step - e.wheel * 30; slider.set(step); }); } // Stops the handle dragging process when the mouse leaves the document body. $(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
ich bins nochmals ...
also habs jetzt ausprobiert und dargstellt wirds auch schon legedlich die funktion geht noch net -.-
Folgendes gemacht:
<script type="text/javascript" src="http://trowbridge.bplaced.net/templates/beez/js/scrollbar.js"></script>
Im index.php eingefügt. Dort könnt ihr ja auch gleich nachschauen wie das aussieht.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Eingefügt.
<div id="scrollbar1" class="scrollbar-vert">
<div id="handle1" class="handle-vert">
</div>
</div>
Nach meinem Content Div eingefügt.
.scrollbar-vert{
background-color: #d2e8ff;
height: 206px;
width: 20px;
float:left;
}
.handle-vert{
height: 42px;
width: 20px;
background: url(http://www.solutoire.com/experiments...img/handle.gif) no-repeat;
}
#content1
{
height: 206px;
width: 300px;
float:left;
background: #f5f5f5;
overflow:hidden;
}
Im css eingefügt.
Wieso geht es nicht ? Weiss jemand von euch wo ich einen Fehler mache ?
Greets und Danke im Voraus
Es hat geklappt :-D
Musste die Anpassungen für 1.1 noch machen.
Vielen Dank jungs ! Ihr seit die grössten
Greets
Es hat geklappt :-D
Musste die Anpassungen für 1.1 noch machen.
Vielen Dank jungs ! Ihr seit die grössten
Greets
EDIT:
Sorry wegen dem Double Post ! War nicht meine Absicht !
Berechtigungen
LinkBack URL
About LinkBacks
Zitieren
Lesezeichen