Spry.Widget.HTMLPanel evalScripts: true

My situation is simple
I am loading HTML fragments into HTML Panel Container. The frament is contains mostly of javascripts that display affiliate information, in other words buttons with company information.
When I execute with evalscript false I get everything but the javascripts, when I set it to true I only get the javascripts on an empty screen. Is there a solution to this issue?

OK here is the code. I have tried with an observer but honestly I did not
really understand how to do it right.
Thank you very much for taking this on.
Spry.Widget.HTMLPanel.evalScripts = true;
var tp1 = new Spry.Widget.TabbedPanels("tp1", );
var tab1 = new Spry.Widget.HTMLPanel("tab1",);
tab1.loadContent('tab1.htm');
PagePanel.addObserver(myObserverFunc);
var tab2 = new Spry.Widget.HTMLPanel("tab2");
var tab3 = new Spry.Widget.HTMLPanel("tab3");
var tab4 = new Spry.Widget.HTMLPanel("tab4");
var username = "12345";
function myObserverFunc(notificationType, notifier, data)
if (notificationType == "onPostUpdate")
Spry.Data.initRegions('tab1')
</script>
</body>
</html>
And here is tab1.htm. The others are similar.
Christian Gifts, Books & Music
document.write ('<a target="_blank" href="
http://click.linksynergy.com/fs-bin/click?id=8xfCXj3UleE&offerid=206329.10000005&subid=0&t ype=4&u1='username'"><IMG
border="0" alt="Kazoo Made in USA" src="
http://ad.linksynergy.com/fs-bin/show?id=8xfCXj3UleE&bids=206329.10000005&subid=0&type=4&g ridnum=11&u1='username
'">')
document.write ('<a target=\'new\' href="
http://click.linksynergy.com/fs-bin/click?id=8xfCXj3UleE&offerid=170445.10000159&type=4&su bid=0&u1='username'">alt="PetSmart Deals.Woot Logo for 12/12 promo" border="0" src="
http://affiliates.petsmart.com/images/petsmart_140x40.gif">
<IMG
border="0" width="1" height="1" src="
http://ad.linksynergy.com/fs-bin/show?id=8xfCXj3UleE&bids=170445.10000159&type=4&subid=0&u 1='username
'">');
<IMG border="0"
width="1" height="1" src="
http://ad.linksynergy.com/fs-bin/show?id=8xfCXj3UleE&bids=56753.10000237&type=4&subid=0&u1 ='username
'">');
</script></td>
</tr></table>
Alfred Laggner
Puerto Vallarta
322 205 0890

Similar Messages

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

</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">"The course was excellent, straight forward and comprehensive. Instruction was great, expected <br />
        "death-by-power point" 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."
          - 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">»»» click here for more testimonials «««</div>
      <div id="footer">© COPYRIGHT 2010 DM CONSULTING</div>
    </div>
    <div id="navbar">
      
      <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 & Outline</a></li>
            <li><a href="#train_sched.html" title="Locations & 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>
    </div>
</div>
</div>
<script type="text/javascript">

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

</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 "Events" 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">
    <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 & Outline</a></li>
          <li><a href="#train_sched.html" title="Locations & 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>
    </div>
</div>
</div>
<script type="text/javascript">

</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 & MIssion Girls -
Info</title>
<style type="text/css">

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

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

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

Spry Widgets...

What is the overall impression of using spry widgets for web design. I've used it to create a very nice menu/nav bar but with .css seeming so popular I was wondering from a developers and designers preference... Is it a good choice to use?

