adding .js to my module

Topics: Writing modules
Aug 12, 2011 at 6:23 PM

Hey I am looking for a simple way to call jquery.tablesorter.js in my module. I have tried to add it to the same root as page and then add

<script type="text/javascript" src="jquery.tablesorter.js"></script>
Coordinator
Aug 12, 2011 at 7:47 PM

From your module's view, you can call

Script.Include("your-filename.js").AtFoot();

 The script will be seeked in YourModule/Scripts directly


Aug 12, 2011 at 7:54 PM
sebastienros wrote:
Script.Include("your-filename.js").AtFoot();



Instead of .AtFoot() can I use .AtHead()

Aug 12, 2011 at 8:06 PM
Edited Aug 12, 2011 at 8:12 PM

And how would I add .css files to the same page.

<style type="text/css">
    @@import = "/style/style.css";
	@@import = "/style/jquery.tablesorter.pager.css"
</style>

this is my current code style is a foulder i created in Home

Coordinator
Aug 12, 2011 at 8:37 PM
Yes you can use AtHead(). 
Style.Include("your-filename.css"); whith the file inside /Styles
Aug 12, 2011 at 8:48 PM
Edited Aug 12, 2011 at 8:55 PM

I am guessing also put images I want to reference into /Styles and not use:

<img src="/style/icons/prev.png" class="prev"/>

and use

Style.Include("prev.png");

also in my .css I use:

table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}

and the asc.gif doesn't show up but it is in the /Styles with the .css

Coordinator
Aug 12, 2011 at 9:07 PM

This is pure HTML decision. But in the case of a Pager, yes, it would make sense in the css

Aug 12, 2011 at 9:15 PM

yeah I do the pager in the .css but the background-image doesnt show up even though the url is correct

and the other <img/> is for another part of the page and I dont know where to but the images because it is not reading it from the foulder in my home and not even in the root with the display page.

Aug 12, 2011 at 9:42 PM

are the images not showing up because they are .gif?