You need to Register for free and Login to post a message in the forum.

Forum

How to Add Javascript in HTML Module
Last Post 2011-12-13 02:22 PM by Joseph Craig. 22 Replies.
Printer Friendly
  •  
  •  
  •  
  •  
  •  
Sort:
PrevPrev NextNext
You are not authorized to post a reply.
Page 1 of 212 > >>
Author Messages
Ramesh NarasimhanUser is Offline
Nuke Active Member
Nuke Active Member
Posts:39

--
2011-12-09 06:32 AM
    The Render Mode Option is disabled on my HTML editor.How can i enable it and select RAW Mode.Please reply as early as possible
    Joseph CraigUser is Online
    DNN Creative Support
    Nuke Master VI
    Nuke Master VI
    Posts:9299
    Avatar

    --
    2011-12-09 10:55 AM
    Which version of DotNetNuke are you using, and which editor are you using?

    Joe Craig, DNN Creative Support

    Subscribe to DNNCreative
    I recommend PowerDNN for DotNetNuke Hosting.
    Ramesh NarasimhanUser is Offline
    Nuke Active Member
    Nuke Active Member
    Posts:39

    --
    2011-12-09 12:28 PM
    i'M USING DotNetNuke_Community_06.01.00_Install and the editor which comes with HTML Module. I'm not able include .CSS file or Javascipt file .I move from Rich Text Editor to Basic Text Box but he Render Mode Option is disabled on my HTML editor.How can i enable it and select RAW Mode.Please reply as early as possible
    Joseph CraigUser is Online
    DNN Creative Support
    Nuke Master VI
    Nuke Master VI
    Posts:9299
    Avatar

    --
    2011-12-09 12:35 PM
    The first thing that you should do is upgrade to 6.1.1. That fixes some bugs and also removes the "feature" that strips javascript from html module contents.

    Joe Craig, DNN Creative Support

    Subscribe to DNNCreative
    I recommend PowerDNN for DotNetNuke Hosting.
    Ramesh NarasimhanUser is Offline
    Nuke Active Member
    Nuke Active Member
    Posts:39

    --
    2011-12-09 12:44 PM
    Please let me know the path from where i can download 6.1.1 or How to upgrade it.
    Ramesh NarasimhanUser is Offline
    Nuke Active Member
    Nuke Active Member
    Posts:39

    --
    2011-12-09 01:26 PM
    When i try to add the following code.........

    <script language="javascript" type="text/javascript" src="../../js/jquery.js"></script> <br /> <script language="javascript" type="text/javascript" src="../../js/wz_tooltip.js"></script> <br /> <script type="text/javascript"> <br /> $(document).ready( function(){ <br /> var buttons = { previous:$('#lofslidecontent45 .lof-previous') , <br /> next:$('#lofslidecontent45 .lof-next') }; <br /> <br /> $obj = $('#lofslidecontent45').lofJSidernews( { interval : 6000, <br /> direction : 'opacitys', <br /> easing : 'easeInOutExpo', <br /> duration : 1200, <br /> auto : true, <br /> maxItemDisplay : 5, <br /> navPosition : 'horizontal', // horizontal <br /> navigator width : 56, <br /> mainWidth:950, <br /> buttons : buttons} ); <br /> }); <br /> </script> <br /> <br /> It is getting disappeared from the Editor and again in Basic Text Box Render Mode option does not show Up. Please give a solution as soon as possible
    Ramesh NarasimhanUser is Offline
    Nuke Active Member
    Nuke Active Member
    Posts:39

    --
    2011-12-09 01:27 PM
    I have installed 6.1.1. When i try to add the following code.........

    <script language="javascript" type="text/javascript" src="../../js/jquery.js"></script> <br /> <script language="javascript" type="text/javascript" src="../../js/wz_tooltip.js"></script> <br /> <script type="text/javascript"> <br /> $(document).ready( function(){ <br /> var buttons = { previous:$('#lofslidecontent45 .lof-previous') , <br /> next:$('#lofslidecontent45 .lof-next') }; <br /> <br /> $obj = $('#lofslidecontent45').lofJSidernews( { interval : 6000, <br /> direction : 'opacitys', <br /> easing : 'easeInOutExpo', <br /> duration : 1200, <br /> auto : true, <br /> maxItemDisplay : 5, <br /> navPosition : 'horizontal', // horizontal <br /> navigator width : 56, <br /> mainWidth:950, <br /> buttons : buttons} ); <br /> }); <br /> </script> <br /> <br /> It is getting disappeared from the Editor and again in Basic Text Box Render Mode option does not show Up. Please give a solution as soon as possible
    Joseph CraigUser is Online
    DNN Creative Support
    Nuke Master VI
    Nuke Master VI
    Posts:9299
    Avatar

    --
    2011-12-09 01:52 PM
    You can paste your script into the header or footer of the module (Module Settings, Advanced Settings). When you do that, the editor will not alter the text.

    Joe Craig, DNN Creative Support

    Subscribe to DNNCreative
    I recommend PowerDNN for DotNetNuke Hosting.
    Ramesh NarasimhanUser is Offline
    Nuke Active Member
    Nuke Active Member
    Posts:39

    --
    2011-12-12 11:15 AM
    < link href="css/style_new.css" rel="stylesheet" type="text/css" /> is not getting applied to the text in an HTML module of a SUB-Page or Child page. I have included in ModuleSettings----> Advanced Settings---->Header. Should i place the CSS files in a specific folder for Child Pages or what?. The same Text in an HTML Module of a parent Page is working fine. Please reply as soon as possible
    Ramesh NarasimhanUser is Offline
    Nuke Active Member
    Nuke Active Member
    Posts:39

    --
    2011-12-12 11:17 AM
    < link href="css/style_new.css" rel="stylesheet" type="text/css" /> is not getting applied to the text in an HTML module of a SUB-Page or Child page. I have included in ModuleSettings----> Advanced Settings---->Header. Should i place the CSS files in a specific folder for Child Pages or what?. The same Text in an HTML Module of a parent Page is working fine. Please reply as soon as possible
    Ramesh NarasimhanUser is Offline
    Nuke Active Member
    Nuke Active Member
    Posts:39

    --
    2011-12-12 11:18 AM
    Including a CSS like this "< link href="css/style_new.css" rel="stylesheet" type="text/css" / >"
    is not getting applied to the text in an HTML module of a SUB-Page or Child page. I have included in ModuleSettings----> Advanced Settings---->Header. Should i place the CSS files in a specific folder for Child Pages or what?. The same Text in an HTML Module of a parent Page is working fine. Please reply as soon as possible
     
    Joseph CraigUser is Online
    DNN Creative Support
    Nuke Master VI
    Nuke Master VI
    Posts:9299
    Avatar

    --
    2011-12-12 01:43 PM
    If you want to include a specific css file, it is probably better to do that in your skin file. Look for the 40Fingers Skin Helper.

    You can also add css to your portal.css file if the changes are more appropriate to the portal than the skin.

    If the css changes apply to multiple instances of a module, use the module's module.css file.

    For a specific instance of the module, you can use custom selectors in the portal.css file, or add the styles directly in the header or footer of the module. You should use module-specific selectors to limit the scope of the css.

    Joe Craig, DNN Creative Support

    Subscribe to DNNCreative
    I recommend PowerDNN for DotNetNuke Hosting.
    Ramesh NarasimhanUser is Offline
    Nuke Active Member
    Nuke Active Member
    Posts:39

    --
    2011-12-13 05:45 AM
    I've Included the CSS in skin.css. adding the styles directly in the header or footer of the module did not solve the problem. Is the right way of doing
    Ramesh NarasimhanUser is Offline
    Nuke Active Member
    Nuke Active Member
    Posts:39

    --
    2011-12-13 06:24 AM
    Including the javascript file in the header of the HTML control like this < script language="javascript" type="text/javascript" src="wz_tooltip.js" ></script> does'nt work. Can i pls know in which path should we place the javascript file so that the javascript file is included.
    Joseph CraigUser is Online
    DNN Creative Support
    Nuke Master VI
    Nuke Master VI
    Posts:9299
    Avatar

    --
    2011-12-13 11:42 AM
    The standard approach would be to place wz_tooltip.js into the js directory. Then the path would be /js/wz_tooltip.js/

    Joe Craig, DNN Creative Support

    Subscribe to DNNCreative
    I recommend PowerDNN for DotNetNuke Hosting.
    Joseph CraigUser is Online
    DNN Creative Support
    Nuke Master VI
    Nuke Master VI
    Posts:9299
    Avatar

    --
    2011-12-13 11:45 AM
    Adding css to the header or footer of a module will affect only that single page.

    Adding to the skin.css file is appropriate for styles related to the skin -- styles that you want to follow the skin, wherever it is installed.

    Adding to portal.css is appropriate for styles that should be limited to that particular portal.

    There are also module.css and container.css files for styles that should go with a particular module or container.

    Joe Craig, DNN Creative Support

    Subscribe to DNNCreative
    I recommend PowerDNN for DotNetNuke Hosting.
    Ramesh NarasimhanUser is Offline
    Nuke Active Member
    Nuke Active Member
    Posts:39

    --
    2011-12-13 12:33 PM
    Inspite of Including style as and Javascript as <script language="javascript" type="text/javascript" src="/js/wz_tooltip.js/"></script> in the header part of the HTML Module both are not working. Can u pls tell me what is wrong.
    Ramesh NarasimhanUser is Offline
    Nuke Active Member
    Nuke Active Member
    Posts:39

    --
    2011-12-13 12:37 PM

    Inspite of Including style as "" and Javascript as <script language="javascript" type="text/javascript" src="/js/wz_tooltip.js/"></script> in the header part of the HTML Module both are not working. Can u pls tell me what is wrong.
    Joseph CraigUser is Online
    DNN Creative Support
    Nuke Master VI
    Nuke Master VI
    Posts:9299
    Avatar

    --
    2011-12-13 12:38 PM
    Can I see the site?

    Do you have a public URL?

    Can you tell if the script is being loaded? (Using browser developer tools)

    Joe Craig, DNN Creative Support

    Subscribe to DNNCreative
    I recommend PowerDNN for DotNetNuke Hosting.
    Joseph CraigUser is Online
    DNN Creative Support
    Nuke Master VI
    Nuke Master VI
    Posts:9299
    Avatar

    --
    2011-12-13 12:39 PM
    You might also want to take advantage of tools that are part of DotNetNuke: http://www.dotnetnuke.com/Resources...lugin.aspx

    Joe Craig, DNN Creative Support

    Subscribe to DNNCreative
    I recommend PowerDNN for DotNetNuke Hosting.
    You are not authorized to post a reply.
    Page 1 of 212 > >>


    Active Forums 4.3

    Latest Forum Posts

    Rename or move site from domain name to subdomain name by Bill Quinn
    Hi, I have an old DNN site on a a TLD like this: websitename.com I have created a portal on
    RE: Deploying dnn by Sameer
    Thanks joeseph glad with your answer it means i can use CE for my site if the traffic are not
    Unable to Create Skin Package by schilders
    Hi, I'm trying to create the skin package and manifest for my new skin. I created the new skin e
    RE: user adding images by Joseph Craig
    I think that you will need to go to the File Manager and give the user and/or security group file up
    RE: lightroom effect for skin by Joseph Craig
    There are modules available that do this. On the commercial side, I've used Mandeeps' Live Conten
    RE: Creating structured page content by Joseph Craig
    Take a look at Ventrian's News Articles module. While commercial, it has a very modest price! Th
    Creating structured page content by Stephen Bugden
    Hi, Can anyone recommend a module for creating and managing page content? The kind of thing I'
    lightroom effect for skin by everett31
    I’m looking for a way to add the lightbox effect to a skin file. I would like the end user to have
    RE: css3-mediaqueries.js and Dynamic Forms Crash Page in IE by WinXnet
    According to my web searching, @font-face references cause crashing in IE7 and IE8 with css3-mediaqu
    user adding images by rod lloyd
    I have set up permissions for certain users to edit a module, but when they log-on and enter Edit Co
    RE: Deploying dnn by Joseph Craig
    The free Community Edition of DotNetNuke is perfectly fine for creating "world class" websites. Whi
    RE: css3-mediaqueries.js and Dynamic Forms Crash Page in IE by WinXnet
    any idea what approach I should take - IE completely locks up. The only cause is the combo of the
    RE: css3-mediaqueries.js and Dynamic Forms Crash Page in IE by Joseph Craig
    If you're up to doing some debugging, you might be able to figure out where the problem lies. That'
    RE: Deploying dnn by Sameer
    Hi Joe Thanks for your reply i am planning to create my own DNN site so for that i have chec
    RE: css3-mediaqueries.js and Dynamic Forms Crash Page in IE by WinXnet
    Thanks for the response, but I was hoping it was something I could fix with some skin tweaks - one i
    RE: Changing Search text by Joseph Craig
    You will want to look here for references about the DotNetNuke skin objects. The document written b
    Changing Search text by Abraham Tameru
    Hi, Instead of having "Search" text near the search text box, I wanted to replace it by an image
    RE: Strange issue with file manager on sub domain (sperate portal) by Web Services
    Just sent it.
    RE: Not able to load my dotnetnuke website on Internet Explorer though it is working fine with other browsers by Joseph Craig
    Did you get this fixed? (Apologies for not getting to this sooner...)
    RE: Web Design Company London by Johnny Gregory
    Hello I am a Manager here at PowerDNN and I would like to see if you are still looking to get the wo
    You are not logged in.
    You must log in to access all 
    650+ videos, tutorials, podcasts, and more.
    RSS Feeds