One should always try to use less scripts and more CSS because some users are paranoid about allowing any scripts to run on their system.
JavaScript is relatively safe, have a look here from a Microsoft programming engineer.
Also, in IE, the default configuration is not to allow any scripts to run and if a page contains such scripts, you normally get a frightening warning. this alerts your users not to continue with your site unless you are some big boys like M$, Amazon, Adobe, Yahoo, Google etc.
With the exception of browsing a website local to my system, I have not heard of IE blocking or warning of JavaScripts running in a program. After all DW makes grateful use of JavaScript to make it user friendly.
Now you know this, Spry Widget is a nothing more than scripts pinched from open source distributors and put together by Adobe.
The JavaScript that is used by Adobe's Spry widgets, has been compiled by some very smart, Donald Booth to name one, people. Spry is marketed as a JavaScript library.
If it is true that JavaScript is dangerous, why does my bank choose to use JavaScript in their website? Why do Governments all over the world choose to use JavaScript? Why do widgets from Extend Studio, DMXZone, PVII, Webassist, Linecraft etc choose to use JavaScript? In fact this very page that you are viewing shows
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
    <title>Adobe Forums: Spry Widgets...</title>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<script type="text/javascript">
    if (top != self) {
        var isSafeTopUrl = false;
        try {
            var topUrl = top.location.href;
            var topUrlQsIdx = topUrl.indexOf('?');
            if (topUrlQsIdx > 0) {
                topUrl = topUrl.substring(0, topUrlQsIdx);
            topUrl = topUrl.toLowerCase();
            var safeTopUrls = new Array(
                'http://forums.adobe.com/skin-basic.jspa',
                'http://forums.adobe.com/skin-advanced.jspa',
                'http://forums.adobe.com/skin-advanced!UploadSkinZip.jspa',
                'http://forums.adobe.com/skin-palette.jspa',
                'http://forums.adobe.com/skin-palette!start.jspa'
            for (var i = 0; i < safeTopUrls.length; i++) {
                if (safeTopUrls[i].toLowerCase() == topUrl) {
                    isSafeTopUrl = true;
                    break;
        } catch (err) {
        if (!isSafeTopUrl) top.location = location;
</script>
as the first 20 or so lines. Why would they if it is dangerous?
Just a few ponderings and maybe to set the record straight.
Gramps

Spry Widget Wont Load JS to Browser?!?

I have a Spry slide show widget on my website. I have it linked to the root folder and also in a folder for orginazaion reasons. When the page loads I get a lot of JS errors. If I open the file offline it works fine but when uploaded to the server it wont load the JS. I have checked all the links and they are okay. I can even follow the links and they open up the script. Dreamweaver added the JS files so im asuming that the JS codes are correct. The 2 links are http://tylerdickersondesign.com/classic/classic.html & http://tylerdickersondesign.com/classic.html. This is so frustrating!
Here is the my HTML code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="icon" type="image/ico" href="http://www.tylerdickersondesign.com/images/favicon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tyler Dickerson Design</title>
<link href="classic.css" rel="stylesheet" type="text/css" />
<link href="Spry-UI-1.7/css/ImageSlideShow/basicFS/basic_fs.css" rel="stylesheet" type="text/css" />
<script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SprySliderPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFilmStrip.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryThumbnailFilmStripPlugin.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryTitleSliderPlugin.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryPanAndZoomPlugin.js" type="text/javascript"></script>
<style type="text/css">
/* BeginOAWidget_Instance_2141543: #Tyler */
#Tyler {
    width: 650px;
    margin: 24px 0px 0px 0px;
    border: solid 1px #000000;
    background-color: #717c96;
    padding-top: 10px;
#Tyler .ISSName {
    top: -24px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 18px;
    text-transform: none;
    color: #000000;
#Tyler .ISSSlideTitle {
    top: -18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    overflow: hidden;
    color: #000000;
    text-transform: none;
#Tyler .ISSClip {
    height: 400px;
    margin: 0 10px 10px 10px;
    border: solid 1px #333333;
    background-color: #ffffff;
#Tyler .ISSControls {
    top: 11px;
    height: 400px;
#Tyler .FilmStrip {
    height: 80px;
    background-color: #2a3a5b;
#Tyler .FilmStripPreviousButton, #Tyler .FilmStripNextButton {
    width: 25px;
    height: 80px;
#Tyler .FilmStripTrack {
    height: 80px;
#Tyler .FilmStripContainer {
    height: 80px;
#Tyler .FilmStripPanel {
    height: 80px;
    padding-left: 10px;
    margin-right: 0px;
#Tyler .FilmStripPanel .ISSSlideLink {
    margin-top: 10px;
    border: solid 1px #2a3a5b;
    background-color: #2a3a5b;
#Tyler .FilmStripPanel .ISSSlideLinkRight {
    border: solid 1px #404f6b;
    width: 126px;
    height: 50px;
    margin: 4px 4px 4px 4px;
#Tyler .FilmStripCurrentPanel .ISSSlideLink {
    background-color: #59647d;
    border-color: #59647d;
#Tyler .FilmStripCurrentPanel .ISSSlideLinkRight {
    border-color: #404f6b;
/* EndOAWidget_Instance_2141543 */
</style>
<script type="text/xml">

</script>
</head>
<body>
<div class="container">
<div class="header"><a href="http://tylerdickersondesign.com"><img src="images2/l2.png" alt="logo" /></a>
    </div>
    <float>
    <a href="http://www.facebook.com/TylerDickersonDesign"><img src="images2/ft.png"/></a>
    </float>
<div class="sidebar1">
    <ul class="nav">
      <li></li>
      <li></li>
      <li><a href="http://tylerdickersondesign.com/">Home</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Services</a></li>
      <li><a href="http://tylerdickersondesign.com/contact.html">Contact</a></li>
    </ul>
</div>
<div class="content">
    <table width="90%" border="1" cellspacing="0" cellpadding="5">
      <tr>
        <th scope="col"><center>
          <ul id="Tyler" title="">
            <li><a href="images2/1.jpg"><img src="images2/1t.jpg" alt="photos-1.jpg" /></a></li>
            <li><a href="images2/2.jpg"><img src="images2/2t.jpg" alt="photos-10.jpg" /></a></li>
            <li><a href="images2/3.jpg"><img src="images2/3t.jpg" alt="photos-11.jpg" /></a></li>
            <li><a href="images2/4.jpg"><img src="images2/4t.jpg" alt="photos-12.jpg" /></a>
          </ul>
          <script type="text/javascript">
// BeginOAWidget_Instance_2141543: #Tyler
var Tyler = new Spry.Widget.ImageSlideShow("#Tyler", {
    widgetID: "Tyler",
    widgetClass: "BasicSlideShowFS",
    injectionType: "replace",
    autoPlay: true,
    displayInterval: 3000,
    transitionDuration: 2000,
    componentOrder: ["name", "title", "view", "controls", "links"],
    sliceMap: { BasicSlideShowFS: "3slice", ISSSlideLink: "3slice" },
    plugIns: [ Spry.Widget.ImageSlideShow.ThumbnailFilmStripPlugin, Spry.Widget.ImageSlideShow.PanAndZoomPlugin ],
    TFSP: { pageIncrement: 4, wraparound: true }
// EndOAWidget_Instance_2141543
          </script>
        </center>
<p><br />
          </p>
          <h1>Graphic Design</h1>
          <p>Welcome to Tyler Dickerson Design. We take pride in our commitment to the highest degree of excellence in graphic design, web design, and photography. Our goal is to provide each and every client with more than they imagined in terms of design and more than they have experienced in regard to customer service, while at the same time staying within each individual budget we are working with. We offer the highest quality of design that will take your company and clients to the next level. We are committed to achieving excellence. When you hire us as your creative designer, you have taken the first important step to a new way of doing business. Tyler Dickerson Design is a proud, experienced artist of Graphic Design, Web Design, and Photography. Our expertise-based knowledge of marketing, advertising, promotion, logo development, print production processes, and photography are unmatched. Select Tyler Dickerson Design to receive the highest level of personal attention and dedication to detail. We are the creative designers that stand for quality, uniqueness and value. We are quick, flexible, and great listeners.</p>
          <h2>Web Design</h2>
          <p>As your web designer it is our goal to develop elegant and affordable web solutions that enable small to large businesses to establish visibility online, increase sales, and improve productivity. Tyler Dickerson Design provides high-quality, professional web design and online marketing services to small businesses and non-profits at prices that fit their budgets. We work extremely hard to keep prices affordable for our clients, while giving them access to the same web site and marketing services that have always been available to large companies with big budgets.</p>
          <h3>Photography</h3>
          <p>Tyler Dickerson Design explores the connection between the eye, the camera, and the soul by raising the growth of artistic vision and technical knowledge. We strive to capture and deliver the highest quality photographs for our clients, while focusing on the genuine moments of life that are often fleeting and quickly forgotten. We promise to give the maximum level of service to each client, while respecting individual needs. Our hope is to develop a personal connection that supports an ongoing and long-lasting working relationship. </p>
          <p> Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes. </p>
          <p>To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)</p>
          <h4>Marketing Materials</h4>
          <p>Tyler Dickerson Design uses the highest quality materials. We take pride in our work and want our clients to be 100% satisfied with their experience with us. Give us a chance to astonish you. </p></th>
      </tr>
    </table>
    <h1> </h1>
</div><br />
</wrap>
<div class="footer">
    <p><center><small>© 2013 Tyler Dickerson Design. All Rights Reserved.</center></p>
    </div>
</div>
</body>
</html>
Thanks guys!

It seems to function correctly here on my Windows 7 machine in...
Firefox 16
IE9
Opera 12.11
Chrome 24
Safari 5.1.7
There are a few errors in your HTML that could be causing an issue for you in an older browser. Make sure to clean them up after running the validator here:
http://validator.w3.org/

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.Widget.AutoSuggest is not working (1.6)

Hi Everyone,
I been trying to get the Autosuggest widget to work for a
while now with no result. I have an XML data set created and it is
displaying out the results on my page, however, when it comes to
start the Autosuggest, Firebug catches an error saying that the
Spry.Widget has no properties. And IE7 an expected char ";" in char
5 od that same line.
I wam adding my code, hoping someone can help me out solve
this little bug.
Thanks.
<head>
<script language="JavaScript" type="text/javascript"
src="../SpryAssets/xpath.js"></script>
<script language="JavaScript" type="text/javascript"
src="../SpryAssets/SpryData.js"></script>
<script language="JavaScript" type="text/javascript"
src="../SpryAssets/SpryAutoSuggest.js"></script>
<link href="../SpryAssets/SpryAutoSuggest.css"
rel="stylesheet" type="text/css" />
<script type="text/javascript">
var ds1 = new Spry.Data.XMLDataSet("spryxmltest.php",
"/Manuals/ManualsContained");
</script>
</head>
<body>
<div id="mySuggest" class="container" style="float:
left;">
<form method="get" action="test.php">
<input type="text" id="ModelsContained"
name="ModelsContained"/>
<div id="resultsDIV" spry:region="ds1">
<div spry:repeat="ds1"
spry:suggest="{ds1::ModelsContained}">
<div class="list">{ModelsContained}</div>
</div>
</div>
</form>
</div>
<script type="text/javascript">
var theSuggest = new
Spry.Widget.AutoSuggest('mySuggest','resultsDIV','ds1','ModelsContained',
{hoverSuggestClass: "hover", minCharsType: 2, containsString: true,
maxListItems: 20});
</script>
</body>

Hi,
if you get that error Spry.Widget has no properties, this
means that the spryAutosuggest.js file is not correctly included in
page. Please check if you have the good path to this js file.
thanks,
Diana

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

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

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.

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

Can't add spry widget to page created from dreamweaver template

Please help! I have created a template in Dreamweaver and
from that template I have created an html page. I want to add
different tabbed and/or accordion spry widgets to multiple pages
however I keep getting an error when I try to add a widget to an
editable region. I can add the widgets to the dwt file, but I do
not want the same widget on all pages created from that template.
Please advise!
Thanks
cycleguy

If that's all that's on the child page you are in trouble.
Anyhow, it appears to me that the template has not been
properly created
since I do not also see an editable region around the
<title> tag in your
code. Please read my previous post and follow the
instructions.
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
==================
"cycleguy" <[email protected]> wrote in
message
news:fu01pk$s7k$[email protected]..
> Thank you for your reply.
> I started with one of the built-in templates offered in
Dreamweaver then
> added
> additional div's and formatting then saved it as a dwt
file and created my
> html
> page from that template. I did not start the page from
scratch. Below is
> my
> source code from the child 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>Untitled Document</title>
> <style type="text/css">
> <!--
> body {
>

Add Spry Widgets to Dreamweaver Insert Bar

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.
Thank you!
Dameon

For the dreamweaver related questions, i think u have more
luck ( & faster awnser) asking it in the Dreamweaver forum
selection that can be found here;
http://www.adobe.com/cfusion/webforums/forum/index.cfm?forumid=12

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

Spry.Widget.HTMLPanel evalScripts: true

Similar Messages

Maybe you are looking for