Jquery modal window examples

jQuery Inline Modal Window

Inline Modal Window w/ CSS and jQuery requires intermediate knowledge of CSS and jQuery that easy to install modal window (Popup) plugins out there like fancybox and prettyPhoto.

Demo: http://www.sohtanaka.com/web-design/examples/modal-window/
Home & Code: http://www.sohtanaka.com/web-design/inline-modal-window-w-css-and-jquery/

jQuery Superbox: Flexible Modal Windows

jQuery Superbox! is a jQuery plugin for creating easily customizable modal windows (lightbox-like). It is an accessible script, uses the rel attribute of an element for triggering & href attribute is used for defining the source to be displayed.

To change the look & feel, it is enough to play with the CSS as no styles are set by default.

It can display any type of content as every HTML content can be presented. But by default, images (single or gallery mode), text content & iframes are supported

Dimensions of the modal window can be choosen to resize automatically according to the content or width & height can be defined for a standard size.

Download:
http://www.pierrebertet.net/projects/jquery_superbox/

TinyBox – Lightweight Modal Window Script Ajax


TinyBox is a lightweight (3.5kb) modal window script that does not depend on any JavaScript frameworks. It can display any Ajax or HTML content (from text to videos). Also, if enabled, the modal boxes fade in/out & dynamically resize based on the loaded content.

With the auto-hide support, the script can be used to show notifications. It is called & configured within one line, like:

TINY.box.show(‘advanced.html’,1,300,150,1,3)

where all the settings can be mentioned easily. For a demo of TinyBox, click here.
http://sandbox.leigeber.com/tinybox/

Download : http://www.leigeber.com/2009/05/javascript-popup-box/

jQuery Popeye: Advanced Lightbox image Gallery

jQuery Popeye uses a different approach than traditional lightboxes by respecting the page flow and staying anchored in the web page at all times. You can use it to save space when displaying a collection of images and also provide your users a nice and elegant way to see larger images without leaving the page flow. It is fairly easy to implement, and offers great flexibility in both behavior and styling through configuration options and CSS.

Features

* Easy to implement and requires simple markup
* Comes with three different CSS skins
* Automatic Single Image Mode
* Can have multiple galleries in a single page
* Support both text based or HTML based captions
* Configuration options  to customize behavior

Demo: http://dev.herr-schuessler.de/jquery/popeye/demo.html#pre1
Home & Download: http://plugins.jquery.com/project/popeye

PHP Cheat Sheets & Free Quick Reference Guides for PHP

Apache and IIS PHP $_SERVER Superglobal Comparision

On this page, you will find a table of the keys that are defined in PHP’s $ _SERVER superglobal array running on Apache and IIS servers.

Boyden, Mark : PHP Cheat Sheet

Just some of the PHP tips/tricks I’ve looked up at one time or another and needed to be reminded how to do….

CakePHP Naming Conventions Global Constants Global Functions

CakePHP Naming Conventions Global Constants Global Functions Cheat Sheat and quick reference guide for PHP

Cheat Sheet for PHP on Mac OSX Dashboard : Be Good Not Bad

This may sound like a repeat of the last one from three weeks ago, but seriously, it’s different. This one is PHP, not CSS. A big difference if you have any idea what that stuff means. If not, well, move on, move on, I posted another article earlier today.

Emezeta: PHP Cheat Sheet Card

Emezeta PHP Card is a free PHP reference cheat sheet. You can download it in two formats: PNG and PDF, ready for printing.

Handy Design PHP Patterns Cheatsheet

A range of cheatsheets (or refcardz) they have made available for free download. They offer a whole range from Java, to PHP to .NET to Flex and more.

PHP / MySQL Cheat Sheet

This is the second version of my MySQL via PHP Cheat Sheet, which gives bare-to-the-bone MySQL blocks for PHP programmers. These can easily be copied and pasted into your code, then modified to meet your needs.

PHP 4 Reference Card

PHP 4 reference card.

PHP 5 Online Cheat Sheet

PHP 5 Online Cheat Sheet and PHP Quick Reference Guide.

PHP Cheat Sheet

No matter how skilled of a programmer you are there are times when you have to return to thia PHP Cheat Sheet.

PHP Cheat Sheet from Blue Shoes

A very useful PHP Cheat Sheet.

Php Cheat Sheet from Digilife

PHP Cheat Sheet

PHP Cheatsheet for Beginners – Google Books Result

Google allows you to look through this book – PHP Cheatsheets for Beginners

PHP Hypertext Preprocessor (PHP)

PHP Hypertext Preprocessor (PHP) reference guide and cheat sheets.

PHP Manual : Quick Reference Guide

Here is a list of all the documented PHP functions. Click on any one of them to jump to that page in the manual.

PHP PCRE Cheat Sheet

PHP PCRE Cheat Sheet and reference guide for PHP.

PHP PCRE Cheat Sheet

The best of the best PHP Cheat sheets and PHP quick reference guides.

PHP Quick Reference Sheet

Quick Reference Chart for PHP

Php Reference Sheet Basics

PHP reference sheet.

PHP Skinny Sheet

The skinny on PHP

PHP tips/tricks Cheat Sheet

Just some of the PHP tips/tricks Ive looked up at one time or another and needed to be reminded how to do….

Pixelated Dreams PHP Cheat Sheet (PDF)

This is Pixelated Dreams’ PHP Cheat Sheet for Filtering and Escaping in PHP.

Popular PHP Cheat Sheet in widget form

This widget displays all the excellent information from the popular PHP Cheat Sheet in widget form. This includes such handy information as date formatting and regular expression syntax. Lots of very helpful information.

Smarty & PHP Cheat Sheets

Smarty & PHP Cheat Sheet for Template Designers

SourceCodeOnline: PHP Cheat Sheet

The PHP cheat sheet is designed to be printed on an A4 sheet of paper and live by a developers desk, to make life a bit easier.

The PHP cheat sheet is a one-page reference sheet

PHP Cheat Sheet Version 2 The PHP cheat sheet is a one-page reference sheet

The PHP Resource Index: Resource Details: PHP Cheat Sheet

The PHP cheat sheet is designed to be printed on an A4 sheet of paper and live by a developers desk, to make life a bit easier.

%d bloggers like this: