Hi, my name is Bo, a newbie to Dotnetnuke, i am trying to build a site with jquery and text/html module.i tried to put jquery references in the page header tag but it seems like that if i only reference to one js file or css file, it works ok but if multi references are inserted it will not work at the all. Also, i tried to put functions in the page header tag but it broke the site straight away no matter what i put in. i am pretty useless in terms of referencing external scripts or style sheets in Dotnetnuke., so any help or suggestions will be great. Thanks in advance

Bo

Hi Ian, Thanks very much for your quick response,

here are the code i put in to the header page tags, (space in script just in case it won't let me post):

<s cript type="text/javascript" src="/bhbPortal/Portals/0/js/jquery-1.2.1.pack.js"></s cript>
<s cript type="text/javascript" src="/bhbPortal/Portals/0/js/jquery.jcarousel.pack.js"></s cript>
<l ink rel="stylesheet" type="text/css" href="/bhbPortal/Portals/0/css/jquery.jcarousel.css" />
<l ink rel="stylesheet" type="text/css" href="/bhbPortal/Portals/0/css/jq.css" />

<s cript type="text/javascript">

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel();
});

</script>

and here is what i put in in the html source view:

<div id="wrap">
  <h1>jCarousel</h1>
  <h2>Riding carousels with jQuery</h2>

  <h3>Simple carousel</h3>
  <p>
    This is the most simple usage of the carousel with no configuration options.
  </p>

  <ul id="mycarousel" class="jcarousel-skin-tango">
    <li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li>
  </ul>

</div>

basically it is Carousel slide show using jquery, it works fine in a normal html page but it won't do anything in the html module. i have read some posts here and some of them suggest reading a custom module just to put the references in the page, will that work or there are better solutions to this? Thanks again.

Bo