?
Solved

Spry Sliding Panels not working in Firefox

Posted on 2010-01-12
1
Medium Priority
?
1,168 Views
Last Modified: 2013-12-07
I'm working on a project that has a sliding panel area. It was made using the Adobe Spry framework. Unfortunately, the panels do not render correctly in firefox, but work fine in IE, Safari, and Chrome.

Any Ideas???

The page is at http://www.upgradeyourbusiness.com/gcwe/

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>Welcome to GCWE | Graduate Center for Worker Education</title> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<link rel="shortcut icon" href="/gcwe/misc/favicon.ico" type="image/x-icon" /> 
  <link type="text/css" rel="stylesheet" media="all" href="/gcwe/modules/aggregator/aggregator.css?y" /> 
<link type="text/css" rel="stylesheet" media="all" href="/gcwe/modules/node/node.css?y" /> 
<link type="text/css" rel="stylesheet" media="all" href="/gcwe/modules/system/defaults.css?y" /> 
<link type="text/css" rel="stylesheet" media="all" href="/gcwe/modules/system/system.css?y" /> 
<link type="text/css" rel="stylesheet" media="all" href="/gcwe/modules/system/system-menus.css?y" /> 
<link type="text/css" rel="stylesheet" media="all" href="/gcwe/modules/user/user.css?y" /> 
<link type="text/css" rel="stylesheet" media="all" href="/gcwe/sites/all/themes/gcwe_new/style.css?y" /> 
  <script src="/gcwe/sites/all/themes/gcwe_new/SpryAssets/SpryMenuBar.js" type="text/javascript"></script> 
<link href="/gcwe/sites/all/themes/gcwe_new/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> 
<!-------------------------------------------------------------------> 
<link rel="stylesheet" type="text/css" href="/gcwe/sites/all/themes/gcwe_new/SpryAssets/SprySlidingPanels.css"/> 
<script src="/gcwe/sites/all/themes/gcwe_new/SpryAssets/SprySlidingPanels.js" type="text/javascript"></script> 
<!-------------------------------------------------------------------> 
<link rel="stylesheet" type="text/css" href="/gcwe/sites/all/themes/gcwe_new/SpryAssets/contentslider.css" /> 
<script type="text/javascript" src="/gcwe/sites/all/themes/gcwe_new/SpryAssets/contentslider.js"> 
 
