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

HomeHomeGetting StartedGetting StartedNew to DNN Plat...New to DNN Plat...Getting Started with JQueryGetting Started with JQuery
Previous
 
Next
New Post
8/7/2012 3:37 PM
 

I see a lot of talk about how JQuery provides a lot of new functionality and improvements to the UI for DNN. But I haven't been able to learn how to use it. I have searched the forums and it seems that the entries all seem to start with a level of knowledge above the beginner. I would like to know how to start at the beginning. And frankly all the talk about the different ways to use it depending on the DNN version you have is dizzying.

For example, I found a page that has some JQuery that could be used to open external links in a new window. I need to do this on one of my pages so I want to try it. But how is it done?

The website with the code  http://snipplr.com/view/50715/ has the code to use to open external links in a new window. 

  1. // open external links in new window (checking domain first)
  2. jQuery("a[href^='http']:not([href*='" + document.domain + "'])").each(function () {
  3. jQuery(this).attr("target", "_blank");
  4. });
What do I do with this code? Where do I place it on the page/skin or whatever?

Are there other steps to "turn on" the JQuery besides this code?

If it matters, you can know that I will use DNN 6.01.02.

If you are aware of something already written that explains the basic how-to's or have some simple advice I would sincerely appreciate your guidance. Thanks for getting me started.


 
New Post
8/7/2012 3:48 PM
 

You can place it in the page header (page settings / advanced) in between some script tags:

<script></script>

Or just create a .js file put the code in there and link to to it.

http://www.hypergurl.com/jsfiles.html

 
New Post
8/9/2012 1:57 AM
 
Thanks Patrick, I will give it a try.
 
New Post
8/9/2012 3:05 AM
 
Hi Mark, I quite agree. I am interested in developing with jQuery but I am put off by all the code samples with no clear instructions as how to implement them. I think there would be a market for documentation/videos on jQuery for DNN that was aimed at the total beginner.
 
New Post
8/9/2012 9:12 AM
 
Pingle wrote:
Hi Mark, I quite agree. I am interested in developing with jQuery but I am put off by all the code samples with no clear instructions as how to implement them. I think there would be a market for documentation/videos on jQuery for DNN that was aimed at the total beginner.

 Not especially for DNN, but have a look at this: jQuery Succinctly

Best wishes
Michael


Michael Tobisch
DNN★MVP

dnn-Connect.org - The most vibrant community around the DNN-platform
 
Previous
 
Next
HomeHomeGetting StartedGetting StartedNew to DNN Plat...New to DNN Plat...Getting Started with JQueryGetting Started with JQuery


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