Working with javascript in a view in ruby on rails -

-

alright guys, ruby noobie here, , find myself in unfortunate situation moving project on django ruby on rails. first things first, setting application.html.erb file, , cannot seem javascript working. images , css coming through, not javascript. there javascript files within assets directory , within application.html.erb file. neither coming through.

all of images, css, , javascripts located within respective directories in app/assets/.

my application.html.erb file head tag:

<!doctype html> <html> <head> <!--[if lt ie 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->  <title>the atmosphere</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link rel="shortcut icon" type="image/x-icon" href="/assets/atmosphere_favicon.png"> <link rel="stylesheet" type="text/css" href="/assets/style.css"> <link rel="stylesheet" type="text/css" href="/assets/profile.css"> <link rel="stylesheet" type="text/css" href="/assets/advanced-slider-base.css"> <link rel="stylesheet" type="text/css" href="/assets/small-round-button.css"> <link rel="stylesheet" media="all" href="/assets/hover.css">   <script type="text/javascript" src="/assets/jquery-1.7.2.min.js" charset="utf-8"></script> <script type="text/javascript" src="/assets/jquery-ui.js" charset="utf-8"></script> <script type="text/javascript" src="/assets/scroll.min.js"></script> <!--<script type="text/javascript" src="js/jquery.transition.min.js"></script>--> <script type="text/javascript" src="/assets/jquery.touchswipe.min.js"></script> <script type="text/javascript" src="/assets/jquery.easing.1.3.min.js"></script> <script type="text/javascript" src="/assets/jquery.advancedslider.min.js"></script> <script type="text/javascript" src="/assets/simplyscroll.js" charset="utf-8"></script> <script type="text/javascript" src="/assets/jquery.marquee.js"></script> <script type="text/javascript" src="/assets/jquery.pause.min.js"></script> <script type="text/javascript" src="/assets/jquery.webticker.js"></script> <script type="text/javascript" src="/assets/engine.js" charset="utf-8"></script> <script type="text/javascript" src="/assets/jquery.jplayer.min.js"></script> <script type="text/javascript" src="/assets/jquery.cookie.js"></script>   <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %> <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %> <%= csrf_meta_tags %>   <!-- start soundmanager2 --> <!-- demo, make fonts nicer etc. -->   <!-- soundmanager.useflashblock: related css --> <link rel="stylesheet" type="text/css" href="/assets/flashblock.css" />  <!-- soundmanager required --> <link rel="stylesheet" type="text/css" href="/assets/360player.css" /> <link rel="stylesheet" type="text/css" href="/assets/360player-visualization.css" />  <!-- sound manager apache-licensed animation library --> <script type="text/javascript" src="/assets/berniecode-animator.js"></script>  <!-- soundmanager core stuff --> <script type="text/javascript" src="/assets/soundmanager2.js"></script> <script type="text/javascript" src="/assets/360player.js"></script>  </head>

the javascript in question within application.html.erb file between 2 script tags right before body closing body tag. it's quite lengthy omitted time being.

i understand ror has conventions far asset pipeline, , i'm assuming i'm missing ruby syntax here, used referencing file paths , having working. also, there ruby syntax required within view make javascript within application.html.erb function? right referenced as:

   <body>      .      .       <script>         .         .         .        </script>    </body> </html>

thanks guys! appreciated.

my application.js file:

// manifest file that'll compiled application.js, include files // listed below. // // javascript/coffee file within directory, lib/assets/javascripts, vendor/assets/javascripts, // or plugin's vendor/assets/javascripts directory can referenced here using relative path. // // it's not advisable add code directly here, if do, it'll appear @ bottom of // compiled file. // // read sprockets readme (https://github.com/rails/sprockets#sprockets-directives) details // supported directives. // //= require jquery //= require jquery_ujs //= require turbolinks //= require_tree .

application.css file:

/*  * manifest file that'll compiled application.css, include files  * listed below.  *  * css , scss file within directory, lib/assets/stylesheets, vendor/assets/stylesheets,  * or plugin's vendor/assets/stylesheets directory can referenced here using relative path.  *  * you're free add application-wide styles file , they'll appear @ bottom of  * compiled file styles add here take precedence on styles defined in styles  * defined in other css/scss files in directory. better create new  * file per style scope.  *  *= require_tree .  *= require_self  */

the railsy way of including javascript use:

<%= javascript_include_tag( 'your_script' ) %>

more docs here: http://apidock.com/rails/actionview/helpers/assettaghelper/javascript_include_tag

application.js list of files precompiled asset pipeline, can include scripts there well, if want add script particular view, way go.


Comments

Post a Comment

Popular posts from this blog

javascript - Karma not able to start PhantomJS on Windows - Error: spawn UNKNOWN -

-
i lost "unknown" error: karma.conf.js: frameworks: ['mocha', 'should'], plugins: ['karma-mocha', 'karma-should', 'karma-phantomjs-launcher'], ... browsers: ['phantomjs'], error: 23 07 2015 14:35:37.691:warn [karma]: no captured browser, open http://localhost:9876/ 23 07 2015 14:35:37.701:info [karma]: karma v0.13.3 server started @ http://localhost:9876/ 23 07 2015 14:35:37.707:info [launcher]: starting browser phantomjs 23 07 2015 14:35:37.738:error [karma]: { [error: spawn unknown] code: 'unknown', errno: 'unknown', syscall: 'spawn' } error: spawn unknown @ exports._errnoexception (util.js:749:11) @ childprocess.spawn (child_process.js:1093:11) @ exports.spawn (child_process.js:933:9) @ object._execcommand (c:\users\jinga4x\git\mdl-sample-project\node_modules\karma\lib\launchers\process.js:63:21) @ object._start (c:\users\jinga4x\git\md...
Read more

c# - Display ASPX Popup control in RowDeleteing Event (ASPX Gridview) -

-
i have aspxgridview includes new , delete button. delete button includs gv_rowdeleting event. want show aspxpopupcontrol (id="pupconfirm"). want user have confirm password delete item. tried: protected void gv_rowdeleting(object sender, devexpress.web.data.aspxdatadeletingeventargs e) { pupconfirm.showonpageload = true; } but nothing happened. please me. !!! you can create template column javascript prompt confirmation. <itemtemplate> <asp:linkbutton id="btndelete" runat="server" text="delete" commandname="delete" onclientclick="javascript:if(!confirm('are sure want delete record?')){return false;}"> </asp:linkbutton> </itemtemplate>
Read more

Nuget pack csproj using nuspec -

-
i want create nuget package contains specified in nuspec file, still version csproj. in order use token have pack like: nuget pack myproj.csproj but when adds dependencies , creates unwanted folder in nuget package. nuspec file is: <?xml version="1.0" encoding="utf-8"?> <package xmlns="http://schemas.microsoft.com/packaging/2011/08/nuspec.xsd"> <metadata> <id>test</id> <version>$version$</version> <title>test</title> <authors>test</authors> <owners>test</owners> <requirelicenseacceptance>false</requirelicenseacceptance> <description>test</description> <summary>test</summary> <releasenotes>test</releasenotes> <copyright>test</copyright> </metadata> <files> <file src="bin\debug\*.dll" target="lib\net45" /> <file s...
Read more