![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 4 Pomógł: 0 Dołączył: 24.12.2008 Ostrzeżenie: (0%) ![]() ![]() |
Witam
mam problem z działalnościa skryptu przewijania treści tabeli po IE. Działa bez problemu pod Operą i Firefixem. tu jest moja strona ze skryptem http://itinerer.pl/projekty/test/start.php CODE <script type="text/javascript"> var gaJsHost=(("https:"==document.location.protocol)?"https://ssl.":"http://www."); document.write(unescape("%3Cscript src='"+gaJsHost+"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker=_gat._getTracker("UA-2042963-1");pageTracker._trackPageview(); </script> <style type="text/css"> body { font-family:Trebuchet MS,Lucida Sans Unicode,Arial,sans-serif;margin-top:0px;background-image:url('../../images/heading3.gif'); background-repeat:no-repeat;padding-top:100px} p {margin-top:0px} #dhtmlgoodies_scrolldiv {/**/width:530px;height:500px;/**/} #scrolldiv_parentContainer {width:500px;/**/height:100%;overflow:hidden;border:1px solid #BC8FBD;float:left;position:relative}/**/ #scrolldiv_content {padding:5px;position:relative;font-family:Trebuchet MS,Lucida Sans Unicode,Arial,sans-serif;font-size:0.9em;line-height:130%;color:#333}/**/ #scrolldiv_slider {width:15px;margin-left:2px;height:500px;float:left}/**/ #scrolldiv_scrollbar {width:15px;height:460px;/**/border:1px solid #BC8FBD;position:relative}/**/ #scrolldiv_theScroll {margin:1px;width:13px;height:13px;background-color:#BC8FBD;position:absolute;top:0px;left:0px;cursor:pointer}/**/ #scrolldiv_scrollUp,#scrolldiv_scrollDown {width:15px;height:16px;border:1px solid #BC8FBD;color:#BC8FBD;text-align:center;font-size:16px;line-height:16px;cursor:pointer} #scrolldiv_scrollUp {margin-bottom:2px} #scrolldiv_scrollDown {margin-top:2px} #scrolldiv_scrollDown span,#scrolldiv_scrollUp span{font-family:Symbol} </style> <script type="text/javascript"> var contentHeight=0; var visibleContentHeight=0; var scrollActive=false; var scrollHandleObj=false; var scrollHandleHeight=false; var scrollbarTop=false; var eventYPos=false; var scrollbuttonActive=false; var scrollbuttonDirection=false; var scrollbuttonSpeed=2; var scrollTimer=10; var scrollMoveToActive=false; var scrollMoveToYPosition=false; var operaBrowser=false; if(navigator.userAgent.indexOf('Opera')>=0)operaBrowser=1; function scrollDiv_startScroll(e) { if(document.all&&!operaBrowser)e=event;scrollbarTop=document.getElementById('scrolldiv_theScroll').offsetTop;eventYPos=e.clientY;scrollActive=true;} function scrollDiv_stopScroll() {scrollActive=false;scrollbuttonActive=false;scrollMoveToActive=false;} function scrollDiv_scroll(e) {if(!scrollActive)return;if(document.all&&!operaBrowser)e=event; if(e.button!=1&&document.all)return; var topPos=scrollbarTop+e.clientY-eventYPos; if(topPos<0)topPos=0; if(topPos/1>visibleContentHeight-(scrollHandleHeight+4)/1)topPos=visibleContentHeight-(scrollHandleHeight+4);document.getElementById('scrolldiv_theScroll').style.top=topPos+'px';document.getElementById('scrolldiv_content').style.top=0-Math.floor((contentHeight)*((topPos)/(visibleContentHeight-scrollHandleHeight)))+'px'} function scrolldiv_scrollMoveToInit(e) { if(document.all&&!operaBrowser)e=event;scrollMoveToActive=true;scrollMoveToYPosition=e.clientY-document.getElementById('scrolldiv_scrollbar').offsetTop;if(document.getElementById('scrolldiv_theScroll').offsetTop/1>scrollMoveToYPosition)scrollbuttonDirection=scrollbuttonSpeed*-2;else scrollbuttonDirection=scrollbuttonSpeed*2;scrolldiv_scrollMoveTo();} function scrolldiv_scrollMoveTo() { if(!scrollMoveToActive||scrollActive)return; var topPos=document.getElementById('scrolldiv_theScroll').style.top.replace('px','');topPos=topPos/1+scrollbuttonDirection;if(topPos<0){topPos=0;scrollMoveToActive=false;} if(topPos/1>visibleContentHeight-(scrollHandleHeight+4)/1){topPos=visibleContentHeight-(scrollHandleHeight+4);scrollMoveToActive=false;} if(scrollbuttonDirection<0&&topPos<scrollMoveToYPosition-scrollHandleHeight/2)return; if(scrollbuttonDirection>0&&topPos>scrollMoveToYPosition-scrollHandleHeight/2)return; document.getElementById('scrolldiv_theScroll').style.top=topPos+'px';document.getElementById('scrolldiv_content').style.top=0-Math.floor((contentHeight)*((topPos)/(visibleContentHeight-scrollHandleHeight)))+'px' setTimeout('scrolldiv_scrollMoveTo()',scrollTimer);} function cancelEvent() { return false;} function scrolldiv_scrollButton() { if(this.id=='scrolldiv_scrollDown')scrollbuttonDirection=scrollbuttonSpeed; else scrollbuttonDirection=scrollbuttonSpeed*-1;scrollbuttonActive=true;scrolldiv_scrollButtonScroll();} function scrolldiv_scrollButtonScroll() { if(!scrollbuttonActive)return; var topPos=document.getElementById('scrolldiv_theScroll').style.top.replace('px','');topPos=topPos/1+scrollbuttonDirection;if(topPos<0){topPos=0;scrollbuttonActive=false;} if(topPos/1>visibleContentHeight-(scrollHandleHeight+4)/1){topPos=visibleContentHeight-(scrollHandleHeight+4);scrollbuttonActive=false;} document.getElementById('scrolldiv_theScroll').style.top=topPos+'px';document.getElementById('scrolldiv_content').style.top=0-Math.floor((contentHeight)*((topPos)/(visibleContentHeight-scrollHandleHeight)))+'px' setTimeout('scrolldiv_scrollButtonScroll()',scrollTimer);} function scrolldiv_scrollButtonStop() {scrollbuttonActive=false;} function scrolldiv_initScroll() {visibleContentHeight=document.getElementById('scrolldiv_scrollbar').offsetHeight;contentHeight=document.getElementById('scrolldiv_content').offsetHeight-visibleContentHeight;scrollHandleObj=document.getElementById('scrolldiv_theScroll');scrollHandleHeight=scrollHandleObj.offsetHeight;scrollbarTop=document.getE ementById('scrolldiv_scrollbar').offsetTop;document.getElementById('scrolldiv_theScroll').onmousedown=scrollDiv_startScroll;document.body.onmousemove=scrollDiv_scro l;document.getElementById('scrolldiv_scrollbar').onselectstart=cancelEvent;document.getElementById('scrolldiv_theScroll').onmouseup=scrollDiv_stopScroll;if(document.all)document.body.onmouseup=scr llDiv_stopScroll;else document.documentElement.onmouseup=scrollDiv_stopScroll;document.getElementById('scrolldiv_scrollDown').onmousedown=scrolldiv_scrollButton;document.getElementById('scrolldiv_scrollUp').onmousedown=scrolldiv_scrollButton;document.getElementById('scrolldiv_scrollDown').onmouseup=scrolldiv_scrollButtonStop;document.getElementById('scrolldiv_scrollUp').onmouseup=scrolldiv_scrollButtonStop;document.getElementById('scrolldiv_scrollUp').onselectstart=cancelEvent;document.getElementById('scrolldiv_scrollDown').onselectstart=cancelEvent;document.getElementById('scrolldiv_scrollbar').onmousedown=scrolldiv_scrollMoveToInit;} function scrolldiv_setColor(rgbColor) {document.getElementById('scrolldiv_scrollbar').style.borderColor=rgbColor;document.getElementById('scrolldiv_theScroll').style.backgroundColor=rgbColor;document.getElementById('scrolldiv_scrollUp').style.borderColor=rgbColor;document.getElementById('scrolldiv_scrollDown').style.borderColor=rgbColor;document.getElementById('scrolldiv_scrollUp').style.color=rgbColor;document.getElementById('scrolldiv_scrollDown').style.color=rgbColor;document.getElementById('scrolldiv_parentContainer').style.borderColor=rgbColor;} function scrolldiv_setWidth(newWidth) {document.getElementById('dhtmlgoodies_scrolldiv').style.width=newWidth+'px';document.getElementById('scrolldiv_parentContainer').style.width=newWidth-30+'px';} function scrolldiv_setHeight(newHeight) { document.getElementById('dhtmlgoodies_scrolldiv').style.height=newHeight+'px'; document.getElementById('scrolldiv_parentContainer').style.height = newHeight + 'px'; document.getElementById('scrolldiv_slider').style.height = newHeight + 'px'; document.getElementById('scrolldiv_scrollbar').style.height = newHeight-40 + 'px'; } /* Setting new background color to the slider */ function setSliderBgColor(rgbColor) { document.getElementById('scrolldiv_scrollbar').style.backgroundColor = rgbColor; document.getElementById('scrolldiv_scrollUp').style.backgroundColor = rgbColor; document.getElementById('scrolldiv_scrollDown').style.backgroundColor = rgbColor; } /* Setting new content background color */ function setContentBgColor(rgbColor) { document.getElementById('scrolldiv_parentContainer').style.backgroundColor = rgbColor; } /* Setting scroll button speed */ function setScrollButtonSpeed(newScrollButtonSpeed) { scrollbuttonSpeed = newScrollButtonSpeed; } /* Setting interval of the scroll */ function setScrollTimer(newInterval) { scrollTimer = newInterval; } </script> reszta w drugim poście (system pokazuje że za długi post) to jest częśc dodawana w Body: CODE <script type="text/javascript"> scrolldiv_setColor('#000000'); // kolor scrolla setSliderBgColor('#333333'); // tlo scrolla setContentBgColor('##E2EBED'); // kolor tła tekst setScrollButtonSpeed(1); // Setting speed of scrolling when someone clicks on the arrow or the slider setScrollTimer(5); // speed of 1 and timer of 5 is the same as speed of 2 and timer on 10 - what's the difference? 1 and 5 will make the scroll move a little smoother. scrolldiv_setWidth(400); // Setting total width of scrolling div scrolldiv_setHeight(400); // Setting total height of scrolling div scrolldiv_initScroll(); // Initialize javascript functions </script> <script type="text/javascript"> var infolink_pid = 8714; var infolink_link_color = '009900'; var infolink_title_color = '252667'; var infolink_text_color = '000000'; var infolink_ad_link_color = '24951E'; var infolink_ad_effect_type = 0; var infolink_cat = 'software development'; </script> <script type="text/javascript" src="http://resources.infolinks.com/js/infolinks_main.js"></script> treść przewijania dodawana jest w taki sposób CODE <div id="dhtmlgoodies_scrolldiv"> <div id="scrolldiv_parentContainer"> <div id="scrolldiv_content"> <!-- TRESC STRONY DO Przewijania --> <!-- Koniec Treści strony --> </div> </div> <div id="scrolldiv_slider"> <div id="scrolldiv_scrollUp"></div> <div id="scrolldiv_scrollbar"> <div id="scrolldiv_theScroll"><span></span></div> </div> <div id="scrolldiv_scrollDown"></div> </div> </div> proszę o pomoc, czemu to nie działa pod IE :/ Jeśli ktoś ma inny skrypt o podobnych możliwościach (z możliwością regulacji wyglądu listwy przewijania) proszę o linka. |
|
|
![]() ![]() |
![]() |
Wersja Lo-Fi | Aktualny czas: 30.06.2025 - 22:49 |