[jQuery] Re: Cycle Plugin not working in IE - who can help?

2009-10-09 Thread Mike Alsup

Remove the comma at the end of this line:

 prev:   '#prev' ,

trailing commas at the end of an array are not allowed in IE 6/7.

Also, next time please post a link instead of all your markup if
possible.

Cheers!

Mike



On Oct 9, 4:45 am, First Impression dancollin...@googlemail.com
wrote:
 Hi,

 I am currently developing a site for a client which uses the JQuery
 cycle plugin to move through a number of divs which contain pictures
 and info about wedding dresses.

 All works fine in Firefox, but when I test in IE6 + IE7 the divs are
 all stacked on top of each other vertically and they soan right down
 the screen for 1000's of pixels.

 To me it seems like this is a problem with absolute/relative
 positioning or the z-index, I have also used a few floats in the child
 divs.
 I am also using SIFR for text replacement, could this be conflicting?

 Here is my code, can anyone see a problem that would cause my cycle
 not to work in IE.?

 --
 XHTML
 --
 code

 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN 
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
 html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
 head
 meta http-equiv=content-type content=text/html; charset=utf-8 /
 titleWedding Dresses ~ Cavendish Bridal House/title
 link rel=stylesheet type=text/css media=all href=css/
 reset.css /
 link rel=stylesheet type=text/css media=all href=css/
 text.css /
 link rel=stylesheet type=text/css media=all href=css/960.css /

 link rel=stylesheet type=text/css media=all href=css/
 styles.css /
 link rel=shortcut icon href=img/favicon.ico type=image/x-icon /

 link rel=stylesheet href=css/sifr.css type=text/css
 media=screen /

 !--[if lte IE 6]
 link rel=stylesheet type=text/css media=screen href=css/
 ie6.css /
 ![endif]--

 !--[if lt IE 7]
  script src=http://ie7-js.googlecode.com/svn/version/2.0(beta3)/
 IE7.js
  type=text/javascript
  /script

  /script
 ![endif]--

 script src=js/sifr.js type=text/javascript/script
 script src=js/sifr-config.js type=text/javascript/script
 script src=js/jquery-1.3.2.min.js type=text/javascript/script
 script src=js/jquery.cycle.all.min.js type=text/javascript/
 script
 script type=text/javascript
     function initMenu() {
     $('#menu ul').hide();
     $('#menu ul#dressessub').show();
     $('#menu li a').click(
     function() {
     var checkElement = $(this).next();
     if((checkElement.is('ul'))  (checkElement.is(':visible'))) {
     return false;
     }
    if((checkElement.is('ul'))  (!checkElement.is(':visible'))) {
    $('#menu ul:visible').slideUp('normal');
    checkElement.slideDown('normal');
    return false;
    }
    }
    );
    }
    $(document).ready(function() {initMenu();});
 /script

 script type=text/javascript
 $(document).ready(function() {
 $('#wedding-dresses').cycle({
     fx:     'fade',
     speed:  'fast',
     timeout: 0,
     next:   '#next',
     prev:   '#prev' ,
         });
         });
 /script

 /head

 body id=wedding-dress

 div id=page-outer
 div class=container_12 id=page

 div class=grid_12 id=header

          div id=logo
             a href=index.html class=logo title=Cavendish Bridal
 HouseCavendish Bridal House Hayfield/a        /div!--end logo--

 /div!--end header--
 div id=content
 div id=label
   ul id=menu
                            lia href=index.html id=home
 title=Home Home/a/li
                            lia href=georgia.html id=georgia
 title=GeorgiaGeorgia/a/li
                            lia href=the-shop.html id=shop
 title=The ShopThe Shop/a/li
                            li class=headlinka href=# id=your-
 dress  title=Your DressYour Dress/a
                                    ul
                                         lia href=what-to-
 expect.html title=What to expect id=expectWhat to expect/a/
 li
                                         lia href=ordering-your-
 dress.html title=Ordering your dress id=ordering Ordering your
 dress/a/li
                                         lia href=alterations.html
 title=Alterations id=alterations Alterations/a/li
                                         lia href=collections.html
 title=Collections id=collections Collections/a/li
                                    /ul
                            /li

                            li class=headlinka href=dresses.html
 id=dresses  title=DressesDresses/a
                            ul id=dresses-sub
                                         lia href=wedding-dresses.html
 id=wedding  title=Wedding DressesWedding Dresses/a/li
                                 lia href=bridesmaid-dresses.html
 id=bridesmaid title= Bridesmaid DressesBridesmaid Dresses/a/
 li
                                 lia href=prom-dresses.html
 id=prom  title=Prom DressesProm Dresses/a/li
                              /ul
                            /li
                           lia href=accessories.html
 id=accessories title=AccessoriesAccessories/a/li
                           lia 

