<?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>Free Web Resources - Web Resources Depot &#187; Popup</title>
	<atom:link href="http://www.webresourcesdepot.com/tag/popup/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webresourcesdepot.com</link>
	<description>Free Web Resources</description>
	<lastBuildDate>Sat, 20 Mar 2010 05:01:56 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Fixed Top/Bottom Content With jQuery: Meerkat</title>
		<link>http://www.webresourcesdepot.com/fixed-topbottom-content-with-jquery-meerkat/</link>
		<comments>http://www.webresourcesdepot.com/fixed-topbottom-content-with-jquery-meerkat/#comments</comments>
		<pubDate>Thu, 17 Dec 2009 06:32:37 +0000</pubDate>
		<dc:creator>Umut M.</dc:creator>
				<category><![CDATA[Browsing]]></category>
		<category><![CDATA[Goodies]]></category>
		<category><![CDATA[MIT License]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Popup]]></category>

		<guid isPermaLink="false">http://www.webresourcesdepot.com/?p=1341</guid>
		<description><![CDATA[
	Meerkat is a jQuery plugin for creating a fixed content on the top or bottom of the page which keeps its position when the page is scrolled.

	The content displayed can slide or fade in &#38; can be configured with the options provided.

	

	There is a close option, which closes Meerkat until the page has been reloaded, [...]]]></description>
			<content:encoded><![CDATA[<p>
	<a href="http://jarodtaylor.com/meerkat/" target="_blank"><strong>Meerkat</strong></a> is a <strong>jQuery plugin for creating a fixed content on the top or bottom of the page</strong> which keeps its position when the page is scrolled.</p>
<p>
	The content displayed can <strong>slide or fade in</strong> &amp; can be configured with the options provided.</p>
<p>
	<a href="http://jarodtaylor.com/meerkat/" target="_blank"><img alt="jQuery Meerkat" height="151" src="http://www.webresourcesdepot.com/wp-content/uploads/image/jquery-meerkat.gif" width="480" /></a></p>
<p>
	There is a <code>close</code> option, which closes <strong>Meerkat</strong> until the page has been reloaded, or a <code>dontShow</code> option, which closes it until the browser session has ended, or for a set amount of days, totally configurable.</p>
<p>
	It is also possible to define the background color, height &amp; animation speed of the <strong>Meerkat</strong> easily.</p>
<p>
	The plugin is <strong>very useful for displaying sticky banners &amp; notifications</strong> or creating a splash page (an example exists in the plugin page).</p>
<p><strong>Special Downloads:</strong><br />
<a href="http://www.webresourcesdepot.com/?download=jBasket" target="_blank">Ajaxed Add-To-Basket Scenarios With jQuery And PHP</a><br />
<a href="http://www.webresourcesdepot.com/?download=Free-Admin-Template" target="_blank">Free Admin Template For Web Applications</a><br />
<a href="http://www.webresourcesdepot.com/?download=jQuery-Dynamic-Drag-Drop" target="_blank">jQuery Dynamic Drag&#8217;n Drop</a><br />
<a href="http://www.webresourcesdepot.com/?download=sTwitter-1-0" target="_blank">ScheduledTweets</a></p>
<p><strong>Advertisements:</strong><br />
<a href="http://www.sslmatic.com" target="_blank">SSLmatic &#8211; Cheap SSL Certificates (from $19.99/year)</a><br />
<a href="http://twitter.com/umutm" target="_blank">Follow WebResourcesDepot At Twitter And Get More Resources!</a></p>

	Tags: <a href="http://www.webresourcesdepot.com/tag/javascript/" title="Javascript" rel="tag">Javascript</a>, <a href="http://www.webresourcesdepot.com/tag/popup/" title="Popup" rel="tag">Popup</a><br />

	<h4>Related posts</h4>
	<ul class='st-related-posts'>
	<li><a href="http://www.webresourcesdepot.com/user-friendly-prototype-scriptaculous-popups-modalbox/" title="User Friendly Prototype + Script.aculo.us Popups: Modalbox (February 7, 2008)">User Friendly Prototype + Script.aculo.us Popups: Modalbox</a></li>
	<li><a href="http://www.webresourcesdepot.com/lightweight-modal-window-script-tinybox/" title="Lightweight Modal Window Script: TinyBox (May 25, 2009)">Lightweight Modal Window Script: TinyBox</a></li>
	<li><a href="http://www.webresourcesdepot.com/zoom-script-with-a-smart-interface-tjpzoom/" title="Zoom Script With A Smart Interface: TJPzoom (September 4, 2008)">Zoom Script With A Smart Interface: TJPzoom</a></li>
	<li><a href="http://www.webresourcesdepot.com/yui-slideshow-customizable-and-animated-slideshows/" title="YUI Slideshow: Customizable And Animated Slideshows (August 12, 2009)">YUI Slideshow: Customizable And Animated Slideshows</a></li>
	<li><a href="http://www.webresourcesdepot.com/wrap-content-around-images-jqslickwrap/" title="Wrap Content Around Images: jQSlickWrap (November 22, 2009)">Wrap Content Around Images: jQSlickWrap</a></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.webresourcesdepot.com/fixed-topbottom-content-with-jquery-meerkat/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Lightweight Modal Window Script: TinyBox</title>
		<link>http://www.webresourcesdepot.com/lightweight-modal-window-script-tinybox/</link>
		<comments>http://www.webresourcesdepot.com/lightweight-modal-window-script-tinybox/#comments</comments>
		<pubDate>Mon, 25 May 2009 17:01:22 +0000</pubDate>
		<dc:creator>Umut M.</dc:creator>
				<category><![CDATA[Browsing]]></category>
		<category><![CDATA[Goodies]]></category>
		<category><![CDATA[Other License]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Popup]]></category>

		<guid isPermaLink="false">http://www.webresourcesdepot.com/?p=965</guid>
		<description><![CDATA[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 &#38; dynamically resize based on the loaded content.

With the auto-hide support, the script can be used to show notifications. It [...]]]></description>
			<content:encoded><![CDATA[<p><a target="_blank" href="http://www.leigeber.com/2009/05/javascript-popup-box/"><strong>TinyBox</strong></a> is a lightweight (3.5kb) <strong>modal window script</strong> that does not depend on any JavaScript frameworks.</p>
<p>It can <strong>display any Ajax or HTML content</strong> (from text to videos). Also, if enabled, the modal boxes fade in/out &amp; dynamically resize based on the loaded content.</p>
<p><a target="_blank" href="http://www.leigeber.com/2009/05/javascript-popup-box/"><img height="148" width="478" alt="JavaScript Modal Box" src="http://www.webresourcesdepot.com/wp-content/uploads/image/javascript-modal-box.gif" /></a></p>
<p>With the <strong>auto-hide support</strong>, the script can be used to show notifications. It is called &amp; configured within one line, like:</p>
<p><code>TINY.box.show('advanced.html',1,300,150,1,3)</code></p>
<p>where all the settings can be mentioned easily. For a demo of <strong>TinyBox</strong>, <a target="_blank" href="http://sandbox.leigeber.com/tinybox/">click here</a>.</p>
<p><strong>Special Downloads:</strong><br />
<a href="http://www.webresourcesdepot.com/?download=jBasket" target="_blank">Ajaxed Add-To-Basket Scenarios With jQuery And PHP</a><br />
<a href="http://www.webresourcesdepot.com/?download=Free-Admin-Template" target="_blank">Free Admin Template For Web Applications</a><br />
<a href="http://www.webresourcesdepot.com/?download=jQuery-Dynamic-Drag-Drop" target="_blank">jQuery Dynamic Drag&#8217;n Drop</a><br />
<a href="http://www.webresourcesdepot.com/?download=sTwitter-1-0" target="_blank">ScheduledTweets</a></p>
<p><strong>Advertisements:</strong><br />
<a href="http://www.sslmatic.com" target="_blank">SSLmatic &#8211; Cheap SSL Certificates (from $19.99/year)</a><br />
<a href="http://twitter.com/umutm" target="_blank">Follow WebResourcesDepot At Twitter And Get More Resources!</a></p>

	Tags: <a href="http://www.webresourcesdepot.com/tag/javascript/" title="Javascript" rel="tag">Javascript</a>, <a href="http://www.webresourcesdepot.com/tag/popup/" title="Popup" rel="tag">Popup</a><br />

	<h4>Related posts</h4>
	<ul class='st-related-posts'>
	<li><a href="http://www.webresourcesdepot.com/user-friendly-prototype-scriptaculous-popups-modalbox/" title="User Friendly Prototype + Script.aculo.us Popups: Modalbox (February 7, 2008)">User Friendly Prototype + Script.aculo.us Popups: Modalbox</a></li>
	<li><a href="http://www.webresourcesdepot.com/fixed-topbottom-content-with-jquery-meerkat/" title="Fixed Top/Bottom Content With jQuery: Meerkat (December 17, 2009)">Fixed Top/Bottom Content With jQuery: Meerkat</a></li>
	<li><a href="http://www.webresourcesdepot.com/zoom-script-with-a-smart-interface-tjpzoom/" title="Zoom Script With A Smart Interface: TJPzoom (September 4, 2008)">Zoom Script With A Smart Interface: TJPzoom</a></li>
	<li><a href="http://www.webresourcesdepot.com/yui-slideshow-customizable-and-animated-slideshows/" title="YUI Slideshow: Customizable And Animated Slideshows (August 12, 2009)">YUI Slideshow: Customizable And Animated Slideshows</a></li>
	<li><a href="http://www.webresourcesdepot.com/wrap-content-around-images-jqslickwrap/" title="Wrap Content Around Images: jQSlickWrap (November 22, 2009)">Wrap Content Around Images: jQSlickWrap</a></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.webresourcesdepot.com/lightweight-modal-window-script-tinybox/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>User Friendly Prototype + Script.aculo.us Popups: Modalbox</title>
		<link>http://www.webresourcesdepot.com/user-friendly-prototype-scriptaculous-popups-modalbox/</link>
		<comments>http://www.webresourcesdepot.com/user-friendly-prototype-scriptaculous-popups-modalbox/#comments</comments>
		<pubDate>Thu, 07 Feb 2008 17:57:55 +0000</pubDate>
		<dc:creator>Umut M.</dc:creator>
				<category><![CDATA[Browsing]]></category>
		<category><![CDATA[Goodies]]></category>
		<category><![CDATA[License Free]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Popup]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[script.aculo.us]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Xhtml]]></category>

		<guid isPermaLink="false">http://www.webresourcesdepot.com/user-friendly-prototype-scriptaculous-popups-modalbox/</guid>
		<description><![CDATA[ModalBox is a JavaScript technique for creating Web 2.0 &#8211; style modal dialogs (or sequence of dialogs) without using standard popups and page reloads.
It&#8217;s inspired by Mac OS X modal dialogs and based on Prototype JavaScript framework + script.aculo.us and valid XHTML/CSS. Content can be loaded with Ajax or just plain-HTML.


ModalBox Features

Web 2.0-ready. ModalBox uses [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.wildbit.com/labs/modalbox/" target="_blank"><strong>ModalBox</strong></a> is a JavaScript technique for creating <strong>Web 2.0 &#8211; style modal dialogs</strong> (or sequence of dialogs) without using standard popups and page reloads.</p>
<p>It&rsquo;s inspired by Mac OS X modal dialogs and based on <strong>Prototype JavaScript framework + script.aculo.us</strong> and valid XHTML/CSS. Content can be loaded with Ajax or just plain-HTML.</p>
<p><a href="http://www.wildbit.com/labs/modalbox/" target="_blank"><img width="479" height="194" src="http://www.webresourcesdepot.com/wp-content/uploads/image/modalbox-popup-prototype.gif" alt="Mrototype Popup Modalbox" /></a></p>
<div class="secondcol">
<h3>ModalBox Features</h3>
<ul id="features">
<li><strong>Web 2.0-ready.</strong> ModalBox uses industry-standard libraries &mdash; <a title="Go to Prototype JavaScript Framework home" href="http://prototypejs.org/" target="_blank">prototype</a> and <a title="Go to script.aculo.us home" href="http://script.aculo.us/" target="_blank">script.aculo.us</a>.</li>
<li><strong>Offline-mode.</strong> Use dynamic- or plain-HTML without any Ajax-calls to fill out your dialog windows.</li>
<li><strong>AJAX page loading.</strong> ModalBox uses AJAX instead of deprecated <code>iframe</code> for content loading. It&rsquo;s also more secure &mdash; you can&rsquo;t access pages that are not on your host.</li>
<li><strong>Callbacks support.</strong> You can attach your own JavaScript events after showing or hiding (and more) the ModalBox</li>
<li><strong>Automatic height adjustment.</strong> ModalBox adjust it&rsquo;s height depending on your content. No more height tweaking!</li>
<li><strong>Scrolling mode.</strong> If your content is long, just define the height of the ModalBox and it will switch into &ldquo;scrolling mode&rdquo;</li>
<li><strong>Browser and platform independent.</strong> Since most modern browsers use popup blockers, it&rsquo;s hard to find another way to create 100% browser-compatible modal dialogs.</li>
<li><strong>Multi-purpose.</strong> You can create complex wizards to guide users through the process. Image slideshows can be created too.</li>
<li><strong>Keystrokes support.</strong> Use ESC key to close ModalBox.</li>
<li><strong>Customizable Look &amp; Feel.</strong> Use CSS to make ModalBox look like you want.</li>
<li><strong>Supports transitional effects.</strong> Slide down appearing and on-the-fly resizing.</li>
<li><strong>Lightweight.</strong> Just about 10 KB of code.</li>
<li><strong>Works in most modern browsers.</strong> Tested in IE6, IE7, Firefox 1.0, 1.5, 2.0, Safari, Camino, Opera 8 and 9.</li>
</ul>
<p>P.S. There is a <strong>Mootools</strong> clone of ModalBox named <a target="_blank" href="http://forum.mootools.net/topic.php?id=682#post-3047">MOOdalBox</a>.</p>
</div>
<p><strong>Special Downloads:</strong><br />
<a href="http://www.webresourcesdepot.com/?download=jBasket" target="_blank">Ajaxed Add-To-Basket Scenarios With jQuery And PHP</a><br />
<a href="http://www.webresourcesdepot.com/?download=Free-Admin-Template" target="_blank">Free Admin Template For Web Applications</a><br />
<a href="http://www.webresourcesdepot.com/?download=jQuery-Dynamic-Drag-Drop" target="_blank">jQuery Dynamic Drag&#8217;n Drop</a><br />
<a href="http://www.webresourcesdepot.com/?download=sTwitter-1-0" target="_blank">ScheduledTweets</a></p>
<p><strong>Advertisements:</strong><br />
<a href="http://www.sslmatic.com" target="_blank">SSLmatic &#8211; Cheap SSL Certificates (from $19.99/year)</a><br />
<a href="http://twitter.com/umutm" target="_blank">Follow WebResourcesDepot At Twitter And Get More Resources!</a></p>

	Tags: <a href="http://www.webresourcesdepot.com/tag/javascript/" title="Javascript" rel="tag">Javascript</a>, <a href="http://www.webresourcesdepot.com/tag/popup/" title="Popup" rel="tag">Popup</a>, <a href="http://www.webresourcesdepot.com/tag/prototype/" title="Prototype" rel="tag">Prototype</a>, <a href="http://www.webresourcesdepot.com/tag/scriptaculous/" title="script.aculo.us" rel="tag">script.aculo.us</a>, <a href="http://www.webresourcesdepot.com/tag/web-20/" title="Web 2.0" rel="tag">Web 2.0</a>, <a href="http://www.webresourcesdepot.com/tag/xhtml/" title="Xhtml" rel="tag">Xhtml</a><br />

	<h4>Related posts</h4>
	<ul class='st-related-posts'>
	<li><a href="http://www.webresourcesdepot.com/createsmarter-and-good-looking-lists-using-smarter-lists/" title="Smarter And Good Looking Lists With Smart Lists (March 16, 2008)">Smarter And Good Looking Lists With Smart Lists</a></li>
	<li><a href="http://www.webresourcesdepot.com/prototypextensions-extra-methods-to-prototype/" title="PrototypeXtensions: Extra Methods To Prototype (September 23, 2008)">PrototypeXtensions: Extra Methods To Prototype</a></li>
	<li><a href="http://www.webresourcesdepot.com/kproto-handy-prototype-extensions-and-classes/" title="kproto: Handy Prototype Extensions And Classes (November 21, 2008)">kproto: Handy Prototype Extensions And Classes</a></li>
	<li><a href="http://www.webresourcesdepot.com/image-crop-ui-with-prototype/" title="Image Crop UI With Prototype (March 9, 2008)">Image Crop UI With Prototype</a></li>
	<li><a href="http://www.webresourcesdepot.com/free-form-validation-library-jsvalidate/" title="Free Form Validation Library: JSValidate (January 8, 2009)">Free Form Validation Library: JSValidate</a></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.webresourcesdepot.com/user-friendly-prototype-scriptaculous-popups-modalbox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- This site's performance optimized by W3 Total Cache. Dramatically improve the speed and reliability of your blog!

Learn more about our WordPress Plugins: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced) (user agent is rejected)
Database Caching 16/32 queries in -8.451 seconds using disk

Served from: www.webresourcesdepot.com @ 2010-03-21 03:10:18 -->