JavaScript Object Literal Array Examples

Is it possible to declare arrays in JavaScript object literal notation? Example 1 – this works with arrays Declaration: Storage of data: Example 2 – this works with objects Declaration: Storage of data: Please share your thoughts on this in comments.

Read more

Basic JavaScript Regular Expression Example

I have jotted a quick post on a Basic JavaScript Regular Expression Example to give beginners out there a taste of the power of using Regex in jQuery/JavaScript. Example: Want to extract the price, could be an integer or float from a dataset of prices. Dataset: Regex pattern: You can use a Regular Expression tool [...]

Read more

JavaScript/jQuery Zip/File/Compressor Plugins

A collection of JavaScript/jQuery Zip/File/Compressor plugins that allows you to minify your JS code and compress your JS files ready for zip files. Enjoy! Related Posts: 10 Online Tools to Help Optimize and Format CSS 10 Core/Client/Server JavaScript Things JSMini Online JavaScript & jQuery Minifier Tool. Minify your JS code, free and simple to use, [...]

Read more

JavaScript and jQuery PDF Viewer Plugins

Today’s post is about some JavaScript and jQuery PDF related plugins we found on the Internet that allows you to embed and view PDF files. Enjoy! Related Posts: 10 jQuery Pagination Plugins http://www.jquery4u.com/plugins/jquery-lightbox-colorbox-fancybox-thickbox/ pdf.js PDF Reader in JavaScript. Source Demo PDFObject Embeds PDF files into HTML documents. Source Demo jsPDF It is an open-source library [...]

Read more

Object Literal Array Example

Object Literal Array Example. Comments Welcome.

Read more

10 Core/Client/Server JavaScript Things

JavaScript language has three components and they are called: Core, Client-side and Server-side. Today we are sharing you a list of Core JavaScript Framework things you might not have seen yet? Enjoy! Related Posts: 10 JavaScript Web UI Libraries, Frameworks and Toolkits 10 Alternative and Capable JavaScript Frameworks 1. Kalendae: A framework agnostic JavaScript date [...]

Read more

10 JavaScript and jQuery Templates Engines

A template is a way of specifying a function that produces a string in the output language (either in string or AST form) from a bundle of data using a syntax that is reminiscent of the output produced. Today we’ve come up with 10 JavaScript and jQuery Template Engines that you might find interesting to [...]

Read more

10 JavaScript Form Plugins You Must Have

In this post, we have collected 10 useful form plugins that use some awesome jQuery or JavaScript magic to enhance the existing form elements to help you create a better and user friendlier web forms. Enjoy. Related Posts: Basic jQuery Form Validation Example (2mins) jQuery Forms > 30 Examples and Plugins 1. Chosen It is [...]

Read more

2 Options to Show All JavaScript on Page

Here are 2 options to quickly view all the JavaScript used on a web page. Could come in handy when trying to find event handlers or specific code without searching through individual files. Option 1: Bookmarklet – A bookmarklet (drag it to your bookmarks) by Ichiro Hiroshi to see all JavaScript’s used on the web [...]

Read more

Dynamically Load jQuery Library Using Plain JavaScript

This is how you can load the jQuery library using plain JavaScript. As the load takes place asynchronously so i’ve included a callback version too so you know when the script inserted has completed and you can start using jQuery! I previously posted about inserting scripts into secure pages so there are more options for [...]

Read more

10 jQuery Plugins that Cost Money

The jQuery Slider can play a very important role when it comes to grabbing attention, displaying images & saving space on your website. It enhances the website UI by providing a convenient way to display images/videos/media and important information which the user can slide through. Today we are sharing you our collection of 10 jQuery [...]

Read more

10 Funny and Entertaining JavaScript Effects

It’s Friday! Let’s have some fun, shall we? In this post, we have collected some funny and entertaining things that JavaScript can do. With JavaScript, you can find some little joys and make many funny things that you may not have realized. So check this out. Enjoy lol!

Related posts:

• 10 Cool jQuery Developed Games
• 10 Extreme Fun jQuery Plugins

Make pictures flying like snake around your mouse pointer just copy and paste the JavaScript code into the address bar of any browser then press Enter.

Source

Make funny things with this simple JavaScript, such as; faking the screen capture of some proof, faking some hot news for April Fool’s Day and more, quickly.

Source

Give your lover the link of this effect, then ask her to answer the question “Do you love (marry) me?” and see if she can say no! (I tried the demo more than 10x and couldn’t help myself from laughing!)

demo
Source

Like the above funny JavaScript but this script uses the picture to make the choices; maybe from the idea of this joke plus some different pictures, you can make more funny jokes.

Source

No need to say more about it, let try it out by yourself.

Source

This funny script made to prove that you’re too trusting of people. Don’t believe me? Just check it by yourself.

demo
Source

Your mind should be ready before run this script, maybe it will not be funny; and you have to enable popup for this darn script! (I got a little headache on this one, and I thought I wouldn’t spare you)

demo
Source

While chatting with friends do you Buzz them or get a Buzz. It will shake your screen. In this article we are going to shake browsers window.

Source

Now you can check the love compatibility between two people with the help of this small JavaScript. (I and this script are not responsible for any broken relationship you tried. lol)

demo
Source