[jQuery] Re: Cycle Plugin not working in IE - who can help?

2009-10-09 Thread First Impression

:O

Thank you a thousand times Mike, you have made my life a lot easier!!!

I have learnt my lesson for future reference.

Dan

On Oct 9, 12:22 pm, Mike Alsup mal...@gmail.com wrote:
 Remove the comma at the end of this line:

  prev:   '#prev' ,

 trailing commas at the end of an array are not allowed in IE 6/7.

 Also, next time please post a link instead of all your markup if
 possible.

 Cheers!

 Mike

 On Oct 9, 4:45 am, First Impression dancollin...@googlemail.com
 wrote:

  Hi,

  I am currently developing a site for a client which uses the JQuery
  cycle plugin to move through a number of divs which contain pictures
  and info about wedding dresses.

  All works fine in Firefox, but when I test in IE6 + IE7 the divs are
  all stacked on top of each other vertically and they soan right down
  the screen for 1000's of pixels.

  To me it seems like this is a problem with absolute/relative
  positioning or the z-index, I have also used a few floats in the child
  divs.
  I am also using SIFR for text replacement, could this be conflicting?

  Here is my code, can anyone see a problem that would cause my cycle
  not to work in IE.?

  --
  XHTML
  --
  code

  !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN 
  http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
  html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
  head
  meta http-equiv=content-type content=text/html; charset=utf-8 /
  titleWedding Dresses ~ Cavendish Bridal House/title
  link rel=stylesheet type=text/css media=all href=css/
  reset.css /
  link rel=stylesheet type=text/css media=all href=css/
  text.css /
  link rel=stylesheet type=text/css media=all href=css/960.css /

  link rel=stylesheet type=text/css media=all href=css/
  styles.css /
  link rel=shortcut icon href=img/favicon.ico type=image/x-icon /

  link rel=stylesheet href=css/sifr.css type=text/css
  media=screen /

  !--[if lte IE 6]
  link rel=stylesheet type=text/css media=screen href=css/
  ie6.css /
  ![endif]--

  !--[if lt IE 7]
   script src=http://ie7-js.googlecode.com/svn/version/2.0(beta3)/
  IE7.js
   type=text/javascript
   /script

   /script
  ![endif]--

  script src=js/sifr.js type=text/javascript/script
  script src=js/sifr-config.js type=text/javascript/script
  script src=js/jquery-1.3.2.min.js type=text/javascript/script
  script src=js/jquery.cycle.all.min.js type=text/javascript/
  script
  script type=text/javascript
      function initMenu() {
      $('#menu ul').hide();
      $('#menu ul#dressessub').show();
      $('#menu li a').click(
      function() {
      var checkElement = $(this).next();
      if((checkElement.is('ul'))  (checkElement.is(':visible'))) {
      return false;
      }
     if((checkElement.is('ul'))  (!checkElement.is(':visible'))) {
     $('#menu ul:visible').slideUp('normal');
     checkElement.slideDown('normal');
     return false;
     }
     }
     );
     }
     $(document).ready(function() {initMenu();});
  /script

  script type=text/javascript
  $(document).ready(function() {
  $('#wedding-dresses').cycle({
      fx:     'fade',
      speed:  'fast',
      timeout: 0,
      next:   '#next',
      prev:   '#prev' ,
          });
          });
  /script

  /head

  body id=wedding-dress

  div id=page-outer
  div class=container_12 id=page

  div class=grid_12 id=header

           div id=logo
              a href=index.html class=logo title=Cavendish Bridal
  HouseCavendish Bridal House Hayfield/a        /div!--end logo--

  /div!--end header--
  div id=content
  div id=label
    ul id=menu
                             lia href=index.html id=home
  title=Home Home/a/li
                             lia href=georgia.html id=georgia
  title=GeorgiaGeorgia/a/li
                             lia href=the-shop.html id=shop
  title=The ShopThe Shop/a/li
                             li class=headlinka href=# id=your-
  dress  title=Your DressYour Dress/a
                                     ul
                                          lia href=what-to-
  expect.html title=What to expect id=expectWhat to expect/a/
  li
                                          lia href=ordering-your-
  dress.html title=Ordering your dress id=ordering Ordering your
  dress/a/li
                                          lia href=alterations.html
  title=Alterations id=alterations Alterations/a/li
                                          lia href=collections.html
  title=Collections id=collections Collections/a/li
                                     /ul
                             /li

                             li class=headlinka href=dresses.html
  id=dresses  title=DressesDresses/a
                             ul id=dresses-sub
                                          lia href=wedding-dresses.html
  id=wedding  title=Wedding DressesWedding Dresses/a/li
                                  lia href=bridesmaid-dresses.html
  id=bridesmaid title= Bridesmaid DressesBridesmaid Dresses/a/
  li