Multiple Spry Widgets not functional on one page

I've installed 3 Spry widgets (CS3) & have run into the documented issue where they don't all work together on the page. Below is a link to my testing page, can anyone tell me where the problem lies? Are these browser issues?
Thanks!
http://www.designscrespo.com/widget_test

Start by validating the code.
That page is riddled with errors, including a missing opening <body> tag.
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.designscrespo.com%2Fwidget_test&charset =%28detect+automatically%29&doctype=Inline&group=0

Similar Messages

How can I print multiple copies of same photo onto one page on iPhoto 9.5.1?

How can I print multiple copies of same photo onto one page on iPhoto 9.5.1? I was able to do it on the old iPhoto, but can't seem to be able to do it on the new iPhoto. Grrr...

Photos does the same thing.... Only workaround I can come up with is to create a template in Pages and copy & paste.

Widget spry menu not functionning under IE9

Hi gents,
I'm currently building a website with dreamweaver CS4.
I encounter a problem with my horizontal menu done by using widget spry horizontal menu.
Under firefox, opera and safari everything works perfectly. With IE9 my submenus don't appear at all when passing over the related main menu!
Thanks for your support

Thanks Gramps for this rapid answer.
Here is a copy of the code, the website I'm building is not yet available on the web.
I just made here a copy of the code of a test page on which the problem is the same...
I hope it can help you to help me
Best regards
John²
[Elément 1 | #]
[Elément 1.1 | #]
[Elément 1.2 | #]
[Elément 1.3 | #]
[Elément 2 | #]
[Elément 3 | #]
[Elément 3.1 | #]
[Elément 3.1.1 | #]
[Elément 3.1.2 | #]
[Elément 3.2 | #]
[Elément 3.3 | #]
[Elément 4 | #]

</script>
</body>
</html

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">

</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"> </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>
</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

For multiple spry accordion in a single html page

I have created a single spry accordion in html page .But i want multiple accordion of similar size and color on that page.I have tried to create a multiple accordion on that page but only one is working and others doesn't work.
    Thanks in advanced.

I just tried doing the same thing without any problems. Not sure what you are doing wrong, heres the code:
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">Content 1</div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 2</div>
    <div class="AccordionPanelContent">Content 2</div>
</div>
</div>
<div id="Accordion2" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">Content 1</div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 2</div>
    <div class="AccordionPanelContent">Content 2</div>
</div>
</div>
<script type="text/javascript">

</script>
</body>

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.

Template not updating on ONE page only

Hello. I have a template that I use for my website. It contains a header navbar, subnavmenu, editable regions, and footer. I have used the template for the index, or homepage, but the font on the footer is much larger than that of the template. I used the exact same template for other pages and do not have that issue.
could it be a problem with nesting div tags?
Here is my code for the index page. Could someone take a look at it?
<!DOCTYPE html>
<html>
<head>

<title>MJSNC Home</title>
<style type="text/css">
/* BeginOAWidget_Instance_2443523: #OAWidget */
/* CALENDAR BOUNDING BOX */
.yui-skin-sam #OAWidget {
background-color: #99cccc;
border: 1px solid #003366;
padding: 10px;
right: -110px;
/* TITLE BAR */
.yui-skin-sam #OAWidget .title {
border-bottom:1px solid #cccccc;
color:#000;
/* WEEKDAY HEADER ROW */
.yui-skin-sam #OAWidget .calweekdayrow {
height:2em;
/* WEEKDAY (Su, Mo, Tu...) HEADER CELLS */
.yui-skin-sam #OAWidget .calweekdaycell {
color:#000;
font-weight:normal;
/* WEEK NUMBERS (ROW HEADERS/FOOTERS) */
.yui-skin-sam #OAWidget .calrowhead, .yui-skin-sam .yui-calendar .calrowfoot {
color:#666666;
font-size:85%;
font-style:normal;
font-weight:normal;
/* NORMAL CELLS */
.yui-skin-sam #OAWidget td.calcell {
border:1px solid #000066;
background:#eeeeee;
height:1.6em;
line-height:1.6em; /* set line height equal to cell height to center vertically */
/* LINK INSIDE NORMAL CELLS */
.yui-skin-sam #OAWidget td.calcell a {
color:#003366;
/* TODAY'S DATE */
.yui-skin-sam #OAWidget td.calcell.today {
background-color:#ffcc33;
.yui-skin-sam #OAWidget td.calcell.today a {
background-color:#ffcc66;
/* SELECTED DATE */
.yui-skin-sam #OAWidget td.calcell.selected a {
background-color:#000099;
color:#cccccc;
/* HOVER DATE */
.yui-skin-sam #OAWidget td.calcell.calcellhover a {
background-color:#ff6600;
color:#000066;
/* CalendarNavigator */
/* NAVIGATOR MASK */
.yui-skin-sam #OAWidget .yui-cal-nav-mask {
background-color:#000;
opacity:0.25;
*filter:alpha(opacity=25); /* IE */
/* NAVIGATOR BOUNDING BOX */
.yui-skin-sam #OAWidget .yui-cal-nav {
border:1px solid #808080;
background-color:#f2f2f2;
/* EndOAWidget_Instance_2443523 */
.SeniorBeach {
background-image: url(/Graphics/TEEN%20CLUB%20BEACH%20TRIP%202013/IMG_0551.JPG);
height: 375px;
font-size: 18px;
font-style: oblique;
font-weight: bolder;
color: #000;
.beachtriptext {
color: #000;
width: 170px;
padding: 2px;
background-color: #B9E1DC;
position: inherit;
filter: Alpha(Opacity=60);
opacity: .5;
</style>

<style type="text/css">

</style>
<style type="text/css">

</style>

<style type="text/css">

</style>
<style type="text/css">

</style>
<style type="text/css">
a:link {
color: #09F;
font-size: 24px;
#body #wrapper #leftcontent .bd #leftcontentindex #IndexPage h3 {
color: #C96;
font-size: x-large;
.indexpagesummerrecmarqueetext {
background-image: url(/Graphics/banner.jpg);
background-repeat: repeat;
height: auto;
width: auto;
color: #060;
#body #wrapper #leftcontent .bd #leftcontentindex #IndexPage h3 marquee #indexpagesummerrecmarqueetext h3 {
color: #060;
#body #wrapper #leftcontent .bd #leftcontentindex #IndexPage h3 #indexpagesummerrecmarqueetext h3 {
color: #093;
#body #wrapper #rightcontent center h3 strong {
font-family: Comic Sans MS, cursive;
#body #wrapper #rightcontent center p strong {
font-family: Comic Sans MS, cursive;
#body #wrapper #rightcontent center h3 strong {
color: #FFFF80;
#body #wrapper #rightcontent center p strong {
color: #FFFF80;
#body #wrapper #rightcontent center h3 strong {
font-size: 24px;
#body #wrapper #rightcontent center p strong {
font-size: 16px;
#body #wrapper #rightcontent center p strong {
font-size: 24px;
.signlanguagepicframe {
background-color: #309;
border: medium groove #CCC;
#body #wrapper #rightcontent center #VideoEmbed #SeniorBeach #beachtriptext p {
font-size: 16px;
#body #wrapper #rightcontent center #VideoEmbed #SeniorBeach #beachtriptext p {
font-size: 14px;
#body #wrapper #rightcontent center #VideoEmbed #SeniorBeach #beachtriptext p {
text-align: center;
#body #wrapper #rightcontent center #VideoEmbed #SeniorBeach #beachtriptext p {
text-align: left;
</style>
<script src="/YUI/2.8.2r1/build/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"></script>
<script src="/YUI/2.8.2r1/build/calendar/calendar-min.js" type="text/javascript"></script>
<script type="text/xml">

</script>

<style type="text/css">

</style>
<script src="/Web Site Root Folder/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript">

</script>
<link href="/Web Site Root Folder/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
</head>
<body background="/Graphics/LOGOS AND BANNER/GRADIENT BACKGROUND 5-8-12.png" class="body" id="body" onLoad="MM_preloadImages('/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png')">
<div class="wrapper" id="wrapper">
<div class="header" id="header">
    <div class="logoarea" id="logoarea"><div id="apDiv6">
        <p> </p>
        <p> </p>
        <p><br/>
          <a href="http://www.facebook.com/pages/Mifflin-Juniata-Special-Needs-Center-Inc/129756770511336" target="_blank" align="left"><img src="http://www.niftybuttons.com/blackink/facebook.png" width="60" height="59"></a><a href="https://twitter.com/MJSNC1" target="_blank" align="left"><img src="http://www.niftybuttons.com/blackink/twitter.png" width="57" height="59"></a>
          <br/>
        </p>
        <p>
          
        </p>
    </div><div id="apDiv4" >
      <script>
(function() {
var cx = '004600001770955757780:ub1su5xae54';
var gcse = document.createElement('script'); gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
      '//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
</script>
      <gcse:search></gcse:search></div>
    <a href="/index.html"><img src="/Graphics/LOGOS AND BANNER/slogan and logo edited.png" width="244" height="242"></a>
    <div id="logo" onClick="document.location.href='http://www.mjsnc.org';" style="cursor:pointer;"><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a></div>
    <a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a></div>
    <div class="navbar" id="navbar">
      <img src="/Graphics/LOGOS AND BANNER/navbar_edited-3.jpg" alt="navigation menu" width="980" height="25" border="0" usemap="#Map">
      <map name="Map">
        <area shape="rect" coords="59,4,149,24" href="/NAVBAR/ABOUT US/AboutUs.html" target="_parent" alt="About Us">
        <area shape="rect" coords="157,3,255,23" href="/NAVBAR/CONTACT US/ContactUs.html" target="_parent">
        <area shape="rect" coords="263,4,423,22" href="/NAVBAR/BOARD OF DIRECTORS/BoardOfDirectors.html" target="_parent">
        <area shape="rect" coords="429,3,578,22" href="/NAVBAR/VISION AND MISSION/MissionVisionStatementsAdopted2012.pdf" target="_blank">
        <area shape="rect" coords="586,3,698,23" href="/NAVBAR/GET INVOLVED/GetInvolved.html" target="_parent">
        <area shape="rect" coords="704,5,815,24" href="/NAVBAR/DONATE NOW/DonateNow.html" target="_parent">
        <area shape="rect" coords="822,5,920,24" href="/NAVBAR/AFFILIATES/Affiliates.html" target="_parent">
      </map>
    </div>
    <ul id="MenuBar1" class="MenuBarHorizontal">
     <li><a class="MenuBarItemSubmenu" href="#">Adults</a>
       <ul>
         <li><a href="/SUBNAVMENU/ADULT REC/ADULT REC.html">Adult Rec</a></li>
         <li><a href="/SUBNAVMENU/ADULT TRAINING FACILITIES/AdultTrainingFacilities.html">Adult Training Facilities</a></li>
         <li><a href="/SUBNAVMENU/FAMILY LIVING/FAMILY LIVING.HTML">Life Sharing</a></li>
         <li><a href="/SUBNAVMENU/SUMMER REC/Summer Rec.html">Summer Rec</a></li>
         <li><a href="/SUBNAVMENU/AKTION CLUB/AktionClub.html">Aktion Club</a></li>
       </ul>
     </li>
     <li><a href="#" class="MenuBarItemSubmenu">Youth</a>
       <ul>
         <li><a href="/SUBNAVMENU/AFTER SCHOOL PROGRAM/AfterSchool.html">After School Program</a></li>
<li><a href="/SUBNAVMENU/CHALLENGER/Challenger.html">Challenger Division</a></li>
         <li><a href="/SUBNAVMENU/EARLY INTERVENTION/EarlyIntervention.html">Early Intervention</a></li>
         <li><a href="/SUBNAVMENU/SUMMER REC/Summer Rec.html">Summer Rec</a></li>
         <li><a href="/SUBNAVMENU/T-BALL/TBall.html">T-Ball</a></li>
         <li><a href="/SUBNAVMENU/TEEN CLUB/TeenClub.html">Teen Club</a></li>
         <li><a href="/SUBNAVMENU/TRAINING N TRANSITION/TrainingTransition.html">Training & Transition</a></li>
       </ul>
     </li>
     <li><a class="MenuBarItemSubmenu" href="#">Events</a>
       <ul>
         <li><a href="/SUBNAVMENU/EVENTS/LipSync.html">Lip Sync</a>          </li>
         <li><a href="/SUBNAVMENU/EVENTS/Events.html">Events</a></li>
         <li><a href="/SUBNAVMENU/EVENTS/AnnualPicnic.html">Annual Picnic</a></li>
         <li><a href="/SUBNAVMENU/EVENTS/Wings and Wheels.html">Rally in the Park</a></li>
       </ul>
     </li>
     <li><a href="#" class="MenuBarItemSubmenu">Employees</a>
       <ul>
         <li><a href="/SUBNAVMENU/MEET OUR STAFF/MeetOurStaff.html">Meet Our Staff</a></li>
         <li><a href="/SUBNAVMENU/EMPLOYEE ACCESS/AgencyWithChoice.html">Agency With Choice</a></li>
         <li><a href="/SUBNAVMENU/EMPLOYEE ACCESS/RegisterPage.html">Employee Access</a></li>
         <li><a href="/SUBNAVMENU/RETIREES/mjsncretirees.html">Retirees</a></li>
       </ul>
     </li>
     <li><a href="#" class="MenuBarItemSubmenu">Other</a>
       <ul>
         <li><a href="/SUBNAVMENU/EDUCATION & THERAPY/EducationandTherapy.html">Education & Therapy</a></li>
         <li><a href="/SUBNAVMENU/EQUIPMENT LOAN/EquipmentLoan.html">Equipment Loan</a></li>
         <li><a href="/NAVBAR/VOLUNTEER/Volunteer.html">Volunteer</a></li>
         <li><a href="/SUBNAVMENU/TESTIMONIALS/TESTIMONIALS.html">Testimonials</a></li>
         <li><a href="/SUBNAVMENU/OTHER/Calendar.html">Calendar</a></li>
       </ul>
     </li>
   </ul>
   <div class="subnavmenu" id="subnavmenu"> </div>
</div>
<div class="rightcontent" id="rightcontent">
    <center>
      <p><a href="/SUBNAVMENU/EVENTS/Wings and Wheels.html">Rally in the Park 2014<img src="/SUBNAVMENU/EVENTS/TOURING FRIENDS LOGO.jpg" width="267" height="185"></a></p>
      <div class="VideoEmbed" id="VideoEmbed">
        <p> </p>
        <p><a href="www.youtube.com/embed/YGnvqGlbnMU"">
          <object width="420" height="315">
            <param name="movie" value="//www.youtube-nocookie.com/v/YGnvqGlbnMU?version=3&hl=en_US&rel=0"></param ><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
            <embed src="//www.youtube-nocookie.com/v/YGnvqGlbnMU?version=3&hl=en_US&rel=0" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed>
          </object>
        </a> </p>
        <p> </p>
       <marquee scrollamount="10"><font size=4>Senior Beach Trip 2014!!</font></marquee>
        <p> </p>
        <div class="SeniorBeach" id="SeniorBeach">
          <div class="beachtriptext" id="beachtriptext">
            <p>We will be taking high school seniors from both Mifflin and Juniata Counties to Ocean City, New Jersey. We will be leaving early morning on May 27th and arriving home May 29th. While at the beach, we enjoy…um, the ocean. Yeah! This year, we have 8 students plus 4-5 staff attending. Both staff and seniors are looking forward to breaking away for a bit!</p>
          </div>
        </div>
      </div>
    </center>
</div>
<div class="leftcontent" id="leftcontent">
    <script type="text/javascript">
loadImage1 = new Image();
loadImage1.src = "http://www.lemurlab.com/images/play_blue.png";
staticImage1 = new Image();
staticImage1.src = "http://www.lemurlab.com/images/play_green.png";
</script>
<script type="text/javascript">
var newwindow;
function poptastic(url)
{newwindow=window.open(url,'name','height=579,width=849');
if (window.focus) {newwindow.focus()}}
</script>
</head>
<body>
<div class="leftcontentindex" id="leftcontentindex">
    <div class="IndexPage" id="IndexPage">
      <h2>
      <marquee scrollamount="10">Whatever It Takes-Accept. Support. Empower.</marquee>
      </h2>
      <div class="IndexPageFont" id="IndexPageFont">
        <div class="signlanguagepicframe" id="signlanguagepicframe">
          <h3><strong>Interested in Sign Language Classes?</strong></h3>
          <h2><strong><img src="/Graphics/sign language.jpg" width="251" height="280" alt="Sign Language Classes Available"></strong></h2>
          <h2><strong><a href="Contact" _mce_href="mailto:[email protected]">Contact">mailto:[email protected]">Contact Us</a> and let us know!</strong></h2>
        </div>
        <p>Attending our sign language courses is a great way to brush up on your skills. Beginners sessions are also child-friendly! </p>
        <hr>
        <p>Visit our Calendar Page</p>
        <p><a href="/SUBNAVMENU/OTHER/Calendar.html"><img src="/Graphics/CALENDAR.jpg" width="301" height="174" alt="Calendar of Events Page"></a></p>
        </div>
      </div>
</div>
<div class="footer" id="footer"><a href="/index.html">Home</a> | <a href="/NAVBAR/CONTACT US/ContactUs.html">Contact Us </a>| <a href="/NAVBAR/ABOUT US/AboutUs.html">About Us</a> | <a href="/FOOTER AND DISCLAIMER/Disclaimer.pdf">Disclaimer</a></div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

Your question was "... but the font on the footer is much larger than that of the template", yes?
I only can repeat, look at the difference of:
1. index.html (Font-size > medium) >
2. Calendar.html (Font-size > no entry):
> "... font on the footer is much larger than that of the template",
Hans-Günter
P.S.
See us again - maybe - at Monday > we will do a nice little trip to Austria.

Problem: using the sound widget AND gallery in one page

Hello,
I simply tried to have a play-music player/button at a page, and a gallery to swipe through images too.
It caused weird problems. The iPad behaves strange, the iBook (previewed at iPad) doesn't work anymore.
Several times I had to make a total reset of iPad3.
The same result with a combination of a keynote widget (image-sequence) and music.
Isn't it possible to to offer a slidehow with sound?
Thanks for any ideas!

Hi,
the idea is to watch the gallery fotos or the keynote slideshow and listen to music/sound same time.
for any reason it did work in the beginning. but now, having the media widget/audio in the same page as keynote or gallery, the application does not run smoothly anymore, particularly the swiping is blocked.
I already made 2 chapters to avoid too many widgets in one chapter.
there are: 1 keynote slideshow (1024x768 images) , 1 gallery, and each 3 audio widgets to let the user choose different sounds. but actually the probelms start with pacing the first audio widget already...

Widgets not functioning correctly on tablet layout

I've noticed that my new ipad is showing my tablet layout of muse website, but some of the widgets are not functioning correctly. I have tried a few widgets for the tablet layout and it has resulted in problems.
Please take a look at www.littlesouth.com for an example of the current error.

Hi
I tried to check the site in tablet and it works fine.
Can you please elaborate as which specific widgets are not working ? and are they on home page or any particular page within the site.
Thanks,
Sanjit

Approve Button not functioning in Approval Page NotifDetailsPG.xml

In NotifDetailsPG, we have the page for approving Batch Approval Requests...
There are four buttons, Approve, Reject, Reassign and Request Information.
When we click on the Approve, or reject button, nothing happens, but on the Reassign and Request Information, we are directed to the proper page. Now I need to approve the Journal but i think the Approve and Reject button is not functioning. and we noticed in IE's status bar, that the page was "done with Errors"
clicking on the done with errors area, we have the error message:
Line:8
Char:74
ErrorL Expected ";"
Code:0
URL:http://hostname:port/OA_HTML/OA.jsp?page=oracle/apps/fnd/wf/worklist/webui/NotifDetailsPG?......
What might be the reasons for this errors?
null

you have to search in Metalink using Advanced Search.. key-in "approve button" and select LinuxX86 as the platform..
If i remembered there is also a result regarding 11.5.10...
Mine is 11.5.9 related and it just instructed me to upgrade the Workflow mini-pack.. OWF.H.. I think 11.5.10.2 already includes OWF.H so your case might be a different one..

Spool output not appearing on one page

Hello Experts,
When program runs in foreground, I am getting correct output i.e. ALV blocks are displayed on one page only.
But when running same program in background, I got output in spool and when looked at spool output that time I realized that the ALV blocks are getting printed on new page.
So instead of displaying 4 pages it is displaying 8 pages in spool.
I ran the same report on quality in FOreground as well as background and output appears to be correct.
But not sure why it is giving distorted (printed on new pages) in SPOOL output.
Appreciate your help.
Thank you.
Saurabh

HI Saurabh,
Check the Layout which you are passing which scheduling the job. It seems to be a different layout as compared to other system & hence the issue.
Thanks,
Best regards,
Prashant

Links not linking on one page. Differences in Firefox, Camino & Safari...

Hello, I doubt this is a new question... My web site is hearth2hearth.com My problem(s) is/are: The links at the bottom of the "Who's in the Kitchen?" page (email & [email protected]) do not work when published. These same links on all other pages do work. On this same page there is a photo and a caption beneath it that are both links to another site. Neither work. All links to other pages on my site (at the top of all pages) work fine. However (a separate problem) some of those links at the top of the pages are of a different color than I chose, and/or are underlined when I deselected Underline in the Format section of the Link Inspector. I have looked at the site on Firefox, Camino & Safari and there are differences on all three. (Firefox has never updated critical changes I made a while ago. Safari shows a hit counter twice that I thought I removed or at least I never see it anywhere else.) My host is not .mac, but hostmonster.co I have not yet begun tearing my hair out in frustration, but my hands are beginning to reach for my scalp...HELP! And thank you in advance.

Wyodor,
1. It may be messy or it may not. It seems that is opinion as opposed to fact. I am not a designer. I am a guy who has iLife and so I have iWeb & a need. Mac makes it easy for those of us with no designer experience to feel we can do something. It may not be up to designer's standards but it's what we have.
2. Why two email addresses? One is direct link and the other is in case someone would rather copy & paste the address in case they are at another computer and do not wish to use the default email of the host computer. I don't know. It was a suggestion I took. Doesn't seem harmful to me...
3. Out of focus? Where? There are no options to focus anything and all it is is typed words. I cannot see how it is out of focus.
4. I have looked and looked again at these pages. Code means nothing to me. So all I can do is look at the page itself and try to figure things out. What is frustrating is that things look different depending on which computer and which browser I view them on. While working here on iWeb I see certain results but I don't have several computers and every browser available all the time. So how am I supposed to fix anything when it looks fine when I working on it? I just discovered yesterday while at a friend's house that on IE the site had two hit counters I cannot see on Camino, Safari or Firefox. I even thought I had removed the hit counters mostly because I couldn't see them when I put them on.
5. I have used a font that may not be recognized. But it is recognized on the other pages. My problem is mostly - but not entirely - with this page. All I see is that even where the pages are similar, they read differently. I have nothing blocking these links any more than I might on other pages and yet this one page will not link.
Thanks for your help, though. As I said, the code here is Greek to me. So I cannt use it or even recognize if its helpful...

DW CS4 Spry menu shows up on one page layout, but not in a secondary page

I inserted a spry menu into the homepage. Got it working okay. Then I inserted one into another page layout within the site. Copied and replaced the code with that from the homepage. The secondary page dropdowns aren't dropping down. What am I missing? Help please.
Homepage
Secondary page

Open your Homepage and SaveAs Secondary page. Edit content as desired. Save again.
See also, Dreamweaver Templates in DW Help (F1).
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Spry Widget not displaying properly

Forgive me for what is, I am sure, a simple problem: I'm new to working in DreamWeaver and am making a site for a friend to teach myself.
I have added a vertical spry menu to my webpage. One item from the menu has a few more specific topics and so a few more items have been added as a submenu. I had done something that caused there to be a big space (the same height as the pop out submenu) to appear within the main menu. I fiddled around and now seem to have changed something causing the submenu to display in the main menu along with the rest of the items. How do I make the submenu return to being invisible until the cursor is held over the specific menu item, and then pop out to the right?
As I'm new to all of this, I'm not even entirely sure of what part of the code to show in order for someone to tell what's wrong... Hopefully this is of help. The 5 items (Highland Cattle through to Produce) are intended to be the fly out submenu.
<div class="sidebar1">
    <ul id="MenuBar1" class="MenuBarVertical">
      <li><a href="#">Home</a></li>
      <li><a href="#">About Us</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">Our Products</a>
        <ul>
          <li><a href="#">Highland Cattle</a></li>
          <li><a href="#">English Black Sheep</a></li>
          <li><a href="#">Rideau Arcott Sheep</a></li>
          <li><a href="#">Heritage Poultry</a></li>
          <li><a href="#">Produce</a></li>
        </ul>
      </li>
      <li><a href="#">Buying Local</a></li>
      <li><a href="#">Heritage Breeds</a></li>
      <li><a href="#">Photo Gallery</a></li>
      <li><a href="#">Contact Us</a></li>
    </ul>
</div>
<div class="content">
Thanks! Robyn

As I'm new to all of this, I'm not even entirely sure of what part of the code to show in order for someone to tell what's wrong...
The best approach by far is to upload a page to the web which displays the problem you're facing.
Then post a link to that page here. A link gives us access to every file that we need to inspect.
That way, it's quick and easy for you to post and quick and easy for us to check and diagnose with browser based troubleshooting tools and will gain many more responses here.

Multiples galleries linked to and from one page

This is pretty basic need for photographers trying to show shoots to clients.
I have multiple shoots associated with one job for one client. Can anyone ( ahem Apple guys) put a feature into the Aperture Web Gallery workflow that will put an index page for all the different parts of one job?
G5 dual 2 Mac OS X (10.4.7) Apertue 1.1.2

Hello, Larry
Quote: "I have multiple shoots associated with one job for one client. Can anyone ( ahem Apple guys) put a feature into the Aperture Web Gallery workflow that will put an index page for all the different parts of one job?"
If I understand you correctly, you want different Index.htmls for the different shoots you did for the client? So, one index.html for one shoot which multiple photos? Another, index.html for a different shoot but the same client? But all in location in one site?
If so, Aperture rocks doing this now since version 1.
I do this using the Web Journal (and not the Web Gallery) feature in Aperture which will make different index.htmls for different days, shoots, whatever.
Here is an example:
Multiple shoots and multiple indexes but only one site.
As you can see there are 3 different index.htmls, and each with it's own set of photographs with watermarks which can be clicked on to enlarge.
You can rename each index according to your shoots, watermark them and upload them for the client to see at his or her leisure.
love & peace,
victor

Multiple Spry Widgets not functional on one page

Similar Messages

Maybe you are looking for