4 Replies Latest reply on Apr 15, 2010 7:52 AM by osgood_

    class is no longer valid

    jandy48 Level 1

      Hi,I have been working mostly in Flash and only two days in Dreamweaver CS4. I recently  started a project that was based on a Tutorial for CS3

      that is called a panning widget. It look like something I can use, however, when I save all I get an error indication the class"navigator" is no longer valid.

      I'm assuming that CS4 has a new class for this function but I'm not sure how to access or change it.

      Thanks for your help


      I have highlighted the code that seems to be creating a problem

      <!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">
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <title>Untitled Document</title>
      <script type="text/javascript" src="SprySlidingPanels.js"></script>
      <style type="text/css">
      .Widget {
          background-image: url(Tutorial%20Sample%20Files/Televisions.gif);
          position: absolute;
          height: 570px;
          width: 690px;
          left: 200px;
          top: 50px;
      .ImageMap {
          position: absolute;
          height: 150px;
          width: 315px;
          left: 175px;
          top: 58px;
      .ViewFinder {
          position: absolute;
          height: 250px;
          width: 350px;
          left: 158px;
          top: 251px;
      <link href="Tutorial Sample Files/SprySlidingPanels.css" rel="stylesheet" type="text/css" />
      <style type="text/css">
      body {
          background-color: #333333;
      <div class="Widget">
      <div class="ImageMap"><img src="Tutorial Sample Files/RobotLounge.jpg" alt="Robot Lounge" width="315" height="150" border="0" usemap="#Map" />
        <map name="Map" id="Map">
          <area shape="rect" coords="0,0,105,75" href="#"onclick=navigator.showpanel(0);return false />
          <area shape="rect" coords="105,0,210,75" href="#"onclick=navigator.showpanel(1);return false />
          <area shape="rect" coords="210,0,315,75" href="#"onclick=navigator.showpanel(2);return false />
          <area shape="rect" coords="0,75,105,150" href="#"onclick=navigator.showpanel(3);return false />
          <area shape="rect" coords="105,75,210,175" href="#"onclick=navigator.showpanel(4);return false />
          <area shape="rect" coords="210,75,315,175" href="#"onclick=navigator.showpanel(5);return false />
      <div class="ViewFinder">
      <div id="ViewFinder">
      <div id="navigator"class="SlidingPanelContentGroup">
      <div id="navigator" class"SlidingPanels">
      <div class="SlidingPanelsContentGroup">
        <div id="Panel0" class = SlidingPanelsContent"><img src="images/RobotLounge_01.jpg" width="350" height="250" /></div>
        <div id="Panel1" class = SlidingPanelsContent"><img src="images/RobotLounge_02.jpg" width="350" height="250" /></div>
        <div id="Panel2" class = SlidingPanelsContent"><img src="images/RobotLounge_03.jpg" width="350" height="250" /></div>
        <div id="Panel3" class = SlidingPanelsContent"><img src="images/RobotLounge_04.jpg" width="350" height="250" /></div>
        <div id="Panel4" class = SlidingPanelsContent"><img src="images/RobotLounge_05.jpg" width="350" height="250" /></div>
        <div id="Panel5" class = SlidingPanelsContent"><img src="images/RobotLounge_06.jpg" width="350" height="250" /></div>
      </div><script type="text/javascript">
      var navigator = new Spry.Widget.SlidingPanels('navigator');