Problem Display JQuery Script

Hi Gang,
Been wrestling with a JQuery script, getting it to display on this page for the main images:
http://72.29.76.51/~organica/index.html
Any insight to what I'm doing wrong is appreciated.
Here's the page code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Organica Natural Foods | Northvale, New Jersey</title>

<link href="main.css" rel="stylesheet" type="text/css" />
<link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
<link href="s3slider.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="js/s3Slider.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#slider').s3Slider({
            timeOut: 3000
</script>
<script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
<style type="text/css">
/* BeginOAWidget_Instance_2141544: #MenuBar */
/* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
    these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
     These assume the following widget classes for menu layout (set in a preset)
    .MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
    .MenuBarVertical - vertical main bar; all submenus are pull-right.
    You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
    They only apply to horizontal menu bars:
        MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
        MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
        MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned.
        MenuBarFixedCentered - - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
                        and centered in its parent container.
        MenuBarFullwidth - Grows to fill its parent container width.
    In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
    with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
    there are a few rules where this was not possible. Those rules are so noted in comments.
#MenuBar {
    background-color:#003300;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
                                                MenuItem, and MenuItemLabel
                                                at a given level all use same definition for ems.
                                                Note that this means the size is also inherited to child submenus,
                                                so use caution in using relative sizes other than
                                                100% on submenu fonts. */
    font-weight: bold;
    font-size: 12px;
    font-style: normal;
    padding:0;
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
in this section. These have very low specificity, so be careful not to accidentally override them. */
.MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
    display:none;
