• 0

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


Question

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

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

                		 <script src="https://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

.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);
}

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

'class' at line 15 is a reserved word at line 15, so try changing it to something else. This should work:

$(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 a = w.condition.text;
				var encodedclass = a.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 + "?");
			});
		}
	});
});

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.