This so simple. All you have to do is to copy and paste the given JavaScript code into website of choice. Don`t forget to change the text!

Source

Read more

Using jQuery .exec() and .compile() Regex

If your working with JavaScript regular expressions a lot (like me) this is worth knowing. For those of you that don’t know the exec() method simply tests for a match in a string and returns the matched text if it finds a match, otherwise it returns null.

/* match just the href of js includes */
var jsSrcRegex = /src=\"(.+?)\"/igm; 

/* html for js include */
var html = '<script type="text/javascript" src="/jquery-1.6.1.min.js"></script>';

console.log(jsSrcRegex.exec(html));

console.log(html);
console.log(jsSrcRegex);

console.log(jsSrcRegex.exec(html));

No results eh?! Interesting enough if we then add an extra console.log and… results are back! hmm…

regex.compile() fixes the problem

Now, if you use .compile() on the regex it works!

/* match just the href of js includes */
var jsSrcRegex = /src=\"(.+?)\"/igm; 

/* html for js include */
var html = '<script type="text/javascript" src="/jquery-1.6.1.min.js"></script>';

console.log(jsSrcRegex.exec(html));

/* recompile the regex */
jsSrcRegex.compile(jsSrcRegex);

console.log(html);
console.log(jsSrcRegex);

console.log(jsSrcRegex.exec(html));

As you can see the array of results is found once we recompiled.

It basically compiles/recompiles the regex during code execution, so generally if you change the regex you should run .compile(). This also applies to using .exec() inside a loop just include .compile() before it. Useful to know.

Read more

10 Great 3D Effects using jQuery

3D is now a commodity with 3D TV’s being all the rage and the latest cinema flicks are nearly always in 3D. With this in mind we can use jQuery to bring amazing 3D effects to our websites! From galleries to menus & text, 3D can take the user experience to the next level. Here are 10 jQuery 3D effects/plugins. (8. and 10. are pretty good!) Enjoy!

Related posts:

• 10 Magicial jQuery Text Effect Plugins
• 10 IE CSS3 and HTML5 Modern Browser Mimics

A JavaScript class which will draw and animate a HTML5 canvas based tag cloud. In general tag clouds use the font size of the tag links to highlight their frequency or popularity, so TagCanvas uses the size of the tag text to determine the weight of each tag.

Source

A jQuery plugin that applies highlight and shadow effects to text in a control so as to create a 3d effect.

Source

Allows creating awesome 3D text effect with jQuery. Enjoy 3D effect in all your text with this easy to use plugin. It comes with the following options to customize the 3D Effect: Depth, Wrapper, Shade_Color, Gradient.

Source

A plugin for the jQuery JavaScript Framework, which converts text into 3D text that can be viewed with simple red/blue 3D glasses. The plugin uses CSS3, with a fall-back for older browsers to create the 3D effect.

Source

Ever wanted your tag cloud to resemble a ball? Of course you did. This tutorial will walk you through how to create a Sphere in jQuery.

Demo
Source

This plugin provides a lot of options to customize the behavior. It provides a set of interesting effects that can be used to design interactive websites. Use them on site headers to create appealing websites.

Source

This jQuery libraray helps you create attractive and lovely 3D shapes. Change the perspective, tilt, rotate and play with the shapes using the jQuery 3D ObjectVR plugin.

Source

There are some attractive Adobe Flash based solutions for this type of UI component, and while JavaScript versions exist (see this and this), the commercial Flash products tend to have better aesthetics and polish. This is cool!

Source

A 3d animated tag cloud generated from an array. You can easily customize it by tweaking the eide range of options provided by this plugin.

Source

This is a jQuery plugin to create a 3d tag cloud from an unordered list. Create tags that rotate with a 3d effect usig jQuery. This plugin provides a lot of options to customize the looks of the amazing jQuery 3d tag cloud. Scroll in and out with the mouse wheel!

Source

Read more

10 JavaScript Dialog Box/Window Tutorials

We all know that JavaScript adds functionality to web pages, performs useful tasks, validate data and much more. Well you should also know that JavaScript and jQuery can be used to create some awesome dialog windows. Ditch the alert windows … here are some tutorials to get you started! Enjoy!

Here are some previous posts about dialog boxes:

• 14 jQuery Modal Dialog Boxes
• 10 jQuery Alert Windows and Prompts
• Mobile Dialog Boxes

Learn how to control your windows using JavaScript.

Source

This tutorial shows you how to load two frames with one link using JavaScript.

Source

Creates an opacity animation with a control on your website. At the end of the tutorial you will be able to dim a control in and out of view using JavaScript.

Source

This article discusses different ways to launch new windows with HTML and JavaScript.

Source

A small snippet that allows you to keep a window ‘on top’ of all others until closed.

Source

Creating a popup window is maybe one of the most often used JavaScript use case. However a traditional popup window is not the best choice nowadays as it is almost always blocked by browsers. In this tutorial I will learn how to create a layer based popup window with JavaScript.

Source

Learn how to create your own LightWindow from scratch.

Source

In this tutorial it is present the mode to get and modify content in an IFRAME, from the main page, using JavaScript.

Source

JavaScript Bouncing Marquee text scroll at Status Bar of web browser With the help of JavaScript we can add our favorite message with Bouncing Marquee text scroll effect.

Source

These two handy functions are useful when you are trying to keep a dynamic element in view or find if the user has scrolled the page by returning the number of pixels the page has been scrolled.

Source

Read more