Servage Magazine

When building websites you are likely to encounter the jQuery Javascript framework. It is a great library that allows you to build functionality in Javascript better and faster. It basically enables you to programmatically change the DOM by adding, editing and removing elements. Furthermore you can engage with events such as hover, click, scroll, and more. Lastly the ability for Javascript to perform requests to the backend server, thus working with data in the manipulation of the DOM is the cornerstone for web applications. Working with jQuery makes it significantly easier to build great websites. Snippet library The following list contains a few examples of jQuery snippets that are ...

Sometimes you need to include multiple versions of jQuery into the same web page. While this is definitely not a good or preferred scenario, it can work under the right circumstances. The use cases where running multiple versions of jQuery may be required are situations where different libraries need different jQuery versions to work properly. Generally speaking you should avoid that by using libraries that can rely on the same version of jQuery, which preferably should be the newest stable version at any given time. However, that may not always be possible, for example if you are working with external resources or web scrapers that inject Javascript into foreign sites in ...

Today most websites rely on Javascript, and many of them on jQuery or similar Javascript frameworks that enhance the capabilities of Javascript by making more functionality and effects possible. Entire web apps are written in Javascript, and they are getting very close to real desktop applications. You can utilize jQuery, Prototype, Ember, Angular and many others for rapid development, however, sometimes you want or need to go back to basics, and rely on pure Javascript without all the fuzz from the other frameworks. Sometimes you just need good old Javascript and nothing else. Therefore it is nice to know, that even with regular Javascript you can actually also do lots of ...

In this article I am not going to give you a lecture about the whole JavaScript syntax, but only something directly related to jQuery. As jQuery is a JavaScript library which has some special-looking functions that are expressed with $ (dollar sign). So let's explore them further. Today we are living in a scripting world where  HTML5, CSS3, and some PHP or ASP.NET are just not sufficient to perform excellently on your web development projects. You will need to know JavaScript thoroughly and some jQuery too. Therefore, I am building syntax building blocks for JavaScript and jQuery here. Before knowing the functions and its syntax in JavaScript, we ...

This is a little playtime with the Flickr API for Javascript coding :-) Flickr supports a lot of API including to view images, to search image which I am going to use in this tutorial. For further details on Flickr APIs check http://www.flickr.com/services/api/ Today what I am going to do is write a small code allowing us to search for images using Flickr API’s based on the specific tag word entered by the user. So first we are going to see how we are going to set up our java scripts with in the body tag. This API allows us to make use of  jQuery <div> <h1>jQuery API</h1> <p> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script></p> </div> Show a ...

When you develop something with Javascript an jQuery, you may wish to use timeouts to gain a finer control over events and how they are triggered. Let's take scrolling as an example. When a user finishes to scroll, you wish to trigger and event. Unfortunately there is no "finish scroll event" in jQuery - since this is hard to determine and up to individual use-cases when exactly you wish the scroll to be registered as ended (the timeout). Example You register that the user starts to scroll - so you can fire an event called scrollStop, which is fired as long as the browser detects the user is scrolling. At some point, ...