Spry widget with framesets

Hi everyone.
Using frame set i divided my page into top, left and content
pages.
After that I created a Spry Menubar in left page. Now I want
to lick submenus and menus into content page so that when I click
on them respective pages would load into content page.
I would appreciate your help
regards
Anant

Select the menu button. Use the Property inspector's Link
field to browse
to and select the desired target page. Set the Target
attribute to select
the proper frame in your frameset.
Then, step away from the keyboard, and reconsider this entire
approach.
Frames will drive you, and your visitors batty. They are
rarely the optimal
(or even desirable) choice for your site.
The decision to use or not use frames should be based on a)
your site's
needs, and b) your willingness to accept the potential
problems that frames
can create for you as developer and maintainer of the site
and for your
visitors as casual users of the site.
I am down on frames because I believe that they create many
more problems
than they solve.
Judging from the posts here, and the kinds of problems that
are described,
the kind of person most likely to elect to use frames is also
the kind of
person most likely ill-prepared fo solve the ensuing problems
when they
arise. If you feel a) that you understand the problems and b)
that you are
prepared to handle them when they occur, and c) that you have
a need to use
frames, then by all means use them.
As far as I know, the most comprehensive discussions of
frames and their
potential problems can be found on these two links -
http://apptools.com/rants/framesevil.php
http://www.tjkdesign.com/articles/frames/
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"uanant" <[email protected]> wrote in
message
news:[email protected]...
> Hi everyone.
> Using frame set i divided my page into top, left and
content pages.
> After that I created a Spry Menubar in left page. Now I
want to lick
> submenus
> and menus into content page so that when I click on them
respective pages
> would
> load into content page.
> I would appreciate your help
> regards
> Anant
>

