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 -->
Question
George Silence Panayi
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