converting regular javascript implementation to ruby on rails javascript implementation -



converting regular javascript implementation to ruby on rails javascript implementation -

i have next code in regular index.html

<!doctype html> <html lang="en"> <head> <title>template</title> <!-- bootstrap core css --> <link href="assets/css/bootstrap.css" rel="stylesheet"> <!--external css--> <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" /> <!-- custom styles template --> <link href="assets/css/style.css" rel="stylesheet"> <link href="assets/css/style-responsive.css" rel="stylesheet"> </head> <body> <!-- bunch of other code..... --> <!-- want ! --> <!-- js placed @ end of document pages load faster --> <script src="assets/js/jquery.js"></script> <script src="assets/js/bootstrap.min.js"></script> <!--backstretch--> <!-- can utilize image of whatever size. script stretch fit in screen size.--> <script type="text/javascript" src="assets/js/jquery.backstretch.min.js"></script> <script> $.backstretch("assets/img/solar.jpg", {speed: 500}); </script> <!-- end of want --> </body> </html>

at end of index.html, want incorporate jquery javascript , jquery-backstretch.min file rails application. there standard rails way of doing this?

i've tried inject next rails new.html.erb

<!-- js placed @ end of document pages load faster --> <%= javascript_include_tag '../assets/javascripts/jquery.js', 'data-turbolinks-track' => true %> <!--backstretch--> <!-- can utilize image of whatever size. script stretch fit in screen size.--> <%= javascript_include_tag '../assets/javascripts/jquery.backstretch.min.js"', 'data-turbolinks-track' => true %> <script> $.backstretch("assets/images/solar.jpg", {speed: 500}); </script>

and

<!-- js placed @ end of document pages load faster --> <script src="assets/javascripts/jquery.js"></script> <!--backstretch--> <!-- can utilize image of whatever size. script stretch fit in screen size.--> <script type="text/javascript" src="assets/javascripts/jquery.backstretch.min.js"></script> <script> $.backstretch("assets/images/solar.jpg", {speed: 500}); </script>

but unfortunately both of them appears wrong.

what should do?

edit:

i've added modified files application.js looks this

//= require jquery //= require jquery_ujs //= require jquery.backstretch.min //= require turbolinks //= require_tree .

and i've since removed corresponding script tags new.html.erb. now, @ bottom, contains script call

<script> $.backstretch("assets/images/solar.jpg", {speed: 500}); </script>

but unfortunately still incorrect

i have solution might able use. javascript backstretch plugin working method. i'm using on 1 page since backstretch fire off on pages if add together require statement , javascript method application.js file.

step #1 1 install gem backstretch-rails step #2 remove //= require backstretch step #3 add together <%= javascript_include_tag "jquery.backstretch" %>

<%= javascript_include_tag "backstretch-landing-index" %>

to index.html.erb view. top of body tag

step #4 add together

rails.application.config.assets.precompile += %w( jquery.backstretch.js ) rails.application.config.assets.precompile += %w( backstretch-landing-index.js )

to initializers/assets.rb file

inside of backstretch-landing-index.js add together function want call

$.backstretch([ "http://dl.dropbox.com/u/515046/www/outside.jpg" , "http://dl.dropbox.com/u/515046/www/garfield-interior.jpg" , "http://dl.dropbox.com/u/515046/www/cheers.jpg" ], {duration: 3000, fade: 750});

it works!! total path link of image. "/assets/photo1.png" me

javascript ruby-on-rails ruby-on-rails-4 asset-pipeline

Comments

Post a Comment

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* - i've inherited doc publishing process takes docbook , builds html , pdf output, using apache fop both. project had been started, never completed. lots of tweaking, i've able of doc sets build (20+), except handful, , fail severe code 1 of these 2 conditions: "fo:flow" missing kid elements. required content model: marker* "fo:block" not valid kid of "fo:root" the xml output comes out of docbook , docbook-fop checks out well-formed. the fop error in 1 book, "endecagloss", example, points end of string: <fo:flow flow-name="xsl-region-body" start-indent="4pc" end-indent="0pt"/> here’s log output in case: [java] severe: javax.xml.transform.transformerexception: file:/scratch/publishing/hudson/jobs/build-main-endeca-documentation/workspace/serverdoc/w...
Read more

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? - i want insert tables in infoboxes. example, have proteinbox i've developed using infobox template (http://health-and-medicine.wikia.com/wiki/template:proteinbox), , fasta field big fit comfortably in proteinbox. hence collapsible table within box. this tried: {{infobox | row 1 = {| class = "mw-collapsible mw-collapsed wikitable" |- | <!-- table content --> |} }} your problem is, putting nested table within template. pipe characters ( | ) in table syntax collides pipe usage in templates. the commonly used hack around create template called template:! , containing pipe character, , utilize when need set tables, parser functions or other stuff using pipe characters, within templates. table (with every | replaced {{!}} ): {{{!}} {{!}}- {{!}} a1 {{!}} b1 {{!}}- {{!}} a2 {{!}} b2 {{!}}} ...the equivalent of {| |- | a1 | b1 |- | a2 | b2 |} furthermore, hav...
Read more

Local Service User Logged into Windows -

Local Service User Logged into Windows - i created windows service tracks app server user connected through load balancer. it retrieves user logged windows on machine, cross references active directory (ad) business relationship homecoming first name, lastly name , e-mail (for notification through website created project) there 1 scheme on network users remote system, vista system, reason returning values "local service" logged machine, it's weird , security guys impossible "local service" business relationship logged windows. here how user logged windows managementscope ms = new managementscope("\\\\.\\root\\cimv2"); objectquery query = new objectquery("select * win32_computersystem"); managementobjectsearcher searcher = new managementobjectsearcher(ms, query); foreach (managementobject mo in searcher.get()) { _username = mo["username"].tostring(); } // remove domain part username string[] usernameparts = _...
Read more