Archive for October, 2011

JQUERY SLIDER

Posted: October 31, 2011 in Uncategorized

25 Incredible jQuery Slider Tutorials and Plugins

19digg

To purchase WDF’s very own jQuery slider, click here.

Content sliders are a great way to show large amount of content or images on a smaller area in a website or blog. They are commonly used in portfolio sites, corporate sites or blogs. You may probably heard that jQuery isn’t very hard to learn. If you are interested in implementing a content slider in your website please check our jQuery tutorials and plugins collection.

In this collection you will find 25 Excellent jQuery Slider Tutorials and Plugins that you can implement into your website.

To have your own slider, simply visit our store and buy one for your site today.

1. Create Beautiful jQuery slider tutorial

Create Beautiful jQuery slider tutorial

2. jQuery Plugin – Feature List

jQuery Plugin - Feature List

3. Create an Image Rotator with Description (CSS/jQuery)

Create an Image Rotator with Description (CSS/jQuery)

4. Moving Boxes

Moving Boxes

5. Using the Wonderful jFlow Plugin

Using the Wonderful jFlow Plugin

6. Creating a Slick Auto-Playing Featured Content Slider

Creating a Slick Auto-Playing Featured Content Slider

7. Design An Elegant Featured Content Slider for WordPress

Design An Elegant Featured Content Slider for WordPress

8. jQuery Slider plugin (Safari style)

jQuery Slider plugin (Safari style)

9. Accessible News Slider

Accessible News Slider

10. Animated JavaScript Accordion V2

Animated JavaScript Accordion V2

11. jQuery UI 1.7 Slider from a Select Element

jQuery UI 1.7 Slider from a Select Element

12. Easy Slider 1.7 – Numeric Navigation jQuery Slider

Easy Slider 1.7 - Numeric Navigation jQuery Slider

13. TabSwitch

TabSwitch

14. AnythingSlider jQuery Plugin

AnythingSlider jQuery Plugin

15. A jQuery Twitter Ticker

A jQuery Twitter Ticker

16. SlideItMoo 1.1 – improved image slider

SlideItMoo 1.1 - improved image slider

17. Making a Google Wave History Slider

Making a Google Wave History Slider

18. bxSlider – jQuery content slider

bxSlider - jQuery content slider

19. Making A Slick Content Slider

Making A Slick Content Slider

20. SlideViewerPro 1.0

slideViewerPro 1.0

21. A Beautiful Apple-style Slideshow Gallery With CSS & jQuery

A Beautiful Apple-style Slideshow Gallery With CSS & jQuery

22. Create a Slick and Accessible Slideshow Using jQuery

Create a Slick and Accessible Slideshow Using jQuery

23. Coda-Slider 2.0

Coda-Slider 2.0

24. jQuery Multimedia Portfolio

jQuery Multimedia Portfolio

25. Slider Gallery

Slider Gallery

Thank you for reading this article on jQuery Sliders.

Pass VCP-410 exam on first try with test-king. Our certified 350-001 questions and answers plus live demo tests for 70-680 are extremely useful to pass your certification in single attempt.

PsPrint online printing services – affordable and high quality calendar printing you can trust!
Ref: http://webdesignfan.com

CSS AND JQUERY LIGHT BOX OVERLAY

Posted: October 31, 2011 in Uncategorized

CSS techniques to overlay images on a webpage.

  1. Lightbox JS : Original; a simple, unobtrusive script used to overlay images on the current page.
  2. Greased Lightbox : Greasemonkey/Creammonkey/Opera user script designed to enhance browsing on websites that link to images such as Google Image Search, Flickr, Wikipedia, Facebook, MySpace, and deviantART.
  3. GreyBox : A pop-up window that doesn’t suck.
  4. Greybox Redux : Completely unobtrusive – no need to embed Javascript into your site.
  5. Leightbox : uses inline div’s instead of AJAX calls.
  6. Lightbox Plus : by Takuya Otani
  7. Lightbox Gone Wild : at ParticleTree
  8. The Lightbox Effect without Lightbox : by PJ Hyett
  9. LITBox 2.0 : modified Thickbox made into a Prototype class based off of the Scriptaculous.
  10. Multifaceted Lightbox : at GregPhoto
  11. Prototype Window Class : at Xilinus
  12. Suckerfish HoverLightbox : hover + gallery + lightbox at MondayByNoon
  13. Thickbox – One box to rule them all. : by Cody Lindley
  14. Slightly ThickerBox : Thickbox with Prev and Next links at Jasons Toolbox
  15. WP lightbox JS WordPress plugin : WordPress Plugin by Safirul Alredha
  16. Lightbox2 : WordPress Plugin at m3nt0r – beyond the net
  17. GreyBox Plugin : WordPress Plugin at aNieto2K

    Ref:  http://webdeveloper.econsultant.com

