javascript - One script causes another to stop working -

-

i have problem vertical scroll page i'm using (intending to, is) 2 nested quickscroll functions.

this how it's supposed look: enter image description here - remove scrollbar in mind. i'm using

overflow:scroll

here manually check on things.

since js isn't forte (i have basic knowledge of it), got piece of code worked similarly, reverse engineered removing as html , css until left bare function, , plugged own page in terms of needed html , css code. i'm not using proprietary , i'm including author links, hoping i'm on safe side there (?)

so, main scroll vertical 1 , inside 1 of vertical sections i'm using 'reverse engineered' horizontal quickscroll code.

the new (nested) script cancels out main one. ideas how fix this?

the main (vertical scroll) following:

<script> $(document).ready(function() {  $('a.panel').click(function () {      $('a.panel').removeclass('selected');     $(this).addclass('selected');              /* added hide menu during scroll , i'm mighty proud of myself! :) */             $('.menu').addclass('hide');     $('.book_arrow').addclass('hide');      current = $(this);      $('body').scrollto($(this).attr('href'), 2600, function(){         $('.menu').removeclass('hide');         $('.book_arrow').removeclass('hide');     });           return false; });    });  </script>

it comes these 2 linked files: 

<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script> <script type="text/javascript" src="js/jquery.scrollto.js"></script>

the conflicting code bit longer:

    <script>   // initialize scrollable , return programming api   var api = $("#scroll").scrollable({   items: '#tools'    // use navigator plugin   }).navigator().data("scrollable");     // callback special handling of our "intro page"   api.onbeforeseek(function(e, i) {    // when on first item: hide intro   if (i) {   $("#intro").fadeout("slow");    // dirty hack ie7-. cannot explain   if ($.browser.msie && $.browser.version < 8) {                             $("#intro").hide();                                 }                                      // otherwise show intro                                     } else {                                 $("#intro").fadein(1000);                                     }                                      // toggle activity intro thumbnail                                     $("#t0").toggleclass("active", == 0);                                         });                                          // dedicated click event intro thumbnail                                         $("#t0").click(function() {                                      // seek beginning (the hidden first item)                                     $("#scroll").scrollable().begin();                                          });  </script>

...and links file: 

<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>

does matter in html place these chunks? in isolation, both scripts working.

i've read seemingly similar case here , i'm thinking maybe in case i'm dealing variables 'occupied' 1 of functions, i'm not sure change , where.

i'm absolutely positively looking forward learning major lesson problem! :)

hoping doesn't cause stack overflow, i'll add more (my solution) journey. maybe helps posterity follow learning curve...

i able nested quick scroll (as call it) work properly. still rookie in js, played around bit of script had gotten , modified - 1 worked vertically - , stuffed other, similar, script (inner) horizontal scroll first script! yay! worked. here's how final script looks:

<script> $(document).ready(function() {  $('a.panel').click(function () {     $('.book_arrow').fadeout();             ## prevents vertical page flying past lot of nav during scroll down ##      $('.fluid_centerbox').addclass('hide');     $('.fluid_centerbox').fadeout();             ## makes scroll smooth cause what's {display:none;} isn't going recalculated                        , lets viewer appreciate background images during scroll. 'hide'              instant , .fadeout animated. don't ask me why worked best in order! ##      current = $(this);      $('body').scrollto($(this).attr('href'), 2600, function(){         $('.book_arrow').fadein();         $('.fluid_centerbox').fadein(), 40000;      });           return false; });  $('a.panell').click(function () {     current = $(this);     $('.long_wrap').scrollto($(this).attr('href'), 2600, function(){     });           return false;     }); ## panell not typo way distinguish both scroll button types ## });  </script>

and while i'm posting this, see in inner quick scroll, there's empty 

function(){});

maybe later i'll try rid of it, if possible.


Comments

Post a Comment

Popular posts from this blog

c++ - OpenCV Error: Assertion failed <scn == 3 ::scn == 4> in unknown function, -

-
i read alot other solution still confused should mine... #include <opencv2/objdetect/objdetect.hpp> #include <opencv2/highgui/highgui.hpp> #include <opencv2/imgproc/imgproc.hpp> #include <iostream> #include <stdio.h> using namespace std; using namespace cv; int main(int argc, const char** argv) { //create cascade classifier object used face detection cascadeclassifier face_cascade; //use haarcascade_frontalface_alt.xml library face_cascade.load("haarcascade_frontalface_alt.xml"); //setup video capture device , link first capture device videocapture capturedevice; capturedevice.open(0); //setup image files used in capture process mat captureframe; mat grayscaleframe; //create window present results namedwindow("outputcapture", 1); //create loop capture , find faces while (true) { //capture new image frame capturedevice >> captureframe; ...
Read more

php - render data via PDO::FETCH_FUNC vs loop -

-
i've been using 2 methods render data. the first one: function name($id,$name){ return '<div id="'.$id.'">'.$name.'</div>'; } echo implode($pdo->query("select id,name user")->fetchall(pdo::fetch_func,'name')); the second one: $users = $pdo->query("select id,name user")->fetchall(pdo::fetch_obj); foreach($users $user){ echo name($user->id,$user->name); } i don't understand how pdo::fetch_func works. tried figure out. however, not well-documented. could please explain fetch mode? , also, 1 performs better? thank you. both methods wrong , have learn how use templates , how separate business logic presentation logic. $users = $pdo->query("select id,name user")->fetchall(pdo::fetch_obj); tpl::assign('users', $users); is code business logic part. then in template <?php foreach $users $row): ?> <div id="<?=$...
Read more

The canvas has been tainted by cross-origin data in chrome only -

-
uncaught securityerror: failed execute 'getimagedata' on 'canvasrenderingcontext2d': canvas has been tainted cross-origin data i getting above error in chrome. code(following) works fine in mozilla. have not corss domain issue. why above error in chrome? var wheel_canvas, wheel_context, can_w, can_h, wheel_grd; var large_radius = 160; var small_radius = 120; var wheel_canvas = document.getelementbyid('wheel_canvas'); var wheel_context = wheel_canvas.getcontext('2d'); var can_w = $(wheel_canvas).width(); var can_h = $(wheel_canvas).height(); var centerx = can_w / 2, centery = can_h / 2; var wheel_grd = null; test('#ff0000'); function test(hex) { $('#clrpicker').css({'left': 210, 'top': 210 }); inverted = hexbw(hex); $('#color_val_show').val(hex); current_color_hex_val_selected = hex; $('#color_val_show').css({'color':inverted,'background':hex}); fillgradient...
Read more