/***********************************************
* Featured Content Slider- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
 
</script> 
<style type="text/css"> 
<!--
@import url("style.css");
-->
</style> 
<link rel="stylesheet" type="text/css" href="SpryAssets/SprySlidingPanels.css"/> 
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> 
<script src="SpryAssets/SprySlidingPanels.js" type="text/javascript"></script> 
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> 
</head> 
 
<body> 
<div class="wrapper"> 
<div id="header_container"> 
<div id="header"> 
<div id="header_top"> 
<div id="sponsor"> 
Sponsored by Brooklyn College | CUNY<br /> 
<img src="/gcwe/sites/all/themes/gcwe_new/images/bc-cuny_logo.jpg" /></div> 
<div id="site-name"> 
<a href="/gcwe/"> 
Graduate Center<br /> 
for Worker Education
</a> 
</div> 
</div><!-- HEADER TOP ENDS!--> 
<div id="nav_bar"> 
<div id="block-block-15" class="block block-block"> 
 
 
  <div class="block-content"><ul id="MenuBar1" class="MenuBarHorizontal"> 
<li><a href="/gcwe/">Home</a></li> 
<li><a class="MenuBarItemSubmenu" href="#">Programs</a> 
<ul> 
<li><a href="/gcwe/programs/political-science">Political Science</a></li> 
<li><a href="/gcwe/programs/health-and-nutrition">Health &amp; Nutrition Science</a></li> 
<li><a href="/gcwe/programs/internships">Interships</a></li> 
<li><a href="/gcwe/programs/paralegal-certificate">Paralegal Certificate</a></li> 
</ul> 
</li> 
<li><a class="MenuBarItemSubmenu" href="#">Student Info</a> 
<ul> 
<li><a href="/gcwe/student-info/prospective-students">Prospective Students</a></li> 
<li><a href="/gcwe/student-info/current-students">Current Students</a></li> 
<li><a href="/gcwe/student-info/registration-info">Registration Information</a></li> 
<li><a href="/gcwe/student-info/course-description">Course Description</a></li> 
<li><a href="/gcwe/student-info/fall-09-course-schedule">Course Schedule</a></li> 
</ul> 
</li> 
<li><a class="MenuBarItemSubmenu" href="#">Events</a> 
<ul> 
<li><a href="/gcwe/events/calendar-09">Calendar 2009</a></li> 
<li><a href="/gcwe/events/events">Events</a></li> 
<li><a href="/gcwe/events/class-trips">Class Trips</a></li> 
<li><a href="/gcwe/events/featured-story">Featured Story</a></li> 
</ul> 
</li> 
<li><a class="MenuBarItemSubmenu" href="#">About GCWE</a> 
<ul> 
<li><a href="/gcwe/about-gcwe/history">History</a></li> 
<li><a href="/gcwe/about-gcwe/faculty">Faculty</a></li> 
<li><a href="/gcwe/about-gcwe/gcwe-facility">GCWE Facility</a></li> 
<li><a href="/gcwe/about-gcwe/employment-opportunities">Employment Opportunites</a></li> 
</ul> 
</li> 
<li><a href="/gcwe/contact-us">Contact Us</a></li> 
</ul> 
</div> 
</div></div> 
</div><!-- HEADER ENDS!--> 
</div><!-- HEADER CONTAINER ENDS !-->            
        
<div id="page_container"> 
 
<div id="main_container"> 
<div id="sidebar_right"> 
<div id="block-block-7" class="block block-block"> 
 
  <h2 class="block-title">Student Stories</h2> 
 
  <div class="block-content"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
 codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,18,0" width="225" height="165" id="FLVPlayer" align="middle"> 
  <param name="movie" value="http://swfmachine.com/skins/FLVPlayer_Streaming.swf" /> 
  <param name="allowFullScreen" value="true" /> 
  <param name="FlashVars" value="&MM_ComponentVersion=1&serverName=mmpros.rtmphost.com&skinName=http://swfmachine.com/skins/clearSkin1&appName=zz100188/_definst_&streamName=greenscreen1&isLive=false&bufferTime=1&autoPlay=true&autoRewind=false" /> 
  <embed src="http://swfmachine.com/skins/FLVPlayer_Streaming.swf" flashvars="&MM_ComponentVersion=1&serverName=mmpros.rtmphost.com&skinName=http://swfmachine.com/skins/clearSkin1&appName=zz100188/_definst_&streamName=greenscreen1&isLive=false&bufferTime=1&autoPlay=false&autoRewind=false" allowFullScreen="true"  name="FLVPlayer" type="application/x-shockwave-flash" pluginspage="www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" /> 
</embed></object></div> 
</div><div id="block-block-20" class="block block-block"> 
 
 
  <div class="block-content"><p><img src="/gcwe/sites/all/themes/gcwe_new/images/applynow_img.jpg" /></p> 
</div> 
</div><div id="block-block-21" class="block block-block"> 
 
 
  <div class="block-content"><p><img src="/gcwe/sites/all/themes/gcwe_new/images/facebook_img.jpg" /></p> 
</div> 
</div><div id="block-block-22" class="block block-block"> 
 
 
  <div class="block-content"><p><img src="/gcwe/sites/all/themes/gcwe_new/images/londontrips_img.jpg" /></p> 
</div> 
</div><div id="block-block-8" class="block block-block"> 
 
 
  <div class="block-content"><div class="text"> 
<h3 class="title">Featured Story</h3> 
<p><img src="/gcwe/sites/all/themes/gcwe_new/images/featured-story_img.jpg" style=" padding-bottom:6px;" /></p> 
<h4 class="sub-title">Taking the Bull by the Horns</h4> 
<p>This spring the Graduate Center for Worker Education will celebrate its twenty-fifth anniversary at a new address: 25 Broadway.<br /> 
<a href="http://workereducation.org/files/docs/bull_by_the_hornsLR.pdf" style="color:#65b2d6;">Read More</a></p> 
<p>&nbsp;</p> 
</div> 
</div> 
</div><div id="block-block-10" class="block block-block"> 
 
 
  <div class="block-content"><p><img src="/gcwe/sites/all/themes/gcwe_new/images/publications_img.jpg" /></p> 
</div> 
</div></div><!-- SIDEBAR ENDS!--> 
<div id="content_container"> 
                        <div id="home-top">     
<div id="slider1" class="sliderwrapper"> 
<div id="paginate-slider1" class="pagination"> 
</div>   
<div class="contentdiv"> 
<p><img src="/gcwe/sites/all/themes/gcwe_new/images/Content_upper.jpg" height="343" width="662" /></p> 
</div><div class="contentdiv"> 
<p><img src="/gcwe/sites/all/themes/gcwe_new/images/Content_upper2.jpg" height="343" width="662" /></p> 
</div><div class="contentdiv"> 
<p><img src="/gcwe/sites/all/themes/gcwe_new/images/Content_upper.jpg" height="343" width="662" /></p> 
</div><div class="contentdiv"> 
<p><img src="/gcwe/sites/all/themes/gcwe_new/images/Content_upper2.jpg" height="343" width="662" /></p> 
</div> 
</div> 
 
<script type="text/javascript"> 
 
featuredcontentslider.init({
id: "slider1", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
enablefade: [true, 0.1], //[true/false, fadedegree]
autorotate: [true, 4000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
 
</script> 
 
</div><div id="home-middle"> 
<div id="hmiddle-nav"> 
<a href="#" onclick="sp1.showPanel(0); return false;">Monday</a> |
<a href="#" onclick="sp1.showPanel(1); return false;">Tuesday</a> |
<a href="#" onclick="sp1.showPanel(2); return false;">Wednesday</a> |
<a href="#" onclick="sp1.showPanel(3); return false;">Thursday</a> 
</div> 
 
<div id="SlidingPanels1" class="SlidingPanels"> 
	<div class="SlidingPanelsContentGroup"> 
		<div class="SlidingPanelsContent"> 
<div id="p1" class="SlidingPanelsContent"> 
<div class="schedules"> 
<h3>Fall 2009 Course Schedule (Section Code/Registration Code)</h3> 
<p>&nbsp;</p> 
<div id="sch-link"><a href="/gcwe/student-info/fall-09-course-schedule">View All Schedules</a></div> 
<p><span class="sch-title">Monday Schedule</span></p> 
<table width="594" border="0" cellspacing="1" cellpadding="0"> 
<tr valign="top"> 
<td width="104"><span class="sch-title">5:30 - 7:20 PM</span></td> 
<td width="121"><span class="sch-title">PS 734X (3911)</span><br /> 
      Policy Analyisis<br /> 
    Prof. Anderson</td> 
<td width="121"><span class="sch-title">PS 714X (2525)</span><br /> 
      Socialism &amp; Communism<br /> 
    Prof. Leberstein</td> 
<td width="121"><span class="sch-title">PS 751X (4009)</span><br /> 
      Government of NYC/Urban Politics<br /> 
    Prof. Blackwell</td> 
<td width="121">&nbsp;</td> 
</tr> 
<tr valign="top"> 
<td><span class="sch-title">6:20 - 9:00 PM</span></td> 
<td><span class="sch-title">No Scheduled Classes</span></td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
<tr valign="top"> 
<td><span class="sch-title">7:40 - 9:30 PM</span></td> 
<td><span class="sch-title">PS 767X (3913)</span><br /> 
      North/South Relationships in World Politics<br /> 
    Prof. Wilpert</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
</table> 
</div> 
</div> 
</div><div class="SlidingPanelsContent"> 
<div id="p2" class="SlidingPanelsContent"> 
<div class="schedules"> 
<h3>Fall 2009 Course Schedule (Section Code/Registration Code)</h3> 
<p>&nbsp;</p> 
<div id="sch-link"><a href="/gcwe/student-info/fall-09-course-schedule">View All Schedules</a></div> 
<p><span class="sch-title">Tuesday Schedule</span></p> 
<table width="594" border="0" cellspacing="1" cellpadding="0"> 
<tr valign="top"> 
<td width="104"><span class="sch-title">5:30 - 7:20 PM</span></td> 
<td width="121"><span class="sch-title">PS 721X (3909)</span><br /> 
      U.S Constitutional Law 2<br /> 
    Prof. Jayaraman</td> 
<td width="121"><span class="sch-title">HIST. 744.1X (4107)</span><br /> 
      History of Financial Speculation &amp; American Labor<br /> 
    Prof. Wills</td> 
<td width="121"><span class="sch-title">PS 751X (4009)</span><br /> 
      Government of NYC/Urban Politics<br /> 
    Prof. Blackwell</td> 
<td width="121">&nbsp;</td> 
</tr> 
<tr valign="top"> 
<td><span class="sch-title">6:20 - 9:00 PM</span></td> 
<td><span class="sch-title">HNS 764.4X (2586)</span><br /> 
      Internship in Public Health<br /> 
    Prof. Cardwell </td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
<tr valign="top"> 
<td><span class="sch-title">7:40 - 9:30 PM</span></td> 
<td><span class="sch-title">PS 733X(3910)</span><br /> 
      Legislative Process in the United States<br /> 
    Prof. Hackshaw</td> 
<td><span class="sch-title">PS 745G (1845)</span><br /> 
      Fieldwork<br /> 
    Prof. Ness</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
</table> 
</div> 
</div> 
</div><div class="SlidingPanelsContent"> 
<div id="p3" class="SlidingPanelsContent"> 
<div class="schedules"> 
<h3>Fall 2009 Course Schedule (Section Code/Registration Code)</h3> 
<p>&nbsp;</p> 
<div id="sch-link"><a href="/gcwe/student-info/fall-09-course-schedule">View All Schedules</a></div> 
<p><span class="sch-title">Wednesday Schedule</span></p> 
<table width="594" border="0" cellspacing="1" cellpadding="0"> 
<tr valign="top"> 
<td width="104"><span class="sch-title">5:30 - 7:20 PM</span></td> 
<td width="121"><span class="sch-title">PS 700X (1840)</span><br /> 
      Statistical Concepts<br /> 
      Prof. Archbald</td> 
<td width="121"><span class="sch-title">PS 717X (1842)</span><br /> 
      Masters Seminar<br /> 
      Prof. Wilson</td> 
<td width="121">&nbsp;</td> 
<td width="121">&nbsp;</td> 
</tr> 
<tr valign="top"> 
<td><span class="sch-title">6:20 - 9:00 PM</span></td> 
<td><span class="sch-title">No Scheduled Classes</span></td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
<tr valign="top"> 
<td><span class="sch-title">7:40 - 9:30 PM</span></td> 
<td><span class="sch-title">PS 749.1X (3941)</span><br /> 
      Selected Topics - Reporting Conflict<br /> 
      Prof. Younge</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
</table> 
</div> 
</div> 
</div><div class="SlidingPanelsContent"> 
<div id="p4" class="SlidingPanelsContent"> 
<div class="schedules"> 
<h3>Fall 2009 Course Schedule (Section Code/Registration Code)</h3> 
<p>&nbsp;</p> 
<div id="sch-link"><a href="/gcwe/student-info/fall-09-course-schedule">View All Schedules</a></div> 
<p><span class="sch-title">Thursday Schedule</span></p> 
<table width="594" border="0" cellspacing="1" cellpadding="0"> 
<tr valign="top"> 
<td width="104"><span class="sch-title">5:30 - 7:20 PM</span></td> 
<td width="121"><span class="sch-title">PS 703X (1841)</span><br /> 
      American Political Thought<br /> 
      Prof. McCullough</td> 
<td width="121"><span class="sch-title">PS 740X (3912)</span><br /> 
      Public Administration<br /> 
      Prof. Nieves</td> 
<td width="121">&nbsp;</td> 
<td width="121">&nbsp;</td> 
</tr> 
<tr valign="top"> 
<td><span class="sch-title">6:20 - 9:00 PM</span></td> 
<td><span class="sch-title">HNS 770X (1771)</span><br /> 
	  Introduction to Health Policy and Administration<br /> 
      Prof. Padgug</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
<tr valign="top"> 
<td><span class="sch-title">7:40 - 9:30 PM</span></td> 
<td><span class="sch-title">PS 748X (4008)</span><br /> 
      Planning for Metropolitan Areas<br /> 
      Prof. Whitlock</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
</table> 
</div> 
</div> 
<p></p> 
</div>	</div> 
</div> 
</div><!-- END HOME MIDDLE --> 
        <div id="home-bottom"><div id="block-block-11" class="block block-block"> 
 
 
  <div class="block-content"><p><img src="/gcwe/sites/all/themes/gcwe_new/images/latestevents_img.jpg" /></p> 
</div> 
</div><div id="block-block-23" class="block block-block"> 
 
 
  <div class="block-content"><p><img src="/gcwe/sites/all/themes/gcwe_new/images/maps_img.jpg" /></p> 
</div> 
</div></div>        
</div><!-- CONTENT CONTAINER ENDS!--> 
</div><!-- MAIN CONTAINER ENDS!--> 
<div class="clear"></div> 
</div><!-- PAGE COTAINER ENDS!--> 
<div class="push"></div> 
</div> 
<div class="footer"> 
<div id="footer"> 
Home  |  Programs  |  Student info  |  Events  |  About GCWE  |  Contact us  |  Newsletter Sign up  |  GCWE on Facebook  |  Enquire about Facility  |  Feedback<br /> 
Copyright © 2010 - Graduate Center for Worker Education <a href="/gcwe/user" style="text-decoration:none">|</a> Powered By: <a href="http://www.upgradeyourbusiness.com">UpgradeYourBusiness.com</a> 
</div><!-- FOOTER ENDS!--> 
</div> 
<script type="text/javascript"> 
<!--
var sp1 = new Spry.Widget.SlidingPanels("SlidingPanels1",{defaultPanel: 2 });
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script> 
</body> 
</html>

Open in new window

0
Comment
Question by:edgardoburgos
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 16

Accepted Solution

by:
s8web earned 1600 total points
ID: 26315678
In your head, you have a malformed comment where the spry css and script are located:

<!------------------------------------------------------------------->
<link rel="stylesheet" type="text/css" href="/gcwe/sites/all/themes/gcwe_new/SpryAssets/SprySlidingPanels.css"/>
<script src="/gcwe/sites/all/themes/gcwe_new/SpryAssets/SprySlidingPanels.js" type="text/javascript"></script>
<!------------------------------------------------------------------->
<link rel="stylesheet" type="text/css" href="/gcwe/sites/all/themes/gcwe_new/SpryAssets/contentslider.css" />
<script type="text/javascript" src="/gcwe/sites/all/themes/gcwe_new/SpryAssets/contentslider.js">

What happens when you fix that? It looks like you're calling it again later in the head.
0

Featured Post

Enroll in August's Course of the Month

August's CompTIA IT Fundamentals course includes 19 hours of basic computer principle modules and prepares you for the certification exam. It's free for Premium Members, Team Accounts, and Qualified Experts!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

801 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question