COMMON AJAX MISTAKES

Posted: October 23, 2011 in Uncategorized

With the advent of Web 2.0 the Web Application has now become more interactive in nature thanks to AJAX. But this interactive using AJAX comes with some mistakes that people generally doesn’t follows.

Below are the list of mistakes that AJAX gives you as a gift.

No Back Button Functionality
By default the browser stores the web page visited in the History Folder, but with AJAX the browser is unable to retrieve the dynamic content.

2. Waiting Endlessly
The AJAX functionality largely depend on the network connection and the bandwidth. AJAX works well with good Internet Connection so if you are using dial-up you will have to wait until the response comes from the server. But if your browser get struck in between the AJAX call irrespective of the internet connection then your browser window is dead until the user reloads the page or opens a same page and writes the same content again and submit.

Using AJAX for the sake of AJAX.
AJAX is a very good feature to implement in todays web world but you also have to make count of the usability of it.

Cross Browser Compatible
If your web application is targeting multiple browser you will have to make sure that the AJAX Application works seamlessly on all the browsers.

Browsers Load
Making too much AJAX calls will degrade the browser performance and it will become slow. This will make the user experience horrible for your site.

Bookmarking
Users cannot bookmark the page having dynamic content fetched using AJAX. The reason is AJAX will fetch dynamic data from the server and the bookmark link will only store the static data stored in the internet cache folder.

 

Enable/Disable JavaScript
AJAX purely works with JavaScript and if the users browsers has JavaScript disabled then the AJAX functionality will not work.

 

PHP SCRAPPER

Posted: October 23, 2011 in Uncategorized

Sometimes we want to extract the HTML content of the remote website page, this technique is called as HTML scrapper. This article will discuss on how we can extract the HTML content of the remote webpage.

We can achieve HTML scrapper operation in 2 step operation:

  • Call to Remote Web Page and extract the HTML content.
  • Match the HTML tags using Regular Expression.

Call to Remote Web Page using PHP:
In PHP there are various ways we can call the remote webpage, for more information on connecting to remote web page we can refer to . But here we will be using CURL to achieve our operation.

$ch = curl_init();
$timeout = 5; // set to zero for no timeout
curl_setopt ($ch, CURLOPT_URL, $url);
curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout);
$file_contents = curl_exec($ch);
curl_close($ch);

$url holds the Remote URL you want to connect to; and $file_contents holds the HTML content of the remote web page that we have called.

Match the HTML tags using Regular Expression using PHP:
Here we will be using preg_match/preg_match_all to read the HTML tags from the HTML source. Here i am posting few Regular Expression code that will extract the content inside the HTML tags.

 

Extracting data from HTML tags

    preg_match_all('/<span>[\/\(\)-:<>\w\s]+< \/span>/',$file_contents,$htmlContent);
</span>

Assume that the $file_contents holds the HTML source code and after executing the above preg_match it will extract all the span tags from the HTML source code. Isn’t it simple, so now instead of span we want data from any other tag just replace the tag with that tag.

    preg_match_all('/<span>[\/\(\)-:<>\w\s]+< \/span>/',$file_contents,$htmlContent);
</span>

Assume that the $file_contents holds the HTML source code and after executing the above preg_match it will extract all the span tags having class=”test” from the HTML source code. This will ensure that we extract only those span tags that will have class attributes only.

    preg_match('%<table.*>.*\s*\s*</table>%',  $file_contents, $htmlContent);

