Help me! jquery is not working on ie,safari and opera

Help me! jquery is not working on ie,safari and opera

i am using this code which is load an image. on firefox and chrome is working fine but on safari,ie and opera is not working. can any one help me? thank you


  1. <div class="wrap">
               
    <!-- #Header Start -->
                   
    <div class="header">
                   
                                     

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/
    javascript">
    $
    (document).ready(function(){
     
    var timezone = "Europe/Athens";
      $
    .getJSON("http://json-time.appspot.com/time.json?tz="+timezone+"&callback=?",
       
    function(data){
         
    if ((data.hour >= 6) && (data.hour < 18)) {
    $
    .YQL = function(query, callback) {
       
    var encodedQuery = encodeURIComponent(query.toLowerCase()),
            url
    = 'http://query.yahooapis.com/v1/public/yql?q='
               
    + encodedQuery + '&format=json&callback=?';
        $
    .getJSON(url, callback);
    };
    $
    .YQL("select * from rss where url='http://weather.yahooapis.com/forecastrss?p=CYXX0005&u=c'",function(data){
               
    var w=data.query.results.item;

                   

    var class=w.condition.text;
                   
    var encodedclass = class.replace(/\s+/g, '-').toLowerCase();
                            $
    ('.logo').addClass(encodedclass);
                             $
    ('#weatherTemp').html("Ξ˜ΞµΟΞΌΞΏΞΊΟΞ±Ο
    ƒΞ―Ξ± Λευκωσίας: "+w.condition.temp+"°");
           
    });

         

    } else if ((data.hour > 6) && (data.hour >= 18)){
    $
    .YQL = function(query, callback) {
       
    var encodedQuery = encodeURIComponent(query.toLowerCase()),
            url
    = 'http://query.yahooapis.com/v1/public/yql?q='
               
    + encodedQuery + '&format=json&callback=?';
        $
    .getJSON(url, callback);
    };
    $
    .YQL("select * from rss where url='http://weather.yahooapis.com/forecastrss?p=CYXX0005&u=c'",function(data){
               
    var w=data.query.results.item;

                   

    var class=w.condition.text;
                   
    var encodedclass = class.replace(/\s+/g, '-').toLowerCase();
                       
                                    $

    ('.logo').addClass('logo2');
                           
            $

    ('.logo2').addClass(encodedclass);
                             $
    ('#weatherTemp').html("Ξ˜ΞµΟΞΌΞΏΞΊΟΞ±Ο
    ƒΞ―Ξ± Λευκωσίας: "+w.condition.temp+"°");
           
    });
         
    }
       
    });
    }); </script>
                           
    <!--Begin logo -->
                           
    <div class="logo">
                                                    <a href="
    <?php echo get_option('home'); ?>/" class="logo" title="<?php bloginfo('name'); ?> : <?php bloginfo('description'); ?>">



     



    </a>                     <br class="clear" />

                           
             
                           



    </div></div></div>
                           
    <!--End logo -->


and this is the css code

  1. .wrap {
        width
    :960px;
        margin
    :0 auto;
    }






    .header {
       
    float:left;
        width
    :960px;
        margin
    -top:30px;
    }
    .logo {
           
    float:left;
            font
    -size:670px;
            width
    :667px;
            background
    -repeat:no-repeat;
            margin
    : 0 0 0 100px;
    }
    .logo2 {
           
    float:left;
            font
    -size:670px;
            width
    :667px;
            background
    -repeat:no-repeat;
            margin
    : 0 0 0 100px;
    }
    /* weather logo */


    .logo.cloudy, .logo.partly-cloudy, .logo.mostly-cloudy {
            background
    -image:url(images/logocloud.png);
    }
    .logo.rain, .logo.thunderstorms, .logo.drizzle, .logo.showers, .logo.thundershowers, .logo.scattered-showers, .logo.scattered-thunderstorms, .logo.isolated-thunderstorms {
            background
    -image:url(images/logorain.png);
    }
    .logo.sunny, .logo.fair, .logo.hot {
            background
    -image:url(images/logo.png);
    }
    .logo.snow, .logo.mixed-rain-and-snow, .logo.mixed-rain-and-sleet, .logo.snow-flurries, .logo.light-snow-showers, .logo.blowing-snow, .logo.hail, .logo.sleet, .logo.snow-showers, .logo.heavy-snow, .logo.light-snow {
            background
    -image:url(images/logosnow.png);
    }
    .logo2.cloudy, .logo2.partly-cloudy, .logo2.mostly-cloudy {
            background
    -image:url(images/mooncloud.png);
    }
    .logo2.rain, .logo2.thunderstorms, .logo2.drizzle, .logo2.showers, .logo2.thundershowers, .logo2.scattered-showers, .logo2.scattered-thunderstorms, .logo2.isolated-thunderstorms {
            background
    -image:url(images/moonrain.png);
    }
    .logo2.sunny, .logo2.fair, .logo2.hot {
            background
    -image:url(images/moon.png);
    }
    .logo2.snow, .logo2.mixed-rain-and-snow, .logo2.mixed-rain-and-sleet, .logo2.snow-flurries, .logo2.light-snow-showers, .logo2.blowing-snow, .logo2.hail, .logo2.sleet, .logo2.snow-showers, .logo2.heavy-snow, .logo2.light-snow {
            background
    -image:url(images/logosnow.png);
    }








    • Topic Participants

    • g3o