.MenuBarLeftShrink {
    float: left; /* shrink to content, as well as float the MenuBar */
    width: auto;
.MenuBarRightShrink {
    float: right; /* shrink to content, as well as float the MenuBar */
    width: auto;
.MenuBarFixedLeft {
    float: left;
    width: 100%;
.MenuBarFixedCentered {
    float: none;
    width: 100%;
    margin-left:auto;
    margin-right:auto;
.MenuBarFixedCentered br {
    clear:both;
    display:block;
.MenuBarFixedCentered .SubMenu br {
    display:none;
.MenuBarFullwidth {
    float: left;
    width: 100%;
/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar .MenuItemContainer {
    padding: 0px 0px 0px 0px;
    margin: 0;
     /* Zero out margin on the item containers. The MenuItem is the active hover area.
                For most items, we have to do top or bottom padding or borders only on the MenuItem
                or a child so we keep the entire submenu tiled with items.
                Setting this to 0 avoids "dead spots" for hovering. */
#MenuBar .MenuItem {
    padding: 0px 8px 0px 8px;
    background-color:transparent;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
#MenuBar .MenuItemFirst {
    border-style: none none none none;
#MenuBar .MenuItemLast {
    border-style: none solid none none;
#MenuBar .MenuItem .MenuItemLabel{
    text-align:left;
    line-height:1.4em;
    color:#ffffff;
    background-color:transparent;
    padding: 6px 15px 6px 15px;
    width: 10em;
    width:auto;
.SpryIsIE6 #MenuBar .MenuItem .MenuItemLabel{
    width:1em; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuBar .SubMenu .MenuItem {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    font-style: normal;
    background-color:transparent;
    padding:0px 8px 0px 0px;
    border-width:1px;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    /* Border styles are overriden by first and last items */
    border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst {
    border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst .MenuItemLabel{
    padding-top: 6px;
#MenuBar .SubMenu .MenuItemLast {
    border-style: solid solid solid solid;
#MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
    padding-bottom: 6px;
#MenuBar .SubMenu .MenuItem .MenuItemLabel{
    text-align:left;
    line-height:1em;
    background-color:transparent;
    color:#ffffff;
    padding: 6px 12px 6px 5px;
    width: 7em;
/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
    background-color: transparent;
    border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #999999;
#MenuBar .MenuItemHover .MenuItemLabel{
    background-color: transparent;
    color: #999999;
#MenuBar .SubMenu .MenuItemHover {
    background-color: #003300;
    border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
    background-color: transparent;
    color: #999999;
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
    background-color: #003300;
    min-width:0%; /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
    border-color: #ffffff #ffffff #ffffff #ffffff;
    border-width:0px;
    border-style: none none none none;
#MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
    top: 100%;    /* 100% is at the bottom of parent menuItemContainer */
    left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
                    and your personal taste.
                    0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
                    on MenuItemContainer and MenuItem on the parent
                    menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
                    the dropdown with the left of the menu item label.*/
    z-index:10;
#MenuBar.MenuBarVertical .SubMenuVisible {
    top: 0px;
    left:100%;
    min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar .MenuLevel1 .SubMenuVisible {
    background-color: #003300;
    min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
    top: 0px;    /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
                that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
                vertically 'centered' on its invoking item */
    left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
                negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
                to use px or ems to get the offset you want. */
/* IE6 rules - you can delete these if you do not want to support IE6 */
/* A note about multiple classes in IE6.
* Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
* all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
* problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
* Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
* syntax for that. Since IE6 both applies rules where
* it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
* So, we put the multiple class rule first. IE6 will mistakenly apply this rule. We follow this with the single-class rule that it would
* mistakenly override, making sure the misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
* We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
* the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
* css style block to make it easy to delete if you want to drop IE6 support.
* If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
* The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
.SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #999999;
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #999999;
.SpryIsIE6 #MenuBar .SubMenu .SubMenu /* IE6 selector */{
    margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
/* EndOAWidget_Instance_2141544 */
</style>
<script type="text/xml">

</script>


</head>
<body bgcolor="#17321A">
<div id="outerWrapper">
<div id="header"><img src="media/header.jpg" width="960" height="160" alt="organica title" /></div>
<div id="navbar">
    <ul id="MenuBar">
      <li> <a href="index.html">Home</a></li>
      <li> <a href="kitchen.html">Kitchen</a>
      <ul>
          <li> <a href="menus.html">Menus</a></li>
          <li> <a href="catering.html">Catering</a></li>
      </ul>
      </li>
      <li> <a href="juicebar.html">Juice Bar</a></li>
      <li> <a href="produce.html">Produce</a></li>
      <li> <a href="supplements.html">Supplements</a></li>
      <li> <a href="grocery.html">Grocery</a>
      <ul>
          <li> <a href="packaged.html">Packaged Goods</a></li>
          <li> <a href="refrigerated.html">Refrigerated</a></li>
          <li> <a href="frozen.html">Frozen Foods</a></li>
          <li> <a href="glutenfree.html">Gluten Free</a></li>
      </ul>
      </li>
      <li> <a href="bodycare.html">Body Care</a></li>
      <li> <a href="events.html">Events</a></li>
      <li> <a href="contact.html">Contact</a>
      <ul>
          <li> <a href="directions.html">Directions</a></li>
          <li> <a href="employment.html">Employment</a></li>
      </ul>
      </li>
      </ul>
    <script type="text/javascript">
// BeginOAWidget_Instance_2141544: #MenuBar
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
      widgetID: "MenuBar",
      widgetClass: "MenuBar MenuBarFullwidth",
      insertMenuBarBreak: true,
      mainMenuShowDelay: 100,
      mainMenuHideDelay: 200,
      subMenuShowDelay: 200,
      subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
    </script>
</div>
<div id="contentWrapper">
    <div id="sidebar">
      <h2>Get Your Organica Loyalty Card<br />
        <img src="media/loyalty.jpg" width="200" height="129" alt="loyalty" /></h2>
      <hr width="90%" size="1" />
      <p>
        <style>
.link,
.link a,
.signupframe
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    .link,
    .link a {
        text-decoration: none;
    .signupframe {
        border: 0px solid #000000;
        background: #ffffff;
.signupframe .required {
    font-size: 10px;
    </style>
      </p>
      <form method="post" action="https://app.icontact.com/icp/signup.php" name="icpsignup" id="icpsignup8190" accept-charset="UTF-8" onsubmit="return verifyRequired8190();" >
        <input type="hidden" name="redirect" value="http://organicanaturalfoods.com/thanks.html" />
        <input type="hidden" name="errorredirect" value="http://www.icontact.com/www/signup/error.html" />
        <div id="SignUp">
          <h2>Sign-up for our Organica e-News<br />
            Receive coupons, event info, and more! </h2>
          <table width="200" align="center" class="signupframe" border="0" cellspacing="0" cellpadding="5">
            <tr>
              <td align="center"><input type="text" name="fields_email" /></td>
            </tr>
            <input type="hidden" name="listid" value="70490" />
            <input type="hidden" name="specialid:70490" value="HHBU" />
            <input type="hidden" name="clientid" value="971128" />
            <input type="hidden" name="formid" value="8190" />
            <input type="hidden" name="reallistid" value="1" />
            <input type="hidden" name="doubleopt" value="0" />
            <tr>
              <td><div align="center">
                <input type="submit" name="Submit" value="Submit" />
              </div></td>
            </tr>
          </table>
        </div>
      </form>
      <script type="text/javascript">
var icpForm8190 = document.getElementById('icpsignup8190');
if (document.location.protocol === "https:")
    icpForm8190.action = "https://app.icontact.com/icp/signup.php";
function verifyRequired8190() {
if (icpForm8190["fields_email"].value == "") {
    icpForm8190["fields_email"].focus();
    alert("The Email field is required.");
    return false;
return true;
    </script>
      <p></p>
      <p>
<iframe src=
"http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FOrganicaN aturalFood&width=250&colorscheme=light&show_faces=true&border_color&stream=false&header=fa lse&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
      </p>
    </div>

    <div id="content">
      <div id="s3slider">
   <ul id="s3sliderContent">
      <li class="s3sliderImage">
          <img src="media/front_1.jpg" />
          <span>Welcome to Organica!</span>
      </li>
      <li class="s3sliderImage">
          <img src="media/front_2.jpg" />
          <span>Welcome to Organica!</span>
      </li>
      <div class="clear s3sliderImage"></div>
   </ul>
</div>
    </div>
    
    <div id="footer">
      <a href="index.html">Home</a> | <a href="about.html">About Us</a> | <a href="links.html">Links</a> | <a href="directions.html">Directions</a> | <a href="employment.html">Employment</a> | <a href="contact.html">Contact Us</a><br />
    All contents ©2011 Organica Natural Foods | Site Design: <a href="http://nowagenewmedia.com" target="_blank">Now Age New Media</a></div>
</div>
</div>
</body>
</html>

Usually, the reason why a widget does not work is because the support files are not-present/corrupt/out-of-date.
Try using
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://s3slider-original.googlecode.com/svn/trunk/s3Slider.js"></script>
it may help. The jQuery version can be changed to a more modern one.
Gramps

Similar Messages

Problem displaying php page in dreamweaver

I am having problems displaying php scripting on dreamweaver.
Need your advice.
Installed dreamweaver 8, Coldfusion 7, mysql, php5.2 (using
windows installer).
Created file test.php ror testing containing
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
date is:<b><?php echo Hello ?></b>
</body>
</html>

ulises_arsi wrote:
> I am having problems displaying php scripting on
dreamweaver.
Tell us what the problems are.
> Installed dreamweaver 8, Coldfusion 7, mysql, php5.2
(using windows installer).
PHP needs to be configured with a web server, such as Apache
or IIS.
ColdFusion is also a webserver, but as far as I know, it
cannot be
configured to serve PHP pages.
> date is:
<?php echo Hello ?>
The only thing that would display is an error message. Hello
needs to be
enclosed in quotes:
<?php echo 'Hello'; ?>
David Powers
Adobe Community Expert
Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
http://foundationphp.com/

Problem: Jstl update query with Jquery script

Hi all,
i'm writing a jsp page with this 3 star rating Jquery script to show and vote some <div> (results) .
        <script type="text/javascript">
                                    jQuery(document).ready(function($) {
                                        $("#${Rss.pages_id}").stars({
                                            cancelShow: false,
                                            captionEl: $("#<%=i%>"),
                                            callback: function(ui, type, value){
                                                alert("Callback! ID = ${Rss.pages_id} Clicked: " + type + ", value: " + value );
                                        $("#${Rss.pages_id}").stars("select", ${Rss.trust_value})
                                </script>Now i want update the value in my DB(MySql) everytime that i will click on my "star rating"..i want do this with an jstl update query.
Someone can help me?? Thanks

Just so as you remember that jquery/javascript is completely client side.
JSP/JSTL is completely server side.
The only way to invoke java/JSP from javascript code is to make an http request - normally via ajax.
Given that, it doesn't make sense to put jquery code and a JSTL update query within the same JSP page.
The code to update the database should be a seperate resource called by ajax from the main page.
In that case, it doesn't have to be (and probably shouldn't be) done with JSTL. It is better done with java code within servlet/beans.
cheers,
evnafets

Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome

Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome. Works in IE. This is my first time trying to post a question - so please be kind. I am also not good with code and am finding css a real challenge after learning to design based on tables. I'm using CS5.
The "test" page with the slide show is: http://www.reardanwa.com/index-slides.html   The same page without the slide show is http://www.reardanwa.com/
I realize the images are not ideally sized - I'll fix those once I get the pages to function. Maybe I need a different slide show? I would prefer a widget that I can modify to required size & postition. Again - I'm not good at building with code from scratch.
The problem is the naviagation links that are directly next to the slide show do not work in Firefox of Chrome. They do work in IE.
I've read about using jQuery.noConflict(); code but can't figure out the correct way to use it in my case or whether that's even part of the solution. I know my code is not well organized as I have cobbled together from various sources in an attempt to format the page the way the client wants it. Also, FYI, I will eventually try to make the page work in Surreal CMS.
I've spent sevaral days over the last several weeks trying to solve sth slide show/navigation conflict - so any specific light you can shed will be much appreciated.
Thanks in advance.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Reardan Area Chamber of Commerce</title>
<meta name="description" content="home page for Reardan Area Chamber of Commerce" />
<meta name="keywords" content="Reardan WA, chamber of commerce" </>
<script src="scripts/jquery-1.6.min.js" type="text/javascript"></script>
<script src="scripts/jquery.cycle.all.js" type="text/javascript"> </script>
<script type="text/xml">
</script>
<style type="text/css">
                              #slideshow {
                                  padding: 10px;
                                        margin:0;
                              #slideshow-caption{
                                        padding:0;
                                        margin:0;
                              #slideshow img, #slideshow div {
                                  padding: 10px;
                                  background-color: #EEE;
                                  margin: 0;
body {
          font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
          background: #004B8D;
          margin: 0;
          padding: 0;
          color: #000;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
          padding: 0;
          margin: 0;
h1, h2, h3, h4, h5, h6, p {
          margin-top: 0;           /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
           /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
.left
position:absolute;
left:0px;
.center
margin:auto;
width:95%;
.box
          position:relative;
          left:-90px;
          width:950px;
          height:350px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
          z-index:1000;
.slide{
    position:absolute;
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
          border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
          color: #42413C;
          text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
          color: #6E6C64;
          text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
          text-decoration: none;
/* ~~this fixed width container surrounds the other divs~~ */
.container {
          width: 960px;
          min-height:900px;
          padding:5px 0px 0px 0px;
          background: #E8F8FF;
          margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
          background: #E8F8FF;
          padding:10px 5px 0px 5px;
.sidebar1 {
          float: left;
          width: 225px;
          margin: 60px;
          color: #FFFF0D;
          background: #595FFF;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
          padding: 5px 5px 0px 5px;
    border: 3px solid #F7F723;
    z-index:-1;
.sidebar2 {
          float: left;
          width: 275px;
          color: #FFFF0D;
          text-align: left;
          background: #595FFF;
          padding-bottom: 10px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border: 3px solid #F7F723;
    z-index:2;
.sidebar3 {
          float: left;
          width: 275px;
          color: #FFFF0D;
          text-align: left;
          background: #595FFF;
          padding-bottom: 10px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border: 3px solid #F7F723;
    z-index:3;
.content {
          padding: 0px 0px 0px 0px;
          width: 780px;
          float: left;
          background: #E8F8FF;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
          padding: 0px 15px 5px 10px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
          list-style: none; /* this removes the list marker */
          border-top: 0px solid #FFFF66; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
          margin-bottom: 50px; /* this creates the space between the navigation on the content below */
          font: Arial Black, Verdana, , Helvetica, sans-serif;
          font-size:1.3em;
          font-weight:bold;
          z-index:2;
ul.nav li {
          border-bottom: 0px solid #FFFF66; /* this creates the button separation */
          font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
          padding: 3px 0px 5px 0px;
          display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
          width: 185px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
          text-decoration: none;
          color: #FFFF0D;
          background: #595FFF;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
          background: #595FFF;
          font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
          color: #FFFFFF;
/* ~~ The footer ~~ */
.footer {
          padding: 10px 0;
          background: #595FFF;
          color: #FFFF0D;
          position: relative;/* this gives IE6 hasLayout to properly clear */
          clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
          float: right;
          margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
          float: left;
          margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
          clear:both;
          height:0;
          font-size: 1px;
          line-height: 0px;
-->
</style>
</head>
<body>
<div class="container">
<div class="header">
<a href="#"><img src="images/Chamber-Logo-2.gif" alt="Reardan Chamber Logo" width="187" height="163" hspace="10" vspace="5" align="top" /></a><img src="images/Reardan-Chamber-Title.gif" width="476" height="204" alt="Reardan Area Chamber of Commerce, Dedicated to Preserving and Enhancing Area Businesses" /><p></p>
<p style="color: #F00">This Site is under construction! Please pardon our dust as we create!</p>
</div>
<div class="sidebar1">
    <ul class="nav">
      <li><a href="about.html">About Us</a></li>
      <li><a href="history.html">Reardan History</a></li>
      <li><a href="activities.html">Activities</a></li>
      <li><a href="business.html">Business<br />
        Directory</a></li>
      <li><a href="about.html">Join the<br />
        Chamber</a></li>
       <li><a href="links.html">Links<br />
  <span style="font-size: 85%">Tourism</span><br />
      </a></li>
    </ul>
     </div>
<br />
<br />
<br />
<br />
<div class="box" +"slide">
<script type="text/javascript">
// BeginOAWidget_Instance_2559022: #slideshow
                           slideshowAddCaption=true;
$(window).load(function() {
$('#slideshow').cycle({
                    after:                              slideshowOnCycleAfter, //the function that is triggered after each transition
                    autostop:                              false,     // true to end slideshow after X transitions (where X == slide count)
                    fx:                                        'blindX',// name of transition effect
                    pause:                              false,     // true to enable pause on hover
                    randomizeEffects:          true, // valid when multiple effects are used; true to make the effect sequence random
                    speed:                              100, // speed of the transition (any valid fx speed value)
                    sync:                              true,     // true if in/out transitions should occur simultaneously
                    timeout:                    5000, // milliseconds between slide transitions (0 to disable auto advance)
                    fit:                              true,
                    height:                       '300px',
                    width:         '525px'   // container width (if the 'fit' option is true, the slides will be set to this width as well)
function slideshowOnCycleAfter() {
          if (slideshowAddCaption==true){
                              $('#slideshow-caption').html(this.title);
// EndOAWidget_Instance_2559022
</script>
<div id="slideshow">
    
    <img src="images/100_1537.jpeg" width="600" height="450" title="caption for image1" /> <img src="images/Parade-2011-2.jpg" width="300" height="225" title="caption for image2" /> <img src="images/100_1495.jpeg" width="600" height="450" title="caption for image3" />
    <div title="sample title"> Images for slide show will need to be re-sized to fit box to avoid distortion</div>
    <img src="images/beach4.jpg" width="200" height="200" title="caption for image4" /> <img src="images/beach5.jpg" width="200" height="200" title="caption for image5" /> </div>

<div id="slideshow-caption"></div></div>
<div class="sidebar2" "anotherClass editable"><p align="center"><strong>Chamber News</strong><br />
Local News item
<br />
Another New item</p>
<p align="center">lots of news this week<br />
    <br />
    <br />
    <br />
</p>
</div>
<div class="sidebar3" "anotherClass editable"><p align="center"><strong>Upcoming Events</strong></p>
<div align="center">    <a href="activities.html" style="color: #FFFF0D">Community wide yard sales</a><br />
    <br />
    <br />
    <br />
    <br />
</div>
</div>
<div class="content"><br />
<br />
</div>
<div class="footer">
        <p align="center"><span style="font-size: small">Reardan Area Chamber of Commerce</span><br />
          <span style="font-size: x-small">[email protected] - 509.796.2102</span><br />
        </p>
        
</div></body>
</html>

If you DO want the slideshow overlaping the navigation try the below css:
.sidebar1 {
    float: left;
    width: 225px;
    margin: 60px 0px 60px 60px;
    color: #FFFF0D;
    background: #595FFF;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    padding: 5px 5px 0px 5px;
    border: 3px solid #F7F723;
.box {
float: left;
margin-left:-60px;
width:700px;
height:350px;
border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;

Problem with a script to remove graphics

Hello,
I have tried to build a javascript to remove all graphics whose extension is not ".EPS" (with "EPS" really in upper cases, as it is for Mathtype equations in Word import).
But It doesn't work and I can't understand why.
Here is the script:
//The script intend to remove all graphics whose extension is not ".EPS"
var myDoc = app.activeDocument;
var myGraphics = myDoc.allGraphics
//Remove graphic if graphic extension is different from ".EPS"
for (var p = 0; p < myGraphics.length; p++) {
    var myImage = myGraphics[p]
    if (CheckExtEps(myImage) != 0){
    myImage.remove ()
//Compare graphic extension with ".EPS" and return myExtValue = 0 if it matches exactly
function CheckExtEps(myImage) {
    var myString = myImage.name
    myExt = myString.substr(myString.lastIndexOf( "." ))
    myExtValue = myExt.localeCompare(".EPS")
    return myExtValue
When I run this script, ALL the graphics are removed, ".EPS" included.
I do have ".EPS" graphics in my document and I expected them not to be removed.
So there is something wrong somewhere, but I don't know what to change.
Any ideas?
By the way, I have a more generic question as a beginner:
I am working with ExtendScript Toolkit. How can I do to check my script step by step?
For exemple, how can I display my variables values as "myString", "myExt", "myExtValue" at each step?
Actually, this script is a step for a bigger script I intend to build to deal with Mathtype equations in Word import.
After not-EPS graphics beeing removed, I wish to relink all remaining equation prewiews to eps in a selected folder, by consecutive order.
But this is a big piece of scripting to swallow for me, so I'm working slowly, step by step.
TIA
Best regards
Nicolas

Hello Ariel
Thank you very much for your help.
1. I added semicolons at the end of lines, but the script result is the same.
2. Running line by line, I could see in the Console where is the problem:
variable "myString" is always undefined.
Well, I have to get more inside my script...
Thank's again
Best regards
Nicolas
Nicolas BALBO
[email protected]
22, rue d'Hauteville 75010 PARIS
Tel : 33 (0)1 42 57 14 31
Le 18 avr. 2012 à 17:36, Arïel a écrit :
Re: Problem with a script to remove graphics
created by Arïel in InDesign Scripting - View the full discussion
Well, I can't see any semicolons in your script. Maybe that's just the
email interface, but there should be semicolons at the ends of lines.
In the ESTK, you can step through a script a line at a time. Just click
on the downwards pointing arrow instead of the "play" arrow. Each time
you click, the script will advance one line. In the Console window
(Windw>Console) you can then type the name of the variable you wish to
examine.
Ariel
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4344039#4344039
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4344039#4344039. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in InDesign Scripting by email or at Adobe Forums
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

Printing problem for SAP Script

Dear Friends,
I am facing strange problem for SAP Script. In the billing document output the sold to party and ship to party address are displaying. When user print the billing document on laser printer it print the Country for Sold to and Ship to. But when it print the same billing document on normal printer (other than laser) the Sold to country not printing.
The print preview of billing document in SAP correctly display country for Sold-to and Ship-to.
I have recently make changes in the SAP Script form (Address window) to display country for Ship-to which was never displayed before. I have added FROMCOUNTRY option after COUNTRY in address window. COUNTRY will be Ship-to and FROMCOUNTRY will be VBDKR-SLAND.
Can any one help me to solve this problem.
Regards
Nilesh Shete

Used custom address print option instead of using ADDRESS

Problems Viewing JQuery With Firefox

I have been developing using IE6 and having no problems getting JQuery to work.
I hold my JQuery js and css in external files and then reference them using substitution strings in the shared components/application definitions. I then place a call to these in my page template.
In IE I have no problems, everything seems to work.
In firefox, dialog boxes and tabs do not work correctly. Tabs seem to appear as lists and dialogs, I can see the text but not the container.
Is there a setting in Firefox, I need to look at
Gus]

I have firebug, but very new to it.
I have looked and seems to calling the correct classes, from the external css file, but the browser seems unable to display them.
Is there an apache setting I need to look at ?
Gus

Why does Thunderbird keep displaying Unresponsive Script resource://gre/modules/XPCOMUtils.jsm:323?

Thunderbird keeps hanging and displaying "a script on the page may be busy..." with the above message. I thought that the latest update would fix the problem but it seems to have made it worse. My system is W7 64BitUltimate with SP1. It has 8GB of RAM.
What could be the problem?
Application Basics
Name: Thunderbird
Version: 24.5.0
User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:24.0) Gecko/20100101 Thunderbird/24.5.0

Script errors are sometimes caused by anti-virus programs keeping the system "busy" by scanning mail folders. Do you have a product such as McAfee operating on the mail folders?

Problem with SAP Script FAX output

Hi Friends,
I have problem with SAP Script Fax output.
After I issued output using the messge type, the print preview format shows me correct alignments and the right data. But when I go to List display using the menu bar functions from the print preview screen, the list is showing me the right data, but all the alignments at the main window went wrong.
How do I rectify this problem? I need correct alignments in both form display and list display.

Hi Sasidhar,
Have you tried with different fax machine.
Regards,
Atish

Problem displaying CLOB in text file

Hello All,
I have a problem displaying the content from the database in notepad. When I click on a link on my jsf screen, I retrieve the data and display it in notepad.
I have my text content stored in the database with CLOB datatype. When I look in the database the data looks in the following format:
---------STARTS FROM NEXT LINE-------------
The firm, known for its keen oversight of products, has been the subject of complaints from firms who have had apps blocked from the store. Some developers have complained that the company's rules seem inconsistent.
Some have found apps blocked after seemingly minor updates, or for having content deemed inappropriate by them. In light of this, and after careful consideration, I believe it is unnecessary to sign this measure at this time.
Sincerely,
ABC
----------ENDS IN THE PREVIOUS LINE------------
Now when I display this content onto the notepad, all the spaces and new line characters are lost, and the entire display looks awkward. This is how it looks:
The firm, known for its keen oversight of products, has been the subject of complaints from firms who have had apps blocked from the store. Some developers have complained that the company's rules seem inconsistent.[]Some have found apps blocked after seemingly minor updates, or for having content deemed inappropriate by them. In light of this, and after careful consideration, I believe it is unnecessary to sign this measure at this time.[]Sincerely,[]ABC
All the new line characters are lost and it just puts some junk character in place of a new line.
When I copy the same text onto textpad, everything is alright and it displays exactly the way it is present in the database. I am also open to display the content in html, but in HTML it doesn't even display me the junk character in place of new line. It is just one single string without any line separators.
I am using the following code to put the content into the text.
public String writeMessage(){
   OutputStream outStream = null;
   HttpServletResponse response = getServletResponseFromFacesContext();
   Reader data = null;
   Writer writer = null;
   try{
      response.reset();
      response.setContentType("text/plain; charset=UTF-8");
      response.setHeader("Content-Disposition","attachment; filename="+id+"_Message.txt");
      outStream = response.getOutputStream();
      QueryRemote remote = serviceLocator.getQueriessEJB();
      data = remote.retrieveGovernorsVetoMessage(billId);
      writer = new BufferedWriter(new OutputStreamWriter( outStream, "UTF-8" ) );
      int charsRead;
      char[] cbuf = new char[1024];
      while ((charsRead = data.read(cbuf)) != -1) {
         System.out.println(charsRead);
      writer.write(cbuf, 0, charsRead);
      writer.flush();
   }catch(Exception ex){
      ex.printStackTrace();
   }finally{
      //Close outStream, data, writer
      facesContext.responseComplete();
   return null;
}Any help or hints on resolving this issue would be highly appreciated.
Thanks.

The data is imported from a third party application to my database. It doesn't display any newline characters when I view the data.
But when I do a regular expression search on text pad, I could see that my clob contains \n as the new line character. Is there a way to replace \n with \n\r while writing the data.
Thanks.

Maths Problem in Action Script 2.0

Hi surfers,
We have a problem in Action Script 2.0 to solve the maths equation given below:
write a code in Action Script 2.0 to solve these two equation.
Aim: To know the value of "a" in both different equations.
1. 2a + 5 = 3a + 1
2. 4a + 3 = 11
Thanks in Advance.
Pls give me ASAP, i'm struggle here.

Hello, you are at the wrong forum. for AS 2.o questions, hop on there: http://forums.adobe.com/community/flash/flash_actionscript
BTY, people answer when they can, not when you want...

Problem displaying picture stored in mySQL

Hi, i just have got problem displaying picture stored in database as BLOB and presented on JSP over servlet. Below is my code i am using to upload file into database, than download it and display again. The result is the picture can not draw inself and there is always only empty picture space on the web page i am displaying. Please help me to find why it is not working, thanx.
servlet uploading picture to database
               boolean isMultipart = FileUpload.isMultipartContent(req);
               DiskFileUpload upload = new DiskFileUpload();
               List items = upload.parseRequest(req);
               Hashtable textFields = new Hashtable();
               byte[] data = new byte[4096];
               if(isMultipart)
                    Iterator iter = items.iterator();
                    while(iter.hasNext())
                         FileItem item = (FileItem)iter.next();
                         if(item.isFormField())
                              textFields.put(item.getFieldName(), item.getString());
                         }else{
                              data = item.get();
               String sqlStatement = "INSERT INTO cds VALUES('" textFields.get("id")"'," +
                                        "'" textFields.get("album") "','" textFields.get("interpreter") "'," +
                                                  "'" textFields.get("gr1") "','" textFields.get("gr2") "','" textFields.get("price") "')";
               String sqlStatement2 = "INSERT INTO pics VALUES('" textFields.get("id") "','" data "')";
servlet to download picture
String SQL =
     "SELECT Picture " +
     "FROM pics " +
     "WHERE id = '" + request.getParameter("id") + "'";
     ResultSet rs = stmt.executeQuery(SQL);
     rs.next();
     Blob blob = null;
     blob = rs.getBlob(1);
     response.setContentType("image/jpg");
     request.setAttribute("blob", blob);
     System.out.println("just above OutputStream");
     InputStream in = blob.getBinaryStream();
     ServletOutputStream sout = response.getOutputStream();
     int b;
     while ((b = in.read()) != -1) {
     sout.write(b);
     in.close();
     sout.flush();
     sout.close();
img tag in JSP
<img src="LoadImageServlet?id=some id>
plus i am using
Tomcat 5.0
mySQL 4.0
debuging in eclipse
thanx for help once more, Libor.

1:
are there any exceptions throws by the jdbc code
2:
is the code in a doGet
3:
you should do a if(result.next())
4:
Is your mapping code working

Problems displaying in IE

While I love iWeb's ease of use, it seems to have serious problems displaying on IE. There is really no point blaming IE, since it is the dominant browser and most people who will see our sites will use it. The point of iWeb should be to allow people to communicate broadly and effectively, not just to Mac & Safari users.
Lists do not work well. The indents do not display properly. Text in boxes shift alignment and location. Bullets show up with different sizes. I have had to hand indent and line space all the lists in the sites I make, which is a mess and not scaleable.
See fieldsforkidsmamk.org.
Are there any workarounds or fixes?
The other obvious issues with iWeb are worth noting:
* inconsistent display in browsers -- pages look different in Safari and Firefox, even on the Mac (let alone IE)
* difficulty adding html code
* page names must be identical to nav names, so pages with multiple words (Get Involved) display urls as /Get%20Involved (can't be corrected unless you have Get_Involved as a header.)
* need to publish whole site for any change
* need to publish all sites for each change to any site
* can't change color, display, location, function etc for Nav
I assume everyone is aware of these problems. The question is, what to do? Grin and bear it? Any help, tips or ideas would be appreciated.
Thanks!
MacBook Mac OS X (10.4.8)
MacBook Mac OS X (10.4.8)
MacBook Mac OS X (10.4.8)
MacBook Mac OS X (10.4.8)

* page names must be identical to nav names, so pages
with multiple words (Get Involved) display urls as
/Get%20Involved (can't be corrected unless you have
Get_Involved as a header.)
You can fix this the same way you add html code, by post processing.
* need to publish all sites for each change to any
site
You can fix this by separating your sites into different Domain files so you only publish one at a time.
Contrary to the other response, "encoding" is not connected to the points you made. There is never any need to add a UTF-8 "tag" to an iWeb page. If you see question marks or Â's when your page is displayed on any browser, Mac or PC, then you may need to fix your ftp or server settings.

Little execution problem with the script

declare
i number(1):=1;
name varchar2(10);
id number(2);
begin
loop
id:=&id;
name:='&name';
insert into emp values(id,name);
i:=i+1;
exit when id<=5;
end loop;
end;
When i tried to execute the script, it is going through the loop only once..What the problem with this script...Can any body help the script work?

if id is less or equal to 5 then loop will execute only once.
What is the variable i for ?

Problems displaying rtf memo fields

Post Author: Davidm
CA Forum: General
We use Crystal Reports X to run reports on an Access database with a significant number of rtf memo fields. We use Total Access Memo to allow extended use of rtf within Access as our users require the additional formatting capabilities that this offers.
However, there are considerable problems displaying items like bullet points, tables and hyperlinks in the Crystal Viewer with tables in particular coming out in a real mess with all entries in the table being displayed in a list with a small square marking each cell at the end of each line.
Curiously, if you preview the report in the full version of Crystal X, it appears a bit better with the hyperlinks still underlined (bullet points still vanish) and rows in rtf tables are at least presented as a row even if the columns are not ordered and mixed (with no bounding cells visible).
Firstly, is this disparity of end result between full Crystal X Print Preview and the Crystal X Viewer fixable?
Secondly, is the limited handling of rtf tags likely to be solved in the next release of Crystal?

Hi Mathias,
If I caught you correctly, you want to display data in Adobe forms in form of tabel, right?
So, follow the steps:
1. Insert one sub form on your adobe form.
2. Set its type as "flow content" in object->subform property.
3. Set flow direction as "Table".
4. Insert another subform inside this subform.
5. set its type as "flow content" and flow direction as "Table row".
6. Now, choose binding tab, and there check "repeat subform for each Data item check box" and specify min. count for your rows.
7. Now, insert your column fields inside this sub form once.
8. Format its look and feel as you want.
When you run this application, it will show you multiple data as table on Adobe form.
Regards,
Bhavik

Problem Display JQuery Script

Similar Messages

Maybe you are looking for