Assume that the $file_contents holds the HTML source code and after executing the above preg_match it will extract all the table tags from the HTML source code. This will ensure that we extract only those table tags that will have class=’test’ attributes only. Now we have the table tag content, now we will extract the data inside td tags.

   preg_match_all('#<td [^>]*>(.*?)</td>]*>#is', $htmlContent[0], $td_matches);

Here we pass the extracted table tags details to the preg_match_all, this will ensure that we read all the data that resides inside the td tags.

Ref: http://www.hiteshagrawal.com

 

PHP-Magic Methods

Posted: October 23, 2011 in Uncategorized

With PHP 5 Object Oriented Programming seems to becoming a reality in PHP but we all know that in PHP a variable can take any form depending on the data passed to it. Also PHP automatically creates variable and assigns values to it even is the variables are not defined. But in Object Oriented Programming all the data members/methods needs to be defined. To solve some of these problems in OOPS environment magic methods have been introduced in PHP5.

NOTE ON MAGIC METHODS:

  • Magic methods are the members functions that is available to all the instance of class
  • Magic methods always starts with “__”. Eg. __construct
  • All magic methods needs to be declared as public
  • To use magic method they should be defined within the class or program scope

Various Magic Methods used in PHP 5 are:

  • __construct()
  • __destruct()
  • __set()
  • __get()
  • __call()
  • __toString()
  • __sleep()
  • __wakeup()
  • __isset()
  • __unset()
  • __autoload()
  • __clone()
    __construct()
    This methods gets called whenever an object of a class is instantiated. This method is a part of Object Oriented Programming concept in PHP 5. To know more about this methods refer PHP 5 Tutorial – __construct Method

    __destruct()
    This methods gets called whenever an object of a class is destroyed or object goes out of scope. This method is a part of Object Oriented Programming concept in PHP 5. To know more about this methods refer PHP 5 Tutorial – __destruct Method.

    __set()
    This methods get automatically called whenever you assigns data to a undefined attributes of an class in PHP 5. To know more about this method refer PHP 5 Tutorial – __set() magic method.

    __get()
    This methods get automatically called when you try to retrieves the data of undefined attributes of an class in PHP 5. To know more about this method refer PHP 5 Tutorial – __get() magic method.

    __call()
    This methods get automatically called you call and undefined methods of an class in PHP 5. To know more about this method refer PHP 5 Tutorial – __call() magic method.

    __toString()
    This method is called whenever an class object is treated as string and is echo or print(). This methods is very useful if you want to check the object methods and attributes. To know more on this method refer PHP 5 Tutorial – __toString magic method.

    __sleep()
    This methods gets called when you serialize the object in PHP 5. With this method call we can define the way how the data object will be stored. To know more on this method refer PHP 5 Tutorial – __sleep magic method.

    __wakeup()
    This methods gets called when the object is about to be unserialized in PHP 5. With this method call we can do necessary initial operation before starting operation on the received data object. To know more on this method refer PHP 5 Tutorial – __wakeup magic method.

    __isset()
    This methods get automatically called whenever you try to check the existence of the undeclared attributes of the class using isset function of PHP. To know more about this method refer PHP 5 Tutorial – __isset() magic method.

    __unset()
    This methods get automatically called whenever you try to check the destroy or clear an undeclared attributes of the class using unset function of PHP. To know more about this method refer PHP 5 Tutorial – __unset() magic method.

    __autoload()
    This methods get automatically called whenever you try to load an object of class which resides in separate file and you have not included those files using include,require and include_once. To use this method it is mandatory to the PHP filename as that of the class name because this methods accepts the class name as the argument. To know more about this method refer PHP 5 Tutorial – __autoload() magic method.

    __clone()
    PHP5 has introduced clone method which creates an duplicate copy of the object. __clone methods automatically get called whenever you try to call clone methods in PHP 5. This operator does not creates a reference copy. To know more about this method refer PHP5 Tutorial – __clone() magic method.

    Ref: http://www.hiteshagrawal.com