Similar Messages

  • Formatting problem with Vertical Spry Menubar with Frameset

    I have a frameset, which includes a Top Frame, with a nested
    Left Frame, and a nested bottom frame after that. I also have a
    vertical spry menubar in this left frame. When I click on an item
    to view it's submenu, the center frame of the page cuts of a
    significant portion of the submenu. I want the page to appear, so
    that when you click on an item to view it's submenu, the submenu
    appears past the frame's border, without having to set it up so
    that the frame width is relevant to the use of the spry menubar
    within it.
    I talked to a Tech Support person today over the phone, and
    he told me to post here and ask for someone to post custom code for
    this.
    If anyone can help, it would save me so much grief, and I
    would be very greatful!

    There is no practical way to make a positioned page element
    as you have in
    the Spry menus cross the boundary between two separate frames
    (i.e., two
    unique HTML pages).
    It is true. Your choices are limited now -
    1. DUMP THE FRAMES - you would not be having this problem in
    a non-framed
    site.
    2. Redesign your menus so that they do not need to span a
    frame boundary.
    3. Redesign the frameset so that you leave enough room for
    the largest
    popup.
    4. DUMP THE FRAMES - you would not be having this problem in
    a non-framed
    site.
    I recommend either #1 or #4, depending on what your needs
    are. You just
    have no idea the horrors that await you if you continue with
    the frames.....
    8)
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "DMMaestro2009" <[email protected]> wrote in
    message
    news:gbdvir$a8i$[email protected]..
    >I have a frameset, which includes a Top Frame, with a
    nested Left Frame,
    >and a
    > nested bottom frame after that. I also have a vertical
    spry menubar in
    > this
    > left frame. When I click on an item to view it's
    submenu, the center frame
    > of
    > the page cuts of a significant portion of the submenu. I
    want the page to
    > appear, so that when you click on an item to view it's
    submenu, the
    > submenu
    > appears past the frame's border, without having to set
    it up so that the
    > frame
    > width is relevant to the use of the spry menubar within
    it.
    >
    > I talked to a Tech Support person today over the phone,
    and he told me to
    > post
    > here and ask for someone to post custom code for this.
    >
    > If anyone can help, it would save me so much grief, and
    I woulde be very
    > greatful!
    >
    > Here's the link to the page...
    >
    >
    http://www.vrd.ca/713/index2.htm
    >

  • Can someone help with insertion of Flash actionscript 3.0 swf into Dreamweaver spry widget panel?

    Working on a thesis project due soon... Created flash actionscript 3.0  swf for home page, text plus image, previews beautifully in Flash  Publish, stored in my root folder, previews great when I open it in the  root folder, dragged and dropped it into my dreamweaver code page,  within a spry widget framework, size is perfect. and upon view in design  or browsers or browser lab, I just get a nice empty white box.  In  design view, I see the F symbol and when I click play in properties, I  get a message that says "Unable to find the plug in that handles this  media type.  Dreamweaver looks in both the "config/Plugins folder and  the plug in folder for each o your installed browsers".  I have Flash  Professional CS 5.  Reinstalled it just in case that was the issue with  the plug in and didn't resolve the problem.  Dreamweaver version is  CS5.  Using a template with spry widget panels. Before I inserted the  swf, the preview in browsers and browser lab was fine on the spry widget  and background.  PC is windows, 32 bit, with ms office suite 2010  upgrade on it.  Appreciate any advice.

    my first trace on the hz position and vt position outputs but the trace for "scroll positions" and "new scroll positions" is not outputting.
    i recieve this output when i click the 'next' and 'back' buttons within the menu9.SWF.
    [Event type="iwannaresetscrolling" bubbles=true cancelable=false eventPhase=2]
    does this seem right?
    import fl.events.ScrollEvent;
    aSp.setSize(600, 350);
    function scrollListener(event:ScrollEvent):void {
    trace("horizontalScPosition: " + aSp.horizontalScrollPosition +
           ", verticalScrollPosition = " + aSp.verticalScrollPosition);
    aSp.addEventListener(ScrollEvent.SCROLL, scrollListener);
    function completeListener(event:Event):void {
    trace(event.target.source + " has completed loading.");
    // Add listener.
    aSp.addEventListener(Event.COMPLETE, completeListener);
    aSp.addEventListener("main swf", scrollResetListener);
    function scrollResetListener(event:Event):void {
         trace("Scroll positions", aSp.horizontalScrollPosition,aSp.verticalScrollPosition)
         aSp.horizontalScrollPosition = aSp.verticalScrollPosition = 0;
         trace("New scroll positions", aSp.horizontalScrollPosition,aSp.verticalScrollPosition)
    aSp.source = "menu9.swf";

  • Spry Photo Gallery Widget with filmstrip

    The main image in the photo gallery doesn't appear but the thumbnails do.
    http://www.woodsphotography.org/AbstractSlideshow1.html
    I'm using Dreamweaver CS5 and everything works fine when previewed in firefox or safari but once uploaded to the server this happens.
    Any help would be greatly appreciated.
    Keith

    Hi,
    please have a look here to this thread, where we had a similar question (hope it's similar to your gallery):
    http://forums.adobe.com/message/3398072#3398072: "Spry Widget Slideshow works in Firefox/Safari but not in Explorer"
    Hans-G.'s demand:
    BUT I have to ask me/you why the same command, listed in the "SpryImageSlideShow.css" is not running.
    gramps answer:
    The red coloured lines are not included in the original; but will make it work for IE6/7
    <style>
    #ImageSlideShow .ISSSlide {
       position: absolute;
        top: 0;
         left: 0;
        text-align: center;
       width: 100%;
        height: 100%;
    </style>
    Hans-Günter

  • I'm having problems with the Spry Widgets, Help!

    I'm using Dreamweaver CS6 and Have installed it twice, to no avail.  When I try to insert any of the spry widgets, I get the HTML code for the widget but none of the javascript or css code and I cannot figure out why.  Also, The Spryassets folder never get created.  Is there anyone that help me figure out what I might be doing wrong.  If all you got is "Spry is no good, use Javascript", then don't bother responding.  All other useful suggestions are greatly appreaciated,
    K

    Hi Fehmi76,
    The article linked below details how to go about seeing what apps on your iPhone are using what amounts of space.
    See how much storage you've used on your iPhone, iPad, and iPod touch
    https://support.apple.com/en-us/HT201656
    Regards,
    Allen

  • My VerticalTabs Spry widget not working - help

    My HTML file:
    <!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>Untitled Document</title>
    <style type="text/css">
    <!--
    body {
        font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
        background: #ffdcb2;
        margin: 0px;
        padding: 0px;
    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;
    a:link {
        color: #42413C;
        text-decoration: none;
    a:visited {
        color: #42413C;
        text-decoration: none;
    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: underline;
    /* ~~ this fixed width container surrounds all other divs~~ */
    .container {
        width: 1136px;
        background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout */
        overflow: hidden; /* this declaration makes the .container understand where the floated columns within ends and contain them */
        padding: 0px;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
    .sidebar1 {
        float: left;
        width: 18px;
        top: 0px;
        background-color: #ffdcb2;
        background-image: url(images/01-Pocetna-strana_08.png);
        background-repeat: repeat-y;
        background-position: right top;
        height: 2026px;
    .content {
        width: 1100px;
        float: left;
        height: 145px;
        top: 0px;
        background-color: #FFF;
    .sidebar2 {
        float: left;
        width: 18px;
        top: 0px;
        background-color: #ffdcb2;
        background-image: url(images/images/01-Pocetna-strana_04.png);
        background-repeat: repeat-y;
        background-position: left top;
        height: 2026px;
        padding: 0px;
    /* ~~ 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 overflow:hidden on the .container is removed */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    .apDiv7 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #333333;
        padding-top: 6px;
        padding-right: 0px;
        padding-left: 26px;
        background-color: #FFF;
        height: 53px;
        width: 1100px;
        background-image: url(images/01-Pocetna-strana_12.png);
        background-repeat: repeat-x;
    -->
    </style>
    <script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    </head>
    <body onload="MM_preloadImages('images/01-akcija-popust-seva-obelezavanje.png','images/01-Bezbe dnosno-obelezavanje.png')">
    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" top="0px">
      <tr>
        <td>
        <div class="container">
      <div class="sidebar1"><!-- end .sidebar1 --> </div>
      <div class="content">
      <div id="wrap">
      <div id="apDiv2" style="position: inherit; left: 151px; top: 0px; width: 1100px; height: 145px; z-index: auto"><img src="images/01-poslovno-obelezavanje-header.png" width="1100" height="145" alt="poslovno obelezavanje header"></div>
      <div class="apDiv7" id="apDiv7" style="position: inherit; left: 135px; top: 145px; width: 1100px; height: 53px; z-index: auto"><a href="SEVA-PORTAL.html">ŠEVA-PORTAL</a> |  <a href="#" target="_self">Početna strana</a> | <a href="O-nama.html">O nama</a> |  <a href="01-Reference.html">Reference</a> |  <a href="Kontakt.html">Kontakt</a> |  <a href="01-Kako-do-nas.html">Kako nas naći</a></div>
      <div id="TabbedPanels1" class="VTabbedPanels">
        <ul class="TabbedPanelsTabGroup">
          <li class="TabbedPanelsTab" tabindex="0"><img src="images/01-Glavni-spoljni-natpis.png" name="Image2" width="240" height="163" border="0" id="Image2" /></li>
          <li class="TabbedPanelsTab" tabindex="10"><img src="images/01-Spoljni-putokazi.png" name="Image3" width="240" height="163" border="0" id="Image3" /></li>
          <li class="TabbedPanelsTab" tabindex="20"><img src="images/01-Centralna-INFO-tabla.png" width="240" height="163" /></li>
          <li class="TabbedPanelsTab" tabindex="30"><img src="images/01-Spratna-INFO-tabla.png" width="240" height="163" /></li>
          <li class="TabbedPanelsTab" tabindex="40"><img src="images/01-Unutrasnji-putokazi.png" width="240" height="163" /></li>
          <li class="TabbedPanelsTab" tabindex="50"><img src="images/01-Obelezja-prostorija.png" width="240" height="163" /></li>
          <li class="TabbedPanelsTab" tabindex="60"><img src="images/01-Oglasne-table-i-vitirine.png" width="240" height="163" /></li>
          <li class="TabbedPanelsTab" tabindex="70"><img src="images/01-Ostale-oznake.png" width="240" height="163" /></li>
          <li class="TabbedPanelsTab" tabindex="90"><img src="images/01-Bezbednosno-obelezavanje.png" width="240" height="188" /></li>
        </ul>
        <div class="TabbedPanelsContentGroup">
          <div class="TabbedPanelsContent">
            <div id="apDiv1" style="position: fixed; left: 661px; top: 209px; width: 361px; height: 51px; z-index: auto"><img src="images/02-Glavni-spoljni-natpis.png" width="361" height="51" alt="seva, novi sad, beograd, poslovno, obelezavanje, oznake, prostor, poslovni, opstina, hotel, centar, oznaka, oznake" /></div>
          </div>
          <div class="TabbedPanelsContent">
            <div id="apDiv1" style="position: fixed; left: 698px; top: 211px; width: 287px; height: 40px; z-index: 1"><img src="images/03-Spoljni-putokazi.png" width="287" height="40" alt="seva, novi sad, beograd, poslovno, obelezavanje, oznake, prostor, poslovni, opstina, hotel, centar, oznaka, oznake, srbija" /></div>
          </div>
          <div class="TabbedPanelsContent">Content 3</div>
          <div class="TabbedPanelsContent">Content 4</div>
          <div class="TabbedPanelsContent">Content 5</div>
          <div class="TabbedPanelsContent">Content 6</div>
          <div class="TabbedPanelsContent">Content 7</div>
          <div class="TabbedPanelsContent">Content 8</div>
          <div class="TabbedPanelsContent">Content 9</div>
        </div>
    </div>
      </div>
      </div>
      <div class="sidebar2">
      </div>
    <!-- end .container --></div>
        </td>
      </tr>
    </table>
    <script type="text/javascript">
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
    </script>
    </body>
    </html>
    and my modified SpryTabs CSS file is:
    @charset "UTF-8";
    /* SpryTabbedPanels.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    /* Horizontal Tabbed Panels
    * The default style for a TabbedPanels widget places all tab buttons
    * (left aligned) above the content panel.
    /* This is the selector for the main TabbedPanels container. For our
    * default style, this container does not contribute anything visually,
    * but it is floated left to make sure that any floating or clearing done
    * with any of its child elements are contained completely within the
    * TabbedPanels container, to minimize any impact or undesireable
    * interaction with other floated elements on the page that may be used
    * for layout.
    * If you want to constrain the width of the TabbedPanels widget, set a
    * width on the TabbedPanels container. By default, the TabbedPanels widget
    * expands horizontally to fill up available space.
    * The name of the class ("TabbedPanels") used in this selector is not
    * necessary to make the widget function. You can use any class name you
    * want to style the TabbedPanels container.
    .TabbedPanels {
         overflow: hidden;
         margin: 0px;
         padding: 0px;
         clear: none;
         width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
    /* This is the selector for the TabGroup. The TabGroup container houses
    * all of the tab buttons for each tabbed panel in the widget. This container
    * does not contribute anything visually to the look of the widget for our
    * default style.
    * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
    * necessary to make the widget function. You can use any class name you
    * want to style the TabGroup container.
    .TabbedPanelsTabGroup {
         margin: 0px;
         padding-left: 10px;
    /* This is the selector for the TabbedPanelsTab. This container houses
    * the title for the panel. This is also the tab "button" that the user clicks
    * on to activate the corresponding content panel so that it appears on top
    * of the other tabbed panels contained in the widget.
    * For our default style, each tab is positioned relatively 1 pixel down from
    * where it wold normally render. This allows each tab to overlap the content
    * panel that renders below it. Each tab is rendered with a 1 pixel bottom
    * border that has a color that matches the top border of the current content
    * panel. This gives the appearance that the tab is being drawn behind the
    * content panel.
    * The name of the class ("TabbedPanelsTab") used in this selector is not
    * necessary to make the widget function. You can use any class name you want
    * to style this tab container.
    .TabbedPanelsTab {
         position: relative;
         float: left;
         background-color: #FFF;
         list-style: none;
         -moz-user-select: none;
         -khtml-user-select: none;
         cursor: pointer;
         width: 240px;
         margin-bottom: 10px;
    /* This selector is an example of how to change the appearnce of a tab button
    * container as the mouse enters it. The class "TabbedPanelsTabHover" is
    * programatically added and removed from the tab element as the mouse enters
    * and exits the container.
    .TabbedPanelsTabHover {
         background-color: #CCC;
    /* This selector is an example of how to change the appearance of a tab button
    * container after the user has clicked on it to activate a content panel.
    * The class "TabbedPanelsTabSelected" is programatically added and removed
    * from the tab element as the user clicks on the tab button containers in
    * the widget.
    * As mentioned above, for our default style, tab buttons are positioned
    * 1 pixel down from where it would normally render. When the tab button is
    * selected, we change its bottom border to match the background color of the
    * content panel so that it looks like the tab is part of the content panel.
    .TabbedPanelsTabSelected {
         background-color: #EEE;
         border-bottom: 1px solid #EEE;
    /* This selector is an example of how to make a link inside of a tab button
    * look like normal text. Users may want to use links inside of a tab button
    * so that when it gets focus, the text *inside* the tab button gets a focus
    * ring around it, instead of the focus ring around the entire tab.
    .TabbedPanelsTab a {
         color: black;
         text-decoration: none;
    /* This is the selector for the ContentGroup. The ContentGroup container houses
    * all of the content panels for each tabbed panel in the widget. For our
    * default style, this container provides the background color and borders that
    * surround the content.
    * The name of the class ("TabbedPanelsContentGroup") used in this selector is
    * not necessary to make the widget function. You can use any class name you
    * want to style the ContentGroup container.
    .TabbedPanelsContentGroup {
         clear: both;
         border-bottom: solid 1px #CCC;
         border-top: solid 1px #999;
         border-right: solid 1px #999;
         background-color: #EEE;
         padding-left: 11px;
         height: auto;
         width: auto;
    /* This is the selector for the Content panel. The Content panel holds the
    * content for a single tabbed panel. For our default style, this container
    * provides some padding, so that the content is not pushed up against the
    * widget borders.
    * The name of the class ("TabbedPanelsContent") used in this selector is
    * not necessary to make the widget function. You can use any class name you
    * want to style the Content container.
    .TabbedPanelsContent {
         overflow: hidden;
         padding: 0px;
    /* This selector is an example of how to change the appearnce of the currently
    * active container panel. The class "TabbedPanelsContentVisible" is
    * programatically added and removed from the content element as the panel
    * is activated/deactivated.
    .TabbedPanelsContentVisible {
         background-image: url(../images/01-Pocetna-strana_23.png);
         background-repeat: repeat-y;
         background-position: left top;
         height: auto;
         width: auto;
         padding-left: 11px;
    /* Vertical Tabbed Panels
    * The following rules override some of the default rules above so that the
    * TabbedPanels widget renders with its tab buttons along the left side of
    * the currently active content panel.
    * With the rules defined below, the only change that will have to be made
    * to switch a horizontal tabbed panels widget to a vertical tabbed panels
    * widget, is to use the "VTabbedPanels" class on the top-level widget
    * container element, instead of "TabbedPanels".
    .VTabbedPanels {
         overflow: hidden;
         zoom: 1;
    /* This selector floats the TabGroup so that the tab buttons it contains
    * render to the left of the active content panel. A border is drawn around
    * the group container to make it look like a list container.
    .VTabbedPanels .TabbedPanelsTabGroup {
         float: left;
         width: 240px;
         height: auto;
         background-color: #FFF;
         position: relative;
    /* This selector disables the float property that is placed on each tab button
    * by the default TabbedPanelsTab selector rule above. It also draws a bottom
    * border for the tab. The tab button will get its left and right border from
    * the TabGroup, and its top border from the TabGroup or tab button above it.
    .VTabbedPanels .TabbedPanelsTab {
         float: none;
         /* [disabled]border-top: none; */
         /* [disabled]border-left: none; */
         /* [disabled]border-right: none; */
         height: auto;
         width: 240px;
    /* This selector disables the float property that is placed on each tab button
    * by the default TabbedPanelsTab selector rule above. It also draws a bottom
    * border for the tab. The tab button will get its left and right border from
    * the TabGroup, and its top border from the TabGroup or tab button above it.
    .VTabbedPanels .TabbedPanelsTabSelected {
         background-color: #FFF;
         width: 240px;
         height: auto;
    /* This selector floats the content panels for the widget so that they
    * render to the right of the tabbed buttons.
    .VTabbedPanels .TabbedPanelsContentGroup {
         clear: none;
         float: left;
         padding: 0px;
         width: auto;
         height: auto;
    /* Styles for Printing */
    @media print {
    .TabbedPanels {
         overflow: visible !important;
    .TabbedPanelsContentGroup {
         display: block !important;
         overflow: visible !important;
         height: auto !important;
    .TabbedPanelsContent {
         overflow: visible !important;
         display: block !important;
         clear:both !important;
    .TabbedPanelsTab {
          overflow: visible !important;
          display: block !important;
          clear:both !important;
    I got preview in any browser OK, like I wanted but clicking on tabs not working and they not switching content per each tab. I maked tabindexes: 0, 10, 20,30, 40, 50, 60, 70, 80, 90 and nothing works.
    Where is problem?

    But the tabs do work and the content does show!
    Clicking the first two tabs causes the content to fly over to the right, outside of the content panel, exactly as the style rules tell it to.
    Clicking the other 7 tabs causes the content to show aligned to the left within the content panel, again as per the style rules.
    The total height of the tabs is 882 px including the bottom margins.
    The height of the content panels varies with the content, in case of the first two tabs there is no content contained within the content panel thus the height is zero; of the remaining content panels the height is about 1.5x the height of one line.
    In other words there are no surprises except for the fact that it would have been better not to have used the SpryTabbedPanels widget for this.
    Of course I am supposing that you have changed the personality of the TabbedPanel widget on purpose.
    If this is not the case then a good start will be
    to get rid of the modified SpryTabbedPanels.css and re-instate the original.
    to get rid of the all of the apDiv's including those inside the content panel.
    to reduce the overall height of the tabs to a manageable height by reducing the height of the images.
    Gramps

  • Dreamweaver CS4 Errors, Spry widget not working. Please Help!

    I am redesigning a website and downloaded an html file from the present contact page. I opened it in Dreamweaver and I started to have this errors. The html file I opened has some JavaScripts in it and I believe, the the scripts got a conflict with Dreamweaver CS4. I already deleted these files I tried to open and still I'm encountering these errors.
    These are the errors I'm getting:
    1. When I open the Dreamweaver, this message pop-ups:
       "While executing onLoad in RecordsetFind.htm, the following JavaScript error(s) occured:
        In file "RecordsetFind"
        findRs is not defined."
    2. I click OK. Then I'm getting this message:
       "While executing onLoad in Design Notes_onOpen.htm, the following JavaScript error(s) occured:
        In file "Design Notes_onOpen"
        onOpen is not defined."
    3. I just click OK. Then, when I open an html file to edit or create a new one, this error pops up again:
       "While executing onLoad in Design Notes_onOpen.htm, the following JavaScript error(s) occured:
        In file "Design Notes_onOpen"
        onOpen is not defined."
    4. I will again just click OK, then this error appears:
       "The following translators were not loaded due to errors:
        Coldfusion.htm: has configuration information that is invalid.
        SpryWidget.htm: has configuration information that is invalid."
    5. Then, I will just click OK again. Then, when I'm working with the projects or creating a new project with Spry, it is not working properly anymore. I have to go the code and update the Spry list or content manually.
    6. When I close Dreamweaver, I'm always having this error:
       "While executing onLoad in TeamAdminTempDelete.html, the following JavaScript error(s) occured:
        In file "TeamAdminTempDelete"
        delTempFile is not defined"
    I tried uninstalling the Dreamweaver and installing it again, but it did not work.
    What should I do to make the spry working again and to remove all these annoying errors? By the way, all my Spry widgets are not working and these errors I'm encountering in all of the Sites I'm working on. How can I make it work again? I tried looking for troubleshoot in CS4, but I could not see one, only in CS3.
    Please help.

    See if the following helps (found in Dreamweaver FAQ)
    JavaScript and other unexpected errors
    Mark A. Boyd
    Keep-On-Learnin' :-)
    This message was processed and edited by Jive.
    It shall not be considered an accurate representation of my words.
    It might not even have been intended as a reply to your message.

  • Spry Widget SlideShow Basic (IE8 not showing all images)

    Hi everyone:
    I've read through the past posts, trying to find the solution so I wouldn't have to bother everyone if the solution to my problem was already here.  I couldn't find it, although I did find similar posts about this problem but no out and out solution.
    My problem:
    I have added the Spry Image Slideshow-Basic into an .html page.  The widget works well in Firefox, Chrome, Safari and IE7!!  It does not work properly in IE8 as IE8 skips every second images...the even numbers.  It does not work on my local computer and it also doesn't work on the server.  I have uploaded all the files to the server and it still doesn't work properly.
    I cannot seem to find the solution and I am reaching out to the great Adobe supporters for help.
    You can see the test web page here:
    http://www.fernweb.com/test/
    There are six images in this group but it only shows numbers 1, 3 and 5.
    Could someone please have a look and give me direction as to where the problem is?
    Thanks so much everyone.
    Daryl

    The problem is with the Spry.Widget.ImageSlideShow.PanAndZoomPlugin
    If you leave that out, then all is well
    A dirty fix is to add the following to the HEAD section of your document
    <meta http-equiv="X-UA-Compatible" content="IE=7" />

  • Is there an easy way to replace spry menus with jQuery menu system?

    I just learned that Adobe is no longer using spry or that spry does not work on mobile devices. My entire site (built in CS5.5 moved to CS6) is built with 3 different spry menu systems. I have been told about jQuery, and many other menu system options. I work in design view and can copy and paste code, read code etc...but cant write it to save my life.  I cannot seen to understsand how a different menu software system will integrate with DW especially when I use design view. My question is, is there an easy way to change my spry menu's? I have 2 spry menu bars, spry tabbed menus on EVERY page and a spry accordian menu that repeats on all pages. I am working with a template I built, so hopefully it is an easy fix.
    Any walkthrough help would be greatly appreciated. Below is the code for my template minus the div set up.
    </style>
    <script src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <script src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
    <script src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    <link href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <link href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
    <link href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    </head>
    <body>
    <div id="container">
      <div id="search">
        <form action="http://www.cft-aft.org" method="get" onSubmit="Gsitesearch(this)">
    Search our website:<br />
    <input name="q" type="hidden" />
    <input name="qfront" type="text" style="width: 150px" /> <input type="submit" value="Search" />
    </form>
      </div>
      <div id="top_nav_bar">
        <ul id="FT" class="MenuBarHorizontal">
          <li><a href="../index.html">Home</a></li>
          <li><a href="#" class="MenuBarItemSubmenu">Quick Links</a>
            <ul>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/quicklinkpdf/cftfinal2010_1.pdf" target="_blank">CFT CBA</a></li>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/quicklinkpdf/acpsopfinagree2010.pdf" target="_blank">CFOP (previously ACPSOP) CBA</a></li>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/quicklinkpdf/cftsalaryschedule.pdf" target="_blank">CFT Salary Schedule</a></li>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/strs_sers" target="_blank">STRS - SERS</a></li>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/healthcare" target="_blank">Health Care</a></li>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/newsliners" target="_blank">CFT Newsliners</a></li>
            </ul>
          </li>
          <li><a href="../buildingreps.html" target="_blank" class="MenuBarItemSubmenu">For BR's</a>
            <ul>
              <li><a href="../pdf_br/handbook13.14.pdf" target="_blank">2013-14 Handbook</a></li>
              <li><a href="../pdf_br/grievance.pdf" target="_blank">Grievance Form</a></li>
              <li><a href="../br_forms/assault.doc" target="_blank">Assault Form</a></li>
              <li><a href="../br_forms/notifyassault.dot" target="_blank">Notification of Assault Form</a></li>
              <li><a href="../br_forms/assaultleaverequest.dot" target="_blank">Request for Assault Leave</a></li>
              <li><a href="../br_forms/prsnlpropdmg.dot" target="_blank">Personal Property Damage Report</a></li>
              <li><a href="../br_forms/tchrselectionpanel.doc" target="_blank">Teacher Selection Panel Form</a></li>
              <li><a href="../br_forms/chptmtgsign.doc" target="_blank">Chapter Meeting Sign In Sheet</a></li>
              <li><a href="../br_forms/chptrmtgrept.doc">Chapter Meeting Report</a></li>
            </ul>
          </li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/contact.html" target="blank" class="MenuBarItemSubmenu">Contact Us</a>
            <ul>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/cft_acpsop_office" target="_blank">Office Information</a></li>
              <li><a href="Staff" _mce_href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/cft_acpsop_office">Staff">f ile:///C|/Users/kelly/Desktop/website2/cft.acpsop/cft_acpsop_office">Staff Contacts</a></li>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/pdf_contact/directions.pdf" target="_blank">Directions</a></li>
            </ul>
          </li>
        </ul>
    <div align="center"></div>
      </div>
      <div id="fb">Content <a href="https://www.facebook.com/pages/Cincinnati-Federation-of-Teachers-Official/235429363160967" target="_blank"><img src="../images/facebooklogosm.gif" width="24" height="24" align="middle" /></a></div>
      <div id="header"><img src="file:///C|/Users/kelly/Desktop/PS images for web/banner.jpg" width="980" height="155" /></div>
      <div id="mid_nav_bar">
        <ul id="MenuBar2" class="MenuBarHorizontal">
          <li><a href="../unionbusiness.html" target="new" class="MenuBarItemSubmenu">Union Business</a>
            <ul>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/about" target="_blank">About Us</a></li>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/dues" target="_blank">Dues Structure</a></li>
              <li><a href="#" target="_blank">C.O.P.E</a></li>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/internal_comm" target="_blank">Internal Committees</a></li>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/joint_comm" target="_blank">Joint Committees</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">CFOP</a>
            <ul>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/acpsop" target="_blank">About ACPSOP</a></li>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/focus_newsletter" target="_blank">ACPSOP Newsletter</a></li>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/tuition_reim" target="_blank">Tuition Reimbursement</a></li>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/www.ohsers.org" target="_blank">SERS Updates</a></li>
              <li><a href="http://www.cincinnati-oh.gov/cityhr/pages/-4279-/" target="_blank">Civil Service Commission</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">CFT-R</a>
            <ul>
              <li><a href="#">About CFT-R</a></li>
              <li><a href="#">CFT-R Officers</a></li>
              <li><a href="#">CFT-R Meeting Schedule</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Professional Issues</a>
            <ul>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/tes" target="_blank">Teacher Evaluation System</a></li>
              <li><a href="#" target="_blank">Common Core</a></li>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/cit" target="_blank">Career In Teaching</a></li>
              <li><a href="http://staffnet.cps-k12.org/Staffnet/ProfDevFund/" target="_blank">PD Fund</a></li>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/rttt" target="_blank">RttT</a></li>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/fft" target="_blank">Fund for Teachers</a></li>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/resources" target="_blank">Resources</a></li>
            </ul>
          </li>
          <li><a class="MenuBarItemSubmenu" href="#">Affilliates</a>
            <ul>
                <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/www.aft.org" target="_blank">AFT</a>            </li>
              <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/www.oft-aft.org" target="_blank">OFT</a></li>
              <li><a href="http://www.cincinnatiaflcio.org/" target="_blank">AFL-CIO</a></li>
              <li><a href="http://ohio.gov/" target="_blank">State of Ohio</a></li>
              <li><a href="http://www.ode.state.oh.us" target="_blank">OH Dept of Ed (ODE)</a></li>
            </ul>
          </li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/forms" target="_blank">Forms/Documents</a>      </li>
        </ul>
      </div>
      <div id="left_fill"></div>
      <div id="news_zone"><!-- TemplateBeginEditable name="EditRegion3" -->
        <div id="TabbedPanels1" class="TabbedPanels">
          <ul class="TabbedPanelsTabGroup">
            <li class="TabbedPanelsTab" tabindex="0">Hot Topics</li>
            <li class="TabbedPanelsTab" tabindex="0">News Zone</li>
          </ul>
          <div class="TabbedPanelsContentGroup">
            <div class="TabbedPanelsContent">Content </div>
            <div class="TabbedPanelsContent">Content 2</div>
          </div>
        </div>
      <!-- TemplateEndEditable --></div>
      <div id="events">
        <div id="Accordion1" class="Accordion" tabindex="0">
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">Events</div>
            <div class="AccordionPanelContent">Content 1</div>
          </div>
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">Announcements</div>
            <div class="AccordionPanelContent">Content 2</div>
          </div>
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">Meeting Dates</div>
            <div class="AccordionPanelContent">Content 3</div>
          </div>
        </div>
    </div>
      <div id="right_fill"></div>
      <div id="blue_line"></div>
      <div id="button_bar">
        <table width="880" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr valign="middle">
            <td height="96" align="center"><a href="mailto:[email protected]" target="_blank"><img src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/images/kifbutton.jpg" width="242" height="72" border="0" align="middle" /></a></td>
            <td align="center"><a href="http://hq-afl.salsalabs.com/o/4013/c/505/getLocal.jsp" target="_blank"><img src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/images/legislature.jpg" width="242" height="72" border="0" align="middle" /></a></td>
            <td align="center"><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/get_involved.html"><img src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/images/getinvolved.jpg" width="242" height="72" border="0" align="middle" /></a></td>
          </tr>
        </table>
      </div>
      <div id="footer"><img src="../images/footer.jpg" width="980" height="75" /></div>
    </div>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("FT", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    </script>
    </body>
    </html>
    Thanks in advance
    Kelly

    These  links point to files OUTSIDE your local site.  Did you define your site in DW?
    file:///C|/Users/kelly/Desktop/website2
    Nancy O.

  • Rating widget with data table

    I am using rating widgets with php generated tables... but I
    like the spry data regions better (for sorting). is it possible to
    dynamically create rating widgets in a spry data region? I tried
    doing it by applying the information from "Using HTML Fragments In
    XML Sample " but that doesnt work. Any ideas?

    Did u check:
    http://labs.adobe.com/technologies/spry/samples/tooltip/Tootlip_with_HTML_Panel.html
    http://labs.adobe.com/technologies/spry/samples/data_region/TooltipwithData.html

  • Add Spry Widgets to Dreamweaver Insert Bar Spry Group

    Hi. I'm trying to work out how to add Spry widgets to
    Dreamweaver's
    Insert bar.
    I downloaded Spry for Ajax 1.6 and copied the the contents of
    the
    SpryTooltip Folder.
    I did a search in Adobe Dreamweaver's program folder for
    everything Spry.
    I pasted SpryTooltip everywhere in Dreamweaver that Spry
    references
    exist. I even created a .png icon for Spry ToolTip in:
    Adobe Dreamweaver CS3\configuration\Objects\Spry
    I opened Dreamweaver and there it was in my insert bar! My
    icon for Spry
    tooltip!
    I tried to insert it into a blank age and got the message:
    "Trigger
    event missing" or something like that.
    I'm sure there must be a way to add these new widgets to
    Dreamweaver's
    insert bar in the Spry group.
    Can someone please tell me how to do it. Starting with
    SpryTooltip.
    and...
    I might as well go ahead and ask how to add new Spry Effects
    to
    Dreamweaver's behavior panel as well. Let's say "Pulsate" for
    an example.
    PS. I've already asked this at the Spry Forum. No one has
    replied yet.
    http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=72&catid=602&threadid =1312010&enterthread=y
    Thank you!
    Dameon

    hey,
    I am a newbie to Spry too. I asked a similar question in the
    Spry Forum.
    It seems that you can not get the widgets into the Insert Bar
    or on theBehavioral Panel.
    To get the widgets to work, you only have the option to link
    to them from your spry folder.
    Spry is exciting, yet, it is still a new method, so the
    WYSIWYG interface thing is still developing. Unfortunaly, if you
    want to use Spry, you need to get dirty with the code stufff.
    So, I too, use Spry sparingly.....
    Hope that helps.

  • How to use Spry validation with link styled submit buttons..??

    I'm working with a theme package that comes with a bunch of button styles that work with basic links.  For example:
    <a href='page.html' class='small-button smallblue'><span>Button Label</span></a>
    I've got a basic form setup with Spry validation, but the submit button needs some styling to make it look nice with the site.  Since there are already styles ready for me to turn links into buttons I figured I'd use the same thing for my submit buttons.
    To accomplish that, I'm using the following javascript...
    <script type="text/javascript">
    function submitForm() {
        document.getElementById("form_name").submit();   
    </script>
    And then I'm updating my submit button to something like this...
    <a href='javascript: submitForm()' class='small-button smallblue'><span>Button Label</span></a>
    When I do this, the form submits as expected, but the Spry validation doesn't work.  Is there a way I can make the Spry stuff work with these types of buttons?  I know I could create separate styles for the submit buttons themselves, or I could use an image type button, but I'd really like to figure out how to get these existing styles to work for me since the theme already has so many of them done for me.
    Any information on this would be greatly appreciated.  Thanks!

    Save yourself a lot of trouble and style the normal submit button as per
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css">
    <style>
    .Standout {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        color: #FFFFFF;
        font-size: 16px;
        background-color: #CC0000;
        font-weight: bold;
        border-style: none;
        padding-top: 6px;
        padding-bottom: 5px;
        padding-right: 64px;
        padding-left: 64px;
        letter-spacing: 1px;
    .Standout:hover {
        background-color: #000000;
    </style>
    </head>
    <body>
    <form action="" method="get" name="myform">
      <span id="sprytextfield1">
      <label for="text1"></label>
      <input type="text" name="text1" id="text1">
      <span class="textfieldRequiredMsg">A value is required.</span></span>
      <input name="input" type="submit" class="Standout">
    </form>
    <script>
    var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn:["blur"]});
    </script>
    </body>
    </html>
    Gramps

  • Spry Validations not working javascript:Spry.Widget.Form.destroyAll() in popup

    iam using spry to validate controls in a popup.in that
    validations are working fine but the problem is when we click
    cancel button also thse validations are firing...
    i am using
    javascript:Spry.Widget.Form.destroyAll() to destroy
    validations...but it is not working.
    when we click on cancel button how to destroy the validations
    as well as hide the popup...
    can anyone help me...

    Thanks! (While I'm REALLY not comfortable with code yet (working on it :-) I atleast understood that it was a PHP issue (yay).
    Studied the code in the examples in the book. And added:
    <pre>
    <?php if ($_POST) {print_r($_POST);} ?>
    </pre>
    It worked.  (I'm local testing, with no connection to a database yet. Just trying to get the basic pages to work first.)
    Hopefully the more I work on all of this, the more I'll begin to "get it"! And I'm almost up to the Chapter on PHP. So, I'm hoping to will become clearer as I read on.
    Thanks for the help in pointing me in the right direction!!!
    -- Jami

  • Spry widget menu bar as a library item - problems

    I created a spry vertical menu bar and made it a library item.  The original works great, however when I insert the library item into its own div tag on another page, the submenus will not pop out, either in DW or the browser view. The div tag is the correct size and I made the z index high enough. Here is the code of the page that works properly:
    <!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>DM Consulting Dry Dock Training</title>
    <link href="css styles/drydock2.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    body {
    background-image: url(images/vertborderblue2.jpg);
    background-repeat: repeat-x;
    -->
    </style>
    </head>
    <body>
    <div id="container">
      <div id="header"><img src="images/header_title_white.png" width="645" height="116" alt="header" /></div>
      <div id="logo"><img src="images/drydock_logo_blktxt.png" width="154" height="119" alt="logo" /></div>
      <div id="mainContent">
        <div id="content">
          <p><span class="bolder1">D</span><span class="bolder1">M Consulting </span><span class="lineheight">provides Dry Dock Training, Dry Dock Conferences,<br />
            Dry Dock Software and Dry Dock Consulting      for:</span></p>
          <ul>
            <li class="lineheight"> Dock Masters</li>
            <li class="lineheight">Docking Officers</li>
            <li class="lineheight">Dry Dock Crews</li>
            <li class="lineheight">Engineers</li>
            <li class="lineheight">Naval Architects </li>
            <li class="lineheight"> Port Engineers</li>
            <li class="lineheight">Program/Project Managers</li>
            <li class="lineheight">Marine Surveyors</li>
            <li class="lineheight">Owners' Representatives</li>
            <li class="lineheight">On-site Representatives</li>
            <li class="lineheight">Consultants</li>
            <li class="lineheight">Others Involved or Interested in
              the <br />
              Dry Docking of Ships and Vessels</li>
          </ul>
          <div id="testimonials">&quot;The course was excellent, straight forward and comprehensive. Instruction was great, expected <br />
            &quot;death-by-power point&quot; but was pleasantly surprised.
            I am better acquainted w/dry dock basics after the
            course and can trust the accuracy of the training
            based on the extensive experience of the instructors. Thank you!
            Very informative, very thorough.&quot;
              - David, Australia<br />
          </div>
          <div id="movie">
            <object width="560" height="340">
              <param name="movie" value="http://www.youtube.com/v/qLGUZEkbAwA?fs=1&hl=en_US&rel=0" />
              <param name="allowFullScreen" value="true" />
              <param name="allowscriptaccess" value="always" />
              <embed src="http://www.youtube.com/v/qLGUZEkbAwA?fs=1&hl=en_US&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed>
            </object>
          </div>
          <div id="moreTestimonials">&raquo;&raquo;&raquo; click here for more testimonials &laquo;&laquo;&laquo;</div>
          <div id="footer"><!-- #BeginLibraryItem "/Library/copyright.lbi" -->&copy; COPYRIGHT 2010 DM CONSULTING<!-- #EndLibraryItem --></div>
        </div>
        <div id="navbar">
          <!-- #BeginLibraryItem "/Library/nav.lbi" -->
          <ul id="MenuBar1" class="MenuBarVertical">
            <li><a href="#index.html" title="DM Consulting home page">HOME</a></li>
            <li><a href="#" class="MenuBarItemSubmenu">TRAINING</a>
              <ul>
                <li><a href="#outline.html" title="Outline of our Training Course">General Information &amp; Outline</a></li>
                <li><a href="#train_sched.html" title="Locations &amp; dates of our Training Courses">Training Course Schedule</a></li>
                <li><a href="#drawings.html" title="Dry dock course drawings">Course Drawings</a></li>
                <li><a href="#testimonials.html" title="Read what our clients have to say">Testimonials</a></li>
              </ul>
            </li>
            <li><a href="#conference.html" title="Dry Dock Conference information">CONFERENCE</a></li>
            <li><a href="#software.html" title="Shop our software">DOCKMASTER SOFTWARE</a></li>
            <li><a href="#consulting.html" title="Dry Dock Consulting">CONSULTING</a></li>
            <li><a href="#clients.html" title="List of current and past clients">CLIENTS</a></li>
            <li><a href="#about.html" title="Learn about our company">ABOUT</a></li>
            <li><a href="#contact.html" title="Contact us">CONTACT US</a></li>
          </ul>
        <!-- #EndLibraryItem --></div>
      </div>
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>
    Here is the code for the page that DOESN'T work:
    <!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>Training Course Schedule</title>
    <link href="../css styles/drydock2.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    body {
    background-image: url(images/vertborderblue2.jpg);
    background-repeat: repeat-x;
    -->
    </style>
    </head>
    <body>
    <div id="container">
      <div id="header"><img src="../images/header_title_white.png" width="645" height="116" alt="header" /></div>
      <div id="logo"><img src="../images/drydock_logo_blktxt.png" width="154" height="119" alt="logo" /></div>
      <div id="mainContent">
        <div id="content">
          <h2><span class="bolder1">Training Course Schedule</span><span class="bolder1"></span></h2>
          <p><br />
          Class sizes are limited so please register early. Early registration and payment provides the best value.<br />
      <br />
          </p>
    <p class="underline"><strong>4-7 October 2010  •   Honolulu, HI, USA </strong></p>
          <div id="schedulephoto"><img src="../images/conference-rm_train_s.jpg" width="250" height="123" alt="image" /></div>
          <p>The training will be held in Pearl Harbor, Hawaii, USA. <br />
            <a href="Registration_Hawaii.html">Registration form</a><br />
            <br />
          </p>
          <p class="underline"><strong>15-18 November 2010   •   Virginia Beach VA, USA</strong></p>
          <p>The training will be held in Virginia Beach, Virginia, USA. <br />
            <a href="Registration_Virginia.html">Registration form</a><br />
            <br />
          </p>
          <p class="underline"><strong>11-14 May 2011  •   London, United Kingdom</strong></p>
            The training is held in conjunction with the Royal Institution of Naval Architects (RINA). Registration and payment will be made directly to RINA. <br />
            Visit RINA's <a href="http://www.RINA.org.uk" target="_blank">website</a> and go to &quot;Events&quot; or call +44 (0) 20 7201 2401.<br />
      <br />
          </p>
          <p><strong>Your Location</strong></p>
          <p>Training tailored to your organization's needs, including training at your facilities, <br />
            is also available.    </p>
        </div>
        <div id="nav3"><!-- #BeginLibraryItem "/Library/nav.lbi" -->
        <ul id="MenuBar1" class="MenuBarVertical">
          <li><a href="#index.html" title="DM Consulting home page">HOME</a></li>
          <li><a href="#" class="MenuBarItemSubmenu">TRAINING</a>
            <ul>
              <li><a href="#outline.html" title="Outline of our Training Course">General Information &amp; Outline</a></li>
              <li><a href="#train_sched.html" title="Locations &amp; dates of our Training Courses">Training Course Schedule</a></li>
              <li><a href="#drawings.html" title="Dry dock course drawings">Course Drawings</a></li>
              <li><a href="#testimonials.html" title="Read what our clients have to say">Testimonials</a></li>
            </ul>
          </li>
          <li><a href="#conference.html" title="Dry Dock Conference information">CONFERENCE</a></li>
          <li><a href="#software.html" title="Shop our software">DOCKMASTER SOFTWARE</a></li>
          <li><a href="#consulting.html" title="Dry Dock Consulting">CONSULTING</a></li>
          <li><a href="#clients.html" title="List of current and past clients">CLIENTS</a></li>
          <li><a href="#about.html" title="Learn about our company">ABOUT</a></li>
          <li><a href="#contact.html" title="Contact us">CONTACT US</a></li>
        </ul>
        <!-- #EndLibraryItem --></div>
      </div>
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>
    I understand about having the script and  link element that connect my page to the dependent files in the SpryAssets folder in the header and the JavaScript function cal at the bottom on each page. I don't know what else to do - HELP!

    Welcome to the Dreamweaver world!
    Well, having your index.html page at the top/root level is important, as that is the default page by which people will enter your site.
    Having other pages in folders is fine...I do it all the time in order to keep departments or categories of information sorted.
    One characteristic of having pages in folders is that the hierarchy of files in folders (perforce) puts them at different depths in the site.
    This is not inherently a bad thing! Just one to remain aware of. When you look at your site files in the Files Panel, you can see a graphical representation of those different levels.
    But the nature of a library item is that it is identical in all its instances, which is what makes it useful...change it in the library, and it changes site-wide. The down-side of that identity is that when your files are at different depths in the hierarchy, their links back to, say, home (or any other same file) will change depending on the depth. You can see this if you make a link on a page, then drag the page (in the Files Panel) to a different depth...say, into a folder when it started at root level, or vice versa. Check the link, and you will see that it automatically adapted to the new path.
    Library items do not do that; they do not change, so some of your links will be 'wrong' when you refer to pages that have different paths than the ones originally set up in the library item... because of the change in hierarchy.
    All this is, of course, reliant on your creation of the site in the first place, as defining the root folder's location on your computer gives Dreamweaver a starting point for handling (juggling?) all the location-information for your site's files.
    Beth

  • Spry Widget Issues - Deactivating after a while

    Hi there,
    I'm using Spry Widgets in DW CS3 and have been experiencing
    the following strange issue.
    When I insert a widget everything functions fine, the widget
    is outline in blue, the little blue title appears when I roll over
    it and the eye appears (for the Collapsible or the Accordion for
    example) and allows me to close or open it with DW.
    All in all, everything works sweet... I can edit it fine in
    the Properties box etc.
    And then after a while the widget just stops working. What I
    mean is that there is no blue outline when rolling over it, there
    is no Properties panel, there is no "eye", but the object is still
    there, just not functioning.
    I have obviously gone over the code as best I can. I've
    created a new page within the same site and inserteda widget and
    compared the code from one page to another and cannot find anything
    off kilter.
    Note that the CSS still woks fine, it just seems to lose its
    Javascript capabilites (...)
    This has happened with several different widgets in different
    sites on different machines...
    Any help would be much appreciated.
    Thanks in advance

    Here is a screenshot of a site I'm building atm. Please bear
    in mind that I am not a coder and am building exclusively using
    Design Mode.
    LINK TO SCREENSHOT:
    http://flickr.com/photos/7512606@N04/492179644"
    >
    -When I first inserted the Tabbed Panels widget, it
    functioned fine...
    -Now, something has happened and the widget is not editable
    (other than going into the code) and the Panels are just displayed
    one below the other.
    -The widget functions normally when the page is previewed in
    a browser, but I have lost my Design Mode editing capabilites.
    -Now if I were to enter a new widget, it would start off
    straight away in "non-editable" mode
    -This has happened every time I have tried to use widgets.
    Starts off fine and then loses editibility and/or functionality.
    It's obviously something that I'm doing that is "breaking"
    the widget, but any help would greatly appreciated.
    Below is the code for that particular page:
    <!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>Sisters, Pearls &amp; MIssion Girls -
    Info</title>
    <style type="text/css">
    <!--
    body {
    background-attachment: fixed;
    background-color: #FFFFFF;
    background-image: url(images/background/info.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    #infoContainer {
    position:absolute;
    top:67.5px;
    width:215px;
    height:515px;
    z-index:1;
    opacity:0;
    filter:alpha(opacity=00);
    right: 17.5px;
    #infoTitle {
    position:absolute;
    left:10px;
    top:3px;
    width:195px;
    height:90px;
    z-index:1;
    #infoCredits {
    position:absolute;
    left:10px;
    top:96px;
    width:195px;
    height:144px;
    z-index:2;
    overflow: auto;
    #infoLogos {
    position:absolute;
    left:3px;
    top:244px;
    width:195px;
    height:21px;
    z-index:3;
    #infoLinks {
    position:absolute;
    left:10px;
    top:278px;
    width:195px;
    height:20px;
    z-index:4;
    #infoFMA {
    position:absolute;
    left:10px;
    top:304px;
    width:195px;
    height:205px;
    z-index:5;
    .infoCredits {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #333333;
    text-align: left;
    #logosContainer {
    position:absolute;
    left:10px;
    top:248px;
    width:195px;
    height:25px;
    z-index:6;
    overflow: visible;
    #panelProcontaioner {
    position:absolute;
    left:10px;
    width:195px;
    height:205px;
    z-index:7;
    bottom: 5px;
    #panelContainer {
    position:absolute;
    left:0px;
    width:195px;
    height:195px;
    z-index:1;
    opacity:0.8;
    filter:alpha(opacity=80);
    top: 15px;
    -->
    </style>
    <script src="../../SpryAssets/SpryTabbedPanels.js"
    type="text/javascript"></script>
    <script src="../../SpryAssets/SpryEffects.js"
    type="text/javascript"></script>
    <link href="../../SpryAssets/SpryTabbedPanels.css"
    rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    <!--
    function MM_effectAppearFade(targetElement, duration, from,
    to, toggle)
    Spry.Effect.DoFade(targetElement, {duration: duration, from:
    from, to: to, toggle: toggle});
    function MM_changeProp(objId,x,theProp,theValue) { //v9.0
    var obj = null; with (document){ if (getElementById)
    obj = getElementById(objId); }
    if (obj){
    if (theValue == true || theValue == false)
    eval("obj.style."+theProp+"="+theValue);
    else eval("obj.style."+theProp+"='"+theValue+"'");
    //-->
    </script>
    <link href="../css/films.css" rel="stylesheet"
    type="text/css" />
    </head>
    <body onload="MM_effectAppearFade('infoContainer', 2000,
    0, 100, false)">
    <div id="infoContainer">
    <div id="infoTitle"><img
    src="images/info/sisters_logo.png" alt="sisters_logo" width="195"
    height="90" /></div>
    <div id="infoCredits"><span
    class="textDefault">Directed by David Batty<br />
    Produced by Jeni McMahon</span><br />
    <br />
    <span class="textSmall">A Rebel Films Production<br
    />
    Financed by Film Finance Corporation of Australia<br
    />
    Produced with the assistance of the Australian Broadcasting
    Corporation<br />
    © Rebel Films and Film Finance
    Corporation</span></div>
    <div id="infoLinks"><img
    src="../images/buttons/imdb.png" alt="imdbButton" width="195"
    height="20" /></div>
    <div id="panelProcontaioner">
    <div id="panelContainer">
    <div id="filmsPanels" class="TabbedPanels">
    <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab"
    onclick="MM_changeProp('panelContent','','opacity','0','DIV');MM_changeProp('panelContent ','','filter','alpha(opacity=00)','DIV');MM_effectAppearFade('panelContent',
    500, 0, 100, false)" tabindex="0"></li>
    <li class="TabbedPanelsTab"
    onclick="MM_changeProp('panelContent','','opacity','0','DIV');MM_changeProp('panelContent ','','filter','alpha(opacity=00)','DIV');MM_effectAppearFade('panelContent',
    500, 0, 100, false)" tabindex="0"></li>
    <li class="TabbedPanelsTab"
    onclick="MM_changeProp('panelContent','','opacity','0','DIV');MM_changeProp('panelContent ','','filter','alpha(opacity=00)','DIV');MM_effectAppearFade('panelContent',
    500, 0, 100, false)" tabindex="0"></li>
    <li class="TabbedPanelsTab"
    onclick="MM_changeProp('panelContent','','opacity','0','DIV');MM_changeProp('panelContent ','','filter','alpha(opacity=00)','DIV');MM_effectAppearFade('panelContent',
    500, 0, 100, false)" tabindex="0"></li>
    <li class="TabbedPanelsTab"
    onclick="MM_changeProp('panelContent','','opacity','0','DIV');MM_changeProp('panelContent ','','filter','alpha(opacity=00)','DIV');MM_effectAppearFade('panelContent',
    500, 0, 100, false)" tabindex="0"></li>
    <li class="TabbedPanelsTab"
    onclick="MM_changeProp('panelContent','','opacity','0','DIV');MM_changeProp('panelContent ','','filter','alpha(opacity=00)','DIV');MM_effectAppearFade('panelContent',
    500, 0, 100, false)" tabindex="0"></li>
    </ul>
    <div id="panelContent" div
    class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent"><a
    href="../veiled/index.html" target="_top"><img
    src="../../images/tabbed_nav/veiledPanel.jpg" alt="veiledPanel"
    width="195" height="175" border="0"/></a></div>
    <div class="TabbedPanelsContent"><a
    href="../rodeo/index.html" target="_top"><img
    src="../../images/tabbed_nav/rodeoPanel.jpg" alt="rodeoPanel"
    width="195" height="175" border="0"/></a></div>
    <div class="TabbedPanelsContent"><a
    href="../inventions/index.html" target="_top"><img
    src="../../images/tabbed_nav/inventionsPanel.jpg"
    alt="inventionsPanel" width="195" height="175"
    border="0"/></a></div>
    <div class="TabbedPanelsContent"><a
    href="index.html" target="_top"><img
    src="../../images/tabbed_nav/sistersPanel.jpg" alt="sistersPanel"
    width="195" height="175" border="0"/></a></div>
    <div class="TabbedPanelsContent"><a
    href="../thatsaustralia/index.html" target="_top"><img
    src="../../images/tabbed_nav/taPanel.jpg" alt="taPanel" width="195"
    height="175" border="0"/></a></div>
    <div class="TabbedPanelsContent"><a
    href="../taylor/index.html" target="_top"><img
    src="../../images/tabbed_nav/taylorPanel.jpg" alt="taylorPanel"
    width="195" height="175" border="0"/></a></div>
    </div>
    </div>
    </div></div>
    </div>
    <script type="text/javascript">
    <!--
    var TabbedPanels1 = new
    Spry.Widget.TabbedPanels("filmsPanels");
    //-->
    </script>
    </body>
    </html>

Maybe you are looking for

  • Flex Dataservices Deployment Problem

    I´m using dataservices to connect to my database via php. This works  fine so far. The problems begin when I want to deploy the app, because I had to make  some changes to my model .fml file. Here is an excerpt: <annotation name="ServiceConfig"> <ite

  • Is it possible to deploy a Windows LV application to the MAC?

    Does anyone know if it's possible to deploy a Windows L.V. application to the MAC?  An option in application builder?  A cross-compiler?  Or... am I thinking too much.  Does the L.V. application simply resolve it's library calls differently while on

  • After updating the viber is not opening on the iPad

    What to do? I used viber on the iPad and everything was fine. After updating program is not opening. I reinstalled and installed it again, but it's just not opening... What to do???????????

  • Who can tech me how to use i message

    find friends whit iMessage?

  • Character display in the BEX

    Dear colleagues, My BEX reports display the character " ' " for part of the blank cells. I would like to remove this character BUT not replace it by something else (such as 0) : I need a "real" blank. Does anyone have a clue ? Thanks for your help. R