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">
<!--
<oa:widgets>
  <oa:widget wid="2141543" binding="#Tyler" />
</oa:widgets>
-->
</script>
</head>
<body>
<div class="container">
  <div class="header"><a href="http://tylerdickersondesign.com"><img src="images2/l2.png" alt="logo" /></a>
    <!-- end .header --></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>
  <!-- end .sidebar1 --></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>
  <!-- end .content --></div><br />
</wrap>
  <div class="footer">
    <p><center><small>© 2013 Tyler Dickerson Design. All Rights Reserved.</center></p>
    <!-- end .footer --></div>
  <!-- end .container --></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/

Similar Messages

  • Websites wont load in any browser on my mac

    Hey guys,
         I am runnuing safari 6.0.1 and it was working fine but then it started acting up and now it just wont load any site except for google. When i type in an adress it will show as if it were loading but the blue would just stop near the begining of the bar. When i load google or make a search it will work but if i want  to click a like it the link i click on will not load.
         If I restart my computer though it will work again but about 1-2 hours later it will go back to doing the same thing
         This problem is not only in safari it is in every browser, even in mail or messages it will only load gmail or google talk, very wierd.
    Hope you guys can help
    Thanks in advance

    Please read this whole message before doing anything.
    This procedure is a diagnostic test. It’s unlikely to solve your problem. Don’t be disappointed when you find that nothing has changed after you complete it.
    The purpose of the test is to determine whether the problem is caused by third-party software that loads automatically at startup or login. 
    Disconnect all wired peripherals except those needed for the test, and remove all aftermarket expansion cards. Boot in safe mode* and log in to the account with the problem. The instructions provided by Apple are as follows:
    Shut down your computer, wait 30 seconds, and then hold down the shift key while pressing the power button.
    When you see the gray Apple logo, release the shift key.
    If you are prompted to log in, type your password, and then hold down the shift key again as you click  Log in.
    *Note: If FileVault is enabled under OS X 10.7 or later, or if a firmware password is set, or if the boot volume is a software RAID, you can’t boot in safe mode. Safe mode is much slower to boot and run than normal, and some things won’t work at all, including wireless networking on certain Macs. The next normal boot may also be somewhat slow.
    The login screen appears even if you usually log in automatically. You must know your login password in order to log in. If you’ve forgotten the password, you will need to reset it before you begin. Test while in safe mode. Same problem? After testing, reboot as usual (i.e., not in safe mode) and verify that you still have the problem. Post the results of the test.

  • Accordion Spry Widget default loading behaviour

    Am using the accordion spry widget to display some
    spring/summer courses and
    I need all panels closed when the page first loads. I've
    tried to find the
    relevant code, but have not been successful in changing it to
    make this
    work. If I change the behaviour of the 'this.defaultPanel'
    the whole
    accordion stops working. How can I change the accordion
    behaviour to have
    all panels closed at page load?
    Thanks for any help.
    Marianne

    Hello! I have been reading up on this and playing around with
    the code for a few hours now and I can't seem to make it work.
    Basically I would like to have the accordion load collapsed, and
    get rid of the fixed height. Any clue what I'm missing?
    Thanks!
    Hello! I have been reading up on this and playing around with
    the code for a few hours now and I can't seem to make it work.
    Basically I would like to have the accordion load collapsed, and
    get rid of the fixed height. Any clue what I'm missing?
    Thanks!
    <!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>Lorem Ipsum : about us</title>
    <style type="text/css">
    <!--
    -->
    </style>
    <script src="SpryAssets/SpryAccordion.js"
    type="text/javascript"></script>
    <script type="text/javascript">
    <!--
    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
    .indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr;
    for(i=0;a&&i<a.length&&(x=a
    )&&x.oSrc;i++) x.src=x.oSrc;
    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[n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++)
    x=MM_findObj(n,d.layers
    .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))!=null){document.MM_sr[j++]=x;
    if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    //-->
    </script>
    <link href="css/main.css" rel="stylesheet" type="text/css"
    />
    <style type="text/css">
    <!--
    -->
    </style>
    <link href="SpryAssets/SpryAccordion.css" rel="stylesheet"
    type="text/css" />
    <style type="text/css">
    <!--
    a:link {
    color: #036;
    text-decoration: none;
    a:visited {
    text-decoration: none;
    color: #036;
    a:hover {
    text-decoration: none;
    color: #FFF;
    a:active {
    text-decoration: none;
    color: #036;
    -->
    </style></head>
    <body
    onload="MM_preloadImages('images/menu_images/nav_a2_f2.jpg','images/menu_images/nav_a3_f2 .jpg','images/menu_images/nav_a4_f2.jpg','images/menu_images/nav_a5_f2.jpg','images/menu_i mages/nav_a6_f2.jpg')">
    <div id="homebg">
    <div id="spry1">
    <div id="Accordion2" class="Accordion" tabindex="0">
    <div class="AccordionPanel">
    <div class="AccordionPanelTab"><img
    src="images/spry_background/about_spry1.jpg" width="747"
    height="35" alt="Vision / Purpose / Mission" /></div>
    <div class="AccordionPanelContent">
    <table width="744" height="179" border="0">
    <tr>
    <td width="95" height="175"> </td>
    <td width="581" valign="top"
    bgcolor="#C2CAD2"><p><strong>Vision:</strong>
    Lorem Ipsum Dolor</p>
    <p><strong>Purpose:</strong> Lorem ipsum
    dolor.</p></td>
    <td width="54"> </td>
    </tr>
    </table>
    </div>
    </div>
    <div class="AccordionPanel">
    <div class="AccordionPanelTab"><img
    src="images/spry_background/about_spry2.jpg" width="746"
    height="34" alt="Guiding Principles / Core Values"
    /></div>
    <div class="AccordionPanelContent">
    <table width="744" height="388" border="0">
    <tr>
    <td width="95"> </td>
    <td width="581" valign="top"
    bgcolor="#C2CAD2"><p><strong>Integrity</strong><br
    />
    Lorem Ipsum</p>
    <p><strong>Understanding</strong><br
    />
    Lorem Ipsum</p>
    <p> <strong>Innovation</strong><br
    />
    Lorem Ipsum</p>
    <p><strong>Perseverance</strong><br
    />
    Lorem Ipsum</p>
    <p><strong>Simplicity</strong><br />
    Lorem Ipsum</p>
    <p> <strong>Lorem
    Ipsum</strong></p></td>
    <td width="54"> </td>
    </tr>
    </table>
    </div>
    </div>
    <div class="AccordionPanel">
    <div class="AccordionPanelTab"><img
    src="images/spry_background/about_spry3.jpg" width="746"
    height="34" alt="Lorem Ipsum" /></div>
    <div class="AccordionPanelContent">
    <table width="744" height="388" border="0">
    <tr>
    <td width="95"> </td>
    <td width="581" valign="top"
    bgcolor="#C2CAD2"><p><strong>Lorem
    Ipsum</strong><br />
    <br />
    <br />
    <a href="mailto:blahblah</a></p>
    <p><strong>Lorem Ipsum</strong><br
    />
    <br />
    <br />
    <a href="mailto:blahblah"</a></p>
    <p><strong></strong><br />
    Manager<br />
    9<br />
    <a href="mailto:blahblah</a></p></td>
    <td width="54"> </td>
    </tr>
    </table>
    </div>
    </div>
    </div>
    <h6></h6>
    </div>
    <div id="text">
    <h1>about us
    <p>Lorem Ipsum </h1>
    <p> </p>
    </div>
    <img src="images/bg_images/bg_interior.jpg" width="1374"
    height="931" /></div>
    <script type="text/javascript">
    <!--
    var Accordion2 = new Spry.Widget.Accordion("Accordion2", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    //-->
    </script>
    </body>
    </html>

  • Widget wont load/work

    i created a widget using a library, HTML, CSS, JS, when i preview the widget in my iPad only load the default.png...
    here's a link to the widget, https://mega.co.nz/#!uAQQHAhC!rZYx-QAaU_2uJb0Dal9SQxDy-M24M3PRSM5FtdGY3MY

    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/

  • FB wont load in any browser but others can alos google works in explorer but not firefox

    have tried to clear catche and cookies and history also have tried to uninstall and reinstall no luck my java is working also on other sites this isnt making any sence as to why facebook wont its been like this for three days keeps saying the connection was innterupited pleease help

    Do a malware check with several malware scanning programs on the Windows computer.
    Please scan with all programs because each program detects different malware.
    All these programs have free versions.
    Make sure that you update each program to get the latest version of their databases before doing a scan.
    *Malwarebytes' Anti-Malware:<br>http://www.malwarebytes.org/mbam.php
    *AdwCleaner:<br>http://www.bleepingcomputer.com/download/adwcleaner/<br>http://www.softpedia.com/get/Antivirus/Removal-Tools/AdwCleaner.shtml
    *SuperAntispyware:<br>http://www.superantispyware.com/
    *Microsoft Safety Scanner:<br>http://www.microsoft.com/security/scanner/en-us/default.aspx
    *Windows Defender:<br>http://windows.microsoft.com/en-us/windows/using-defender
    *Spybot Search & Destroy:<br>http://www.safer-networking.org/en/index.html
    *Kasperky Free Security Scan:<br>http://www.kaspersky.com/security-scan
    You can also do a check for a rootkit infection with TDSSKiller.
    *Anti-rootkit utility TDSSKiller:<br>http://support.kaspersky.com/5350?el=88446
    See also:
    *"Spyware on Windows": http://kb.mozillazine.org/Popups_not_blocked
    *https://support.mozilla.org/kb/troubleshoot-firefox-issues-caused-malware

  • Wont load image in browser or on kiosk using flash player 9?

    I have made an swf that runs on a kiosk. It has a huge
    panoramic view that people can scroll from side to side and the
    such. It plays perfectly on this computer and at my home. But when
    I load it onto the kiosk it was meant for which uses winxp and
    flashplayer 9 to run the file; the panoramic view is just a red
    background. I have it set to export hidden files? (not sure what
    that means) Of course I'm desperate for a solution!:) Any help or
    direction to find a solution would be greatly appreciated. (I'm
    only a novice)
    Edit: I might add that the jpg file is huge 13200x768 if that
    helps?
    Edit: The picture doesn't load but you can tell it's
    scrolling from side to side just showing a red background
    color?

    NO !
    You should have ONLY one MAIN projector file that loads
    external SWF files.
    So in your main projector file you will have commands like
    loadMovieNum("name.swf",0)
    That should help you.
    If you need more control over your projector file, i.e not
    right click or
    top menus, disable esc key esc, then please look at
    Jugglor
    http://www.jugglor.com
    Regards
    FlashJester Support Team
    e. - [email protected]
    w. - www.flashjester.com
    "This has been one of the most impressive and thoroughly
    pleasant
    experiences of customer support I have ever come across -
    astounding!"
    Director - hedgeapple

  • Flash banner on website wont load until browser is refreshed??

    I am having this problem on a website where the flash banners for each  page wont load in any browser until you either refresh F5 the page or  try re-clicking the page nav links a few times. Once loaded they are fine, but if browser's cache is cleared, no go. http://udornthara.com
    Some research suggested "Usually this happens if there are a lot of  linkaged objects in the library with 'Export in first frame' option  enabled. If this is the case, please disable this option. The problem is  not in the quantity of the linkaged movieclips with 'Export in first  frame' option enabled, the problem is the size of the objects which are  linkaged."
    I have de-compiled the SWF and checked out the library, but really have  no idea in regards to Flash files and their construction as to what is  or isn't an issue.
    If anyone has any information on this problem, advice, or steps to take, would be much appreciated.
    The file has 4 images, 8 shapes, 7 frames (of which 0-6 are 'loading...') and 5 scripts.
    Many Thanks...

    // Action script...
    // [Action in Frame 3]
    bar._xscale = 1;
    // [Action in Frame 5]
    bar._xscale = 100 / getBytesTotal() * getBytesLoaded();
    _root.display = math.floor(100 / getBytesTotal() * getBytesLoaded());
    if (_framesloaded == _totalframes)
        play ();
    else
        setProperty("", _currentframe, --_currentframe);
        setProperty("", _currentframe, _currentframe);
        setProperty("", _currentframe, --_currentframe);
        gotoAndPlay(_currentframe);
    } // end else if
    // [Action in Frame 6]
    gotoAndPlay(7);
    // [Action in Frame 7]
    stop ();

  • Spry 1.6.1 tab widget doesnt work on any browser

    hello
    from dreamwaever CS4 > spry 1.6.1 tab widget doesnt work
    on any browser. i guess the framework need to be fixed as some file
    might hv been wrongly packed.

    Fix your markup issues:
    http://validator.w3.org/check?uri=http%3A%2F%2Fmeeting.afrinic.net%2Fafrinic-10%2Fagenda2x .htm&charset=(detect+automatically)&doctype=Inline&group=0
    Also, your page gives a javascript error, caused by those
    script blocks:
    <script src="demo1_files/urchin.js"
    type="text/javascript">
    </script>
    <script type="text/javascript">
    _uacct = "UA-1848067-8";
    urchinTracker();
    var TabbedPanels1 = new
    Spry.Widget.TabbedPanels("TabbedPanels1");
    </script>
    demo1_files/urchin.js is missing on your server so doing a
    urchinTracker(); will resolve in an error, and stopping the browser
    from executing JavaScript

  • Media wont load or freezes when viewing in Premiere Pro CS6 Media Browser

    Adobe support contacted me on the phone and said that its a known issue if you have multiple formats or codecs when you try to view media in browser in Premiere Pro CS6 & Prelude it wont load or it will freeze. The Adobe support Tech said he would call back, but had  to further research the issue. Its been over 3 weeks and I  never heard back?
    Premiere Pro CS6 & Prelude when trying to view media in browser wont load or it freezes during viewing in media browser. I downloaded CC version and it works fine in both app. I reinstalled both Premiere Pro CS6 & Prelude app to rule that out, deleted pref as well.
    27-inch iMac, 3.5 GHz Intel Core i7, 32 GB 1600 MHz DDR3, OS X 10.9.5 running Premiere Pro CS6 & Prelude
    I have been a long time customer of Adobe products and I hope this issue gets resolved asp!!!
    Message was edited by: Kevin Monahan
    Reason: shortened the title

    Hi Zencuts,
    When you try to view media in browser in Premiere Pro CS6 & Prelude it wont load or it will freeze.
    I'm not seeing that behavior with various kinds of media. If it's a known issue, it's the first I've heard of that.
    Do you have the latest update of Premiere Pro CS6 and Prelude CS6? You can try Help > Updates to make sure. I see you have an iMac on OS X 10.9. What kind of media are you using? Which GPU is in the iMac? Have you updated the drivers recently?
    Your issues may well have to do with your installation of OS X, as well. Certain ways of updating to OS X 10.9 can reset permissions in your Adobe folders so that can cause problems. See this doc: Premiere Pro CC, CC 2014, or 2014.1 freezing on startup or crashing while working (Mac OS X 10.9, and later)
    The Adobe support Tech said he would call back, but had  to further research the issue. Its been over 3 weeks and I  never heard back?
    I'm not sure how you got through to support with a CS6 issue, as phone and chat support is no longer available for CS6 users (except installation issues in the first 90 days and activation issues thereafter). Forums are the only option for support for CS6 users, sorry. That said, the agent should not have promised you a call back and not followed up in some form or fashion. I will see if I can look up the case and let the agent know their error.
    Thanks,
    Kevin

  • My desktop icon for firefox when double clicked wont load the browser?

    My firefox browser wont load when clicking the desktop icon...i have uninstalled and reinstalled ( i have done this 3 times) and it will work for a day then it doesnt work again. Im at my witts end and im about to go back to IE.

    i think i figured it out, at least for now. I installed Adobe reader about a week ago so i could retrieve my w-2's, and i dont think Fire fox liked it. I uninstalled Adobe reader and fire fox and then reinstalled fire fox and all seems to be well again. We will see...Thanks

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

  • CS3 DW, CSS templates, Spry widgets

    Hello--I'd appreciate any comments/advice. I created a new
    website using CS3 templates with CSS that came with the application
    and used the Spry widgets, horizontal navibar and tabbed panels.
    The site loads in all of the browsers fine; but, it sometimes does
    not allow movement from one navibutton to the next...like the
    navibar gets stuck on the previous button and/or the browser
    crashes (IE). Any thoughts? Thanks!

    Post a link to one of these pages, please.
    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
    ==================
    "ARCCHARI" <[email protected]> wrote in
    message
    news:glas3n$81l$[email protected]..
    > Hello--I'd appreciate any comments/advice. I created a
    new website using
    > CS3
    > templates with CSS that came with the application and
    used the Spry
    > widgets,
    > horizontal navibar and tabbed panels. The site loads in
    all of the
    > browsers
    > fine; but, it sometimes does not allow movement from one
    navibutton to the
    > next...like the navibar gets stuck on the previous
    button and/or the
    > browser
    > crashes (IE). Any thoughts? Thanks!
    >

  • Slideshow Spry won't show up in browser

    Hello,
    I've been trying to add a slideshow to a page and it will show up in the live preview but not in the browser. I've tried two different spry slideshow widgets and have had the same issue with both. I've read through many other discussions here on this problem but none of the solutions discussed have fixed it. I've tried changing the link to the main js file to an absolute link directly to Adobe but then I just get a javascript error when I try to open the page (http://www.ecs.org/html/aboutECS/AwardsWinners-TEST.htm). Right now the image are just showing up as bullets.
    Here is the code for the page:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>ECS Award Winners</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic|Open+Sans:400,400italic,600,600italic,700,700italic|Yanone+Kaffeesatz:200,300,400,700' rel='stylesheet' type='text/css'>
    <link href="../../css/IssueStyles.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/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/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/SpryPanAndZoomPlugin.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css">
    <link href="Spry-UI-1.7/css/SpryImageSlideShow.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    /* BeginOAWidget_Instance_2141542: #ImageSlideShow */
    #ImageSlideShow.ImageSlideShow {
        width: 662px;
        height: 432px;
        border: solid 1px #000000;
    #ImageSlideShow .ISSClip {
        background-color: #000000;
    /* EndOAWidget_Instance_2141542 */
    </style>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2141542" binding="#ImageSlideShow" />
    </oa:widgets>
    -->
    </script>
    </head>
    <body>
    <!--#include file="../../Library/header.html"-->
    <table width="1100" border="0" cellspacing="7">
      <tr align="center" valign="middle">
        <td height="30"  colspan="2" align="left">
          <span class="pathDarkBlueBig">ECS Award Winners</span>
        </td>
      </tr>
      <tr>
        <td width="200" align="left" valign="top"><!--#include file="Library/aboutECS-links.htm" --></td>
        <td width="81%"  valign="top"><table width="100%" border="0">
          <tr>
            <td><ul id="ImageSlideShow">
              <li><a href="awards/photos/kolderie.jpg"><img src="awards/photos/thumbnails/kolderie.jpg" alt="" /></a></li>
              <li><a href="awards/photos/ecs-0260.jpg"><img src="awards/photos/thumbnails/ecs-0260.jpg" alt="" /></a></li>
              <li><a href="awards/photos/ecs-0266.jpg"><img src="awards/photos/thumbnails/ecs-0266.jpg" alt="" /></a></li>
              <li><a href="awards/photos/exxon-award.jpg"><img src="awards/photos/thumbnails/exxon-award.jpg" alt="" /></a></li>
              <li><a href="awards/photos/new-england-award.jpg"><img src="awards/photos/thumbnails/new-england-award.jpg" alt="" /></a></li>
            </ul>
              <script type="text/javascript">
    // BeginOAWidget_Instance_2141542: #ImageSlideShow
    var ImageSlideShow = new Spry.Widget.ImageSlideShow("#ImageSlideShow", {
        widgetID: "ImageSlideShow",
        injectionType: "replace",
        autoPlay: true,
        displayInterval: 4000,
        transitionDuration: 2000,
        componentOrder: ["view", "controls"],
        plugIns: [  ]
    // EndOAWidget_Instance_2141542
              </script></td>
          </tr>
        </table>
    <<< --- deleted all the other code for the collabsible panels here  -- >>>
    <!--#include file="../../Library/footer.html"-->
    <script type="text/javascript">
    var CollapsiblePanel17 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel17", {contentIsOpen:false});
    var CollapsiblePanel18 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel18", {contentIsOpen:false});
    var CollapsiblePanel19 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel19", {contentIsOpen:false});
    var CollapsiblePanel20 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel20", {contentIsOpen:false});
    var CollapsiblePanel22 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel22", {contentIsOpen:false});
    </script>
    </body>
    </html>
    Thank you to anyone who can help me figure this out.

    None of the below javascript files found on your server which you include in your code:
    http://www.ecs.org/html/aboutECS/Spry-UI-1.7/includes/SpryDOMUtils.js
    http://www.ecs.org/html/aboutECS/Spry-UI-1.7/includes/SpryDOMEffects.j s
    http://www.ecs.org/html/aboutECS/Spry-UI-1.7/includes/SpryWidget.js
    http://www.ecs.org/html/aboutECS/Spry-UI-1.7/includes/SpryPanelSet.js
    http://www.ecs.org/html/aboutECS/Spry-UI-1.7/includes/SpryFadingPanels .js
    http://www.ecs.org/html/aboutECS/Spry-UI-1.7/includes/SpryImageLoader. js
    http://www.ecs.org/html/aboutECS/Spry-UI-1.7/includes/SpryImageSlideSh ow.js
    Post working link for above javascript file

  • My VerticalTabs Spry widget not working - help

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

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

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

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

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

Maybe you are looking for