javascript - Conflict with Ember.js and URL fragment (#) with Ecwid -

-

i'm using ecwid ember.js application, , ran conflict. in short, ecwid loads javascript embeds e-commerce store page. problem ecwid , ember both modify url fragment keep track of state, since ecwid inherently own single page application. basically, have 2 different js libraries fighting on url.

so when use ecwid component, url changes ecwid url, , ember complains assertion failed: route !/~/category/id=2104219&offset=0&sort=normal not found because ecwid route, , not ember route.

i tried catch-all ember route, didn't work because ember state changes away page i'm on.

has had deal 2nd library fights ember on url? if so, how did maintain state , deal other application? pushstate , url fragments become more , more popular, image become more , more relevant.

really you're going have choose between two, if both using url routing of nature both rely on notion of base url, changing hash. in ember can disable location routing, lose routing capabilities of ember.

to disable routing you'll use nonelocation

nonelocation

using nonelocation causes ember not store applications url state in actual url. used testing purposes, , 1 of changes made when calling app.setupfortesting().

app.router.reopen({   location: 'none' });

i realize i'm saying this, i'm partially lying, because can use browser history instead of hash. urls change so:

/emberhome/fooresource /emberhome/fooresource/foobar

instead of

/emberhome/#/fooresource /emberhome/#/fooresource/foobar

unfortunately there major drawbacks this, firstly server needs know serve ember app @ /emberhome , ignore nested locations. secondly browser support new (http://caniuse.com/history). thirdly, support recognizing ecwid won't supported, , blasted away when transitioning different routes.

app.router.reopen({   location: 'history' });

you can read more @ http://emberjs.com/api/classes/ember.location.html#toc_historylocation


Comments

Post a Comment

Popular posts from this blog

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

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

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