<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Cool Javascripts &#187; Modal Windows</title>
	<atom:link href="http://cool-javascripts.com/tag/modal-windows/feed" rel="self" type="application/rss+xml" />
	<link>http://cool-javascripts.com</link>
	<description>The best javascripts for your site</description>
	<lastBuildDate>Tue, 22 Mar 2011 14:35:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Three jQuery modal plugins to repace alert and confirm</title>
		<link>http://cool-javascripts.com/modal-windows/three-jquery-modal-plugins-to-repace-alert-and-confirm.html</link>
		<comments>http://cool-javascripts.com/modal-windows/three-jquery-modal-plugins-to-repace-alert-and-confirm.html#comments</comments>
		<pubDate>Tue, 18 Nov 2008 07:09:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Modal Windows]]></category>
		<category><![CDATA[alert]]></category>
		<category><![CDATA[confirm]]></category>
		<category><![CDATA[plugins]]></category>

		<guid isPermaLink="false">http://cool-javascripts.com/modal-windows/three-jquery-modal-plugins-to-repace-alert-and-confirm.html</guid>
		<description><![CDATA[alert() and confirm() are two javascript functions that you should not use in your web 2.0 sites . The main problem with these are the way those blocks the user from interacting with browser. They are modal in behaviour, that means the user should take an action before he can do anything with browser. He [...]


Related posts:<ol><li><a href='http://cool-javascripts.com/modal-windows/jquery-impromptu-alert-and-confirm-replacement-with-form-support.html' rel='bookmark' title='Permanent Link: jQuery Impromptu &#8211; alert and confirm replacement with form support'>jQuery Impromptu &#8211; alert and confirm replacement with form support</a> <small>jQuery Impromptu is an extention to help provide a more...</small></li><li><a href='http://cool-javascripts.com/modal-windows/sexy-alert-box-for-mootools.html' rel='bookmark' title='Permanent Link: Sexy Alert Box for Mootools'>Sexy Alert Box for Mootools</a> <small> It is an excellent script to replace the javascript...</small></li><li><a href='http://cool-javascripts.com/jquery/3-jquery-plugins-to-show-context-menu.html' rel='bookmark' title='Permanent Link: 3 jQuery plugins to show context menu'>3 jQuery plugins to show context menu</a> <small>A context menu (also contextual menu, shortcut menu and, popup...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><img src="http://cool-javascripts.com/wp-content/uploads/2008/12/modal-windows.gif" /></p>
<p>alert() and confirm() are two javascript functions that you should not use in your web 2.0 sites <img src='http://cool-javascripts.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  . The main problem with these are the way those blocks the user from interacting with browser. They are modal in behaviour, that means the user should take an action before he can do anything with browser. He can&#8217;t even switch to another tab. Here, we suggest three jQuery plugins to ditch the notorious alert() function.</p>
<p>They are jQuery Modal Dialog, jqModal, jQuery SimpleModal <span id="more-32"></span></p>
<h3>jQuery Modal Dialog</h3>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2008/12/jquery-modal1.gif" /><br />
Unlike many modal scripts (which are coded to show any type of contents along with modal dialog support), this plugin is just made to show messages to the user and a complete replacement for javascript alert() and confirm. </p>
<p>By default it supports 4 types of messages &#8211; error, warning, success and prompt. The styles are highly customizable. One feature I liked in this is the built in support for auto close option. It is a very useful feature. For eg: To show a success message for 5 seconds and close the message automatically.<br />
<b><br />
Advantages<br />
</b></p>
<ul>
<li>Highly customizable</li>
<li>Supports error, warning, success and prompt messages</li>
<li>Auto Close option</li>
</ul>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">6KB </td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (Free to use on any site)</td>
</tr>
</tbody>
</table>
<p class="download">For demo and download, please check the links </p>
<p><a class="opensame" rel="shadowbox" href="http://tautologistics.com/projects/jquery.modaldialog/doc/1.0.0/">Open Demo</a> | <a class="opennew" href="http://tautologistics.com/projects/jquery.modaldialog/doc/1.0.0/" target="_blank">Open demo in new window</a> |  <a class="opennew" href="http://plugins.jquery.com/project/modaldialog" target="_blank">Support page</a>
</p>
<h3>jqModal</h3>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2008/12/jqmodal-minimalistic-modaling-for-jquery.jpg" /></p>
<blockquote><p>jqModal is a plugin for <a href="http://jquery.com/">jQuery</a> to help you display notices, dialogs, and modal windows in a web browser. It is flexible and tiny, akin to a &#8220;Swiss Army Knife&#8221;, and makes a great base as a general purpose windowing framework.
</p></blockquote>
<p> As the author claims, it is a good script to show messages to the user. It can be used to replace the alert() and confirm() javascript functions. </p>
<p>Advantages</p>
<ul>
<li>Highly customizable</li>
<li>Can show Ajax/Iframe content</li>
<li>Can replace alert() and confirm()</li>
</ul>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">Less than 4KB </td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (Free to use on any site)</td>
</tr>
</tbody>
</table>
<p class="download">For demo and download, please check the links  </p>
<p><a class="opensame" rel="shadowbox" href="http://dev.iceburg.net/jquery/jqModal/#examples">Open Demo</a> | <a class="opennew" href="http://dev.iceburg.net/jquery/jqModal/#examples" target="_blank">Open demo in new window</a> |  <a class="opennew" href="http://dev.iceburg.net/jquery/jqModal/#where" target="_blank">Download</a>
</p>
<h3>SimpleModal</h3>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2008/12/simplemodal-demos.jpg" /></p>
<blockquote><p>SimpleModal is a lightweight jQuery plugin that provides a simple interface to create a modal dialog.</p>
<p>The goal of SimpleModal is to provide developers with a cross-browser overlay and container that will be populated with data provided.</p></blockquote>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">6KB </td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (Free to use on any site)</td>
</tr>
</tbody>
</table>
<p class="download">For demo and download, please check the links  </p>
<p><a class="opensame" rel="shadowbox" href="http://www.ericmmartin.com/simplemodal/">Open Demo</a> | <a class="opennew" href="http://www.ericmmartin.com/simplemodal/" target="_blank">Open demo in new window</a> |  <a class="opennew" href="http://www.ericmmartin.com/projects/simplemodal/" target="_blank">Info &amp; Download</a></p>


<p>Related posts:<ol><li><a href='http://cool-javascripts.com/modal-windows/jquery-impromptu-alert-and-confirm-replacement-with-form-support.html' rel='bookmark' title='Permanent Link: jQuery Impromptu &#8211; alert and confirm replacement with form support'>jQuery Impromptu &#8211; alert and confirm replacement with form support</a> <small>jQuery Impromptu is an extention to help provide a more...</small></li><li><a href='http://cool-javascripts.com/modal-windows/sexy-alert-box-for-mootools.html' rel='bookmark' title='Permanent Link: Sexy Alert Box for Mootools'>Sexy Alert Box for Mootools</a> <small> It is an excellent script to replace the javascript...</small></li><li><a href='http://cool-javascripts.com/jquery/3-jquery-plugins-to-show-context-menu.html' rel='bookmark' title='Permanent Link: 3 jQuery plugins to show context menu'>3 jQuery plugins to show context menu</a> <small>A context menu (also contextual menu, shortcut menu and, popup...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://cool-javascripts.com/modal-windows/three-jquery-modal-plugins-to-repace-alert-and-confirm.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

