Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Jquery plugin in a dnn skinJquery plugin in a dnn skin
Previous
 
Next
New Post
5/22/2011 4:49 PM
 
Hello,



I downloaded a free jQuery plug-in that display banners with some texts and animations effects. It includes js file and html page containing html, css, and js small code.



I devided the 2 files into 4 sections

1. js file (it was included in the downloaded zip file)

2. html script including ul's and li's

3. CSS file for styling html code

3. another js code lines injected in html code



then I put the images and js file into skin folder and added html code to the skin file (it's ascx by the way) and th js code line which was :



$(document).ready(function () {

$('#s3slider').s3Slider({timeOut: 4000});

});





but nothing worked !! did I do something wrong? did I missed somthing?

 
New Post
5/22/2011 6:18 PM
 
Hi,

There many ways to achive your needs.

Here one posibility :

1) inject js file, css file and js code in the page header with WillStrohl.Injection Module Free Module
http://wnsinj.codeplex.com/

2) add a annoncement module to you page and put the html script (ul and li) in the module settings (templates) in the way the annoncment image and description is injected.


Remark : for DNN 4 and dnn 5.... : replace $ with jQuery and add jQuery.noConflict();

http://www.willstrohl.com/Blog/EntryI...
 
New Post
5/23/2011 4:02 AM
 
Hi,



Thanks for the real help. the injection module really works when i use it to inject the scripts



actually, i still have the problem.I did what you told me to do... step by step







1. including js file, style,  and the js lines in injection module.



2. putting html in announcement module (actually, I put it in the skin file itself)







I think the problem accures becouse of the js line:



    $(document).ready(function() {



        $('#slider').s3Slider({



            timeOut: 3000



        });



    });  





which I replaced it with:



    (function ($)



            {



                $('#slider').s3Slider({timeOut: 3000});



            }



        )(jQuery);







depending on an article : http://dnnskin.org/Article/ArticleDet...











i'm very sorry to take a bit of your time. Your help is so precious to me.

 
New Post
5/23/2011 7:38 AM
 
Hi, I have written a blog post using the s3slider with the announcements module. Hope it answers your questions. http://www.ralphwilliams.com/home/entryid/47/turn-dnn-announcements-module-into-a-jquery-slider.aspx


Ralph Williams, Jr.
UX Designer / Front-End Web Developer
www.RalphWilliams.com
Ralph Williams Consulting
Twitter: twitter.com/ralphwilliams

Professional DNN7: Open Source .NET CMS Platform
 
New Post
5/23/2011 10:36 AM
 
hmmmmm....
I think it'll work....
I'll work on it and give the results....

thank you so much..
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Jquery plugin in a dnn skinJquery plugin in a dnn skin


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out