javascript - CSS not applying in bookmarklet -

-

i'm creating simple bookmarklet (never done before) , while script executes fine (doesn't right now), css style sheet gets embed doesn't apply html.

the activation link follows (domain changed):

<a href="javascript:(function(){document.head.appendchild(document.createelement('script')).src='http://www.mydomain.co.uk/cloudlr/app/js/cloudlr.js?rand=' + math.floor(math.random()*99999);})();">do this</a>

then script called is:

if (typeof jquery == 'undefined') {      appendjquery();  } else {      jsversion = $().jquery;     versionarray = jsversion.split('.');      if (versionarray[1] < 6) {          appendjquery();      } else {          runthis();      } }  function appendcss() {      var cloudlrcss = document.createelement('link');     cloudlrcss.type = 'text/css';     cloudlrcss.href = 'http://www.mydomain.co.uk/cloudlr/app/css/screen.css';     cloudlrcss.media = 'all';     document.head.appendchild(cloudlrcss);  }  function appendjquery() {      var cloudlrjs = document.createelement('script');     cloudlrjs.type = 'text/javascript';     cloudlrjs.onload = runthis;     cloudlrjs.onreadystatechange = function () {          if (this.readystate == 'loaded' || this.readystate == 'complete') {             runthis();         }      }     cloudlrjs.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js';     document.head.appendchild(cloudlrjs); }  function runthis() {      appendcss();      $(document).ready(function() {          $("img").each(function() {             var $this = $(this);             var imagewidth = $(this).width();                 $(this).before(imagewidth);         });          var cloudlroverlay = '<div id="cloudlr-content">this content.</div><div id="cloudlr-overlay"></div>';          $("body").append(cloudlroverlay);      });   }

hopefully that's pretty straightforward.

the scripts execute fine (jquery) no css applied. if view "generated source" can see css inserted fine , link file works. i'm not sure what's going on.

i'm new , welcome additional recommendations on best practices solution problem.

many thanks, michael.

$("img").each(function(i,n) {     var $this = $(n);//don't know why here hey     var imagewidth = $(n).width();         $(n).before(imagewidth); });

this common mistake ... think


Comments

Post a Comment

Popular posts from this blog

linux - Using a Cron Job to check if my mod_wsgi / apache server is running and restart -

-
my group , running server based upon django , uses mod_wsgi run apache server. not working on project after over, attempting set cronjob similar functionality check if apache server has shut down(system restart or power failure), , if has, restart server me. i've found documentation on how check if apache server down , restart server if is, our server uses https , our start command pretty verbose. can use functionality provided in these examples: https://askubuntu.com/questions/277389/cron-job-to-restart-apache https://www.digitalocean.com/community/tutorials/how-to-use-a-simple-bash-script-to-restart-server-programs or need more complicated process make happen? the command use start server is python manage.py runmodwsgi --host 0.0.0.0 --port 8001 --https-port 8000 --ssl-certificate (certificate location) --server-name (domain name) i'm pretty new linux , using both mod-wsgi apache appreciated. you better off using --setup-only option mod_wsgi-expres...
Read more

actionscript 3 - TweenLite does not work with object -

-
i got following problem: i have object called tempscore game. this object blitted canvas renderer via copypixels method. object not display object. it's score-object (self made). score-object extends object called basicblitarrayobject. basicblitarrayobject extends eventdispatcher (therefore no display object). i tried apply several different tweenlite-plugins tempscore-object (i.e. transformaroundcenter, colormatrixfilter, etc.). nothing happens. absolutely nothing. sometimes error messages (when plugin requires display object , object not display object). far good. according greensock (maker of tweenlite) engine can tween numeric property of object. when plugin transformaroundcenter requires display object tweening have modify plugin working non-display object (tempscore). can't because it's way hard me. my game rests upon code: http://www.8bitrocket.com/book/ch11_blastermines.zip try apply tweenlite object called tempmine inside game class blastermines. ...
Read more

jQuery Ajax Render Fragments OR Whole Page -

-
i'm in throes of building application wraps mess of legacy code. page working on, need substitute fragment divs constructed on back-end -- or else need replace entire page altogether. idea there dynamically controlled flow needs satisfied before can forward legacy product. substituting fragments works fine, seen in below my_body_content swap. trouble comes when i'm trying render not fragment, whole page, in "body" swap. @ point page goes blank. i want similar errors returned server. want nice rest 404 error messages displayed on screen, legacy-product 404s show in legacy-product 404 page. yes, requirements project weird. that's not problem can fix. here's jquery invocation, names changed protect guilty: $.ajax({ url: "places/things", type: "post", data: json.stringify(somebadassobject), datatype: "text", accepts: "text/html", contenttype: "application/json; charset=...
Read more