jQuery Forum

Hi! I have build a weather app with jQuery, and everthing works nice. The url is https://api.forecast.io/forecast/ with a couple of parameters after that. I have created a bunch of variables to store the data. Finally in the end I do like this:

1.   var forecastData = function () {
       $.getJSON(url, callback);
      };
    
     $(document).ready(function() {
      forecastData();

     });

My question now if there's some easy way to handle errors, like if not null (if a param like longitude is missing), success/error - but to keep what I have coded so far? Have tried a bunch of thing but it wont work.

Thanks!

Hello!

I'm using rest to get som images from a data source. The REST works just fine. I using a jQuery Image slider library as well that also works just fine. However to combine this two seems a bit tricky becase if there seems to be some issue with the sequense the stuff loads.

I tried to change order and to use doc ready on the rest but it's not perfect.. The issue is that the images dont show up on the page until I hit F5 and reload the page.. but just sometimes, lets say it works 6 times of 10 when accessing the page for the first time :) If I press F5 it works often but sometimes not..

Any ideas on this?

 
<script type="text/javascript">
jQuery(window).load(function(){
 $('#banner-slide').bjqs({
 animtype      : 'slide', //fade
 height        : 320,
 width         : 340
});
});

$.ajax({
url: "MyURLGoesHere..",
type: "GET",
headers: {"Accept": "application/json;odata=verbose"},
cache:false,                
success: function(data){
 var items = [];
 items.push("<div id='banner-slide'>");
 items.push("<ul class='bjqs'>")
  $(data.d.results).each(function(){
  items.push('<li>' + this.Title + '</li>');
  });
 items.push("</ul>");
 items.push("</div>");
 $("#output").html(items.join(''));
}
});
</script>
<div id="output"></div>

<script type="text/javascript" src="https://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="bjqs-1.3.min.js"></script>

Hello!

I Think I've Close to a solution but I need help with the final touch of my code.. The thing is that I need to set a cookie on a navigation that is data driven.. the reason is that I want to set a select class because the page reloads after a click. The markup is given and I cannot change that.

<div class="test" id="1">Link 1</div>
<div class="test" id="2">Link 2</div>

The following jQuery set a 'clicked' class on a div I click (that's great), but if I click on a let's say the next div (navigation item) I need to remove the previous clicked class.

Any Idea?

 $('.test').on('click', function() {
      $(this).addClass('clicked');
       var clicked = $('.test.clicked').map(function() {
            return '#' + this.id;
       }).get().join(',');
      $.cookie('MyCookie', clicked);
});

 var MyCookie = $.cookie('MyCookie');
 $(MyCookie).addClass('clicked');

Hello!

I have an Array of items, comming from a data source. What I want to do is to change the background color of the outher div when the user clicks on it. I have and id that can be a number from 1 up to let's say 100. I cannot do this with CSS because of the page will be refreshed after a click so I would like to set a cookie for this. However I cannot figure out how to do this.

I use thie jquery.cookies.js

<div class="xxx" id="{@ID}">
<a class="yyy" href="example.aspx?Title=@Title">
      <div class="zzz">My dynamic data comes here ..</div>
</a>   
</div>

I have tried with something like this.. but I know is not right. Any thoughts?

$('.test').on('click',function(){
 //var x = (this.id);
 //alert(x);
 $(this.id).css("background-color","red");
  $.cookie('MyCookie', 'RED');
});
var MyCookie = $.cookie('MyCookie');
 if (MyCookie == 'RED') {
  $(x).css("background-color","red");
 };

Hello!

I need to extract the an image filename with out it's file extension.

Let's say I got this:
http://site/page/myimagename.jpg

and what I want is to get is this result back:

myimagename

in other Words Everything after the last slash, but cut of 4 characters from right

Would be great if someone understands how to do this?

cheers

// No expand by default
$(".menu > ul.rootUL > li.Node > ul.Node").hide();

// Prepend exp/col icon if there is sublinks
$HasSubMenu = $('.menu > ul.rootUL > li.Node > ul.Node');
 if($HasSubMenu.length){
 $HasSubMenu.parent().prepend('<span id="PrependedIconExpand"></span>');
 }

// Toggle functions
$(".menu > ul.rootUL > li.Node > span").toggle(
 function () {
  $("ul.Node", $(this).parent()).show("fast");
  $($(this)).css("background","url('/images/col.png') no-repeat 0px 6px");
  },
 function () {
  $("ul.Node", $(this).parent()).hide("fast");
  $($(this)).css("background","url('/images/exp.png') no-repeat 0px 6px");
  }
);