Did anyone miss a javascript function that can show a modal box based on Twitter Bootstrap css library that also can inject contents to the alert box dynamically whenever require ? Well, I did. I was writing some ajax calls to post some data to an php file and show the output received. One solution…Continue reading jQuery BootAlert – A Simple Bootstrap Alert Function
Category: JQuery
jQuery Back Button
This is a jQuery code snippet to simulate a back button based on the users last web page. $(function(){} $(‘.back’).click(function(){ parent.history.back(); return false; }); }); This will trigger Back button on all elements with the class name “back”. If you would like to specify an element just use the element name $(‘#back’).click(function() If you would…Continue reading jQuery Back Button
A Beautiful Document Presentation Using HTML,CSS & jQuery
Today, I had to create a document presentation. Usually I select Microsoft Powerpoint or Google Presentation to make the presentation. This time, I went ahead and created my own document presentation template using HTML, CSS and jQuery. I want to share it here. The demo can be found below I had the basic idea of…Continue reading A Beautiful Document Presentation Using HTML,CSS & jQuery
Preload Images Using jQuery
Have you ever noticed that pages and images you’ve visited in the past always load faster than a page you’re visiting for the first time? This is because your browser cache the file when you visit the page for the first time and get the file from its cache when you visit the page second…Continue reading Preload Images Using jQuery
jQuery GFAQ Plugin, A jQuery Plugin For Fetching FAQs from Google Docs
I was looking for a simple jQuery FAQ scripts out there for adding to my personal website and I couldn’t find one which is simple to configure and has no fancy styles. I’ve found a couple of fancy FAQ scripts but I didn’t want to add a fancy script to my personal website. While I…Continue reading jQuery GFAQ Plugin, A jQuery Plugin For Fetching FAQs from Google Docs
jQuery Plugin: CSS 3 Image Corner (My First JQuery Plugin)
I was working on a project in which I had to make a border for an image. I’ve decided to use the CSS3 border properties. However, I didn’t have access to the CSS file so I had to make the border using jQuery. Since I had to use this code on many pages, I’ve decided…Continue reading jQuery Plugin: CSS 3 Image Corner (My First JQuery Plugin)
How to center an element using jQuery
A simple function can be used to set elements in the center dynamically. [javascript] jQuery.fn.center = function () { this.css(‘position’,’absolute’); this.css(‘top’, ( $(window).height() – this.height() ) / +$(window).scrollTop() + ‘px’); this.css(‘left’, ( $(window).width() – this.width() ) / 2+$(window).scrollLeft() + ‘px’); return this; } [/javascript] This can be called using [javascript] $(function(){ $(“#a”).center(); }); [/javascript] Where…Continue reading How to center an element using jQuery
jQuery Flying Twitter Bird Script
Hey guys! Today I have developed a small script to show a flying twitter bird on a web page. It is easy to install, and it won’t take more than a minute! This twitter bird will fly from left to right and will stop when you hover your mouse. Take a look at the…Continue reading jQuery Flying Twitter Bird Script
“Exploding” Testimonial Page using PHP + JQuery
Dear friends, First of all, thank you for your continued support, I’ve heard many positive reviews about my blog ( though I don’t post much on this blog ) So, I was doing some enchantments on our hosting site http://www.sunshellhosting.com and adding some more client testimonials. So I come up with an ‘exploding’ testimonial box…Continue reading “Exploding” Testimonial Page using PHP + JQuery