<?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 window</title>
	<atom:link href="http://cool-javascripts.com/tag/modal-window/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>Most useful prototype / script.aculo.us plugins</title>
		<link>http://cool-javascripts.com/prototype/most-useful-prototype-plugins.html</link>
		<comments>http://cool-javascripts.com/prototype/most-useful-prototype-plugins.html#comments</comments>
		<pubDate>Tue, 05 May 2009 07:44:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Prototype]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[inplace editor]]></category>
		<category><![CDATA[modal window]]></category>
		<category><![CDATA[prototype plugin]]></category>

		<guid isPermaLink="false">http://cool-javascripts.com/?p=218</guid>
		<description><![CDATA[Prototype is one of the earliest new generation javascript libraries (or javascript frame work) like jQuery &#038; Mootools. Coupled with Script Aculous, it is a powerful library and many extensions/plugins are available for it. The one downside to this library is, it is rather huge and requires script aculous even for basic animations. Size is [...]


Related posts:<ol><li><a href='http://cool-javascripts.com/modal-windows/highslide-the-best-image-gallery-script.html' rel='bookmark' title='Permanent Link: Highslide &#8211; The best image gallery script?'>Highslide &#8211; The best image gallery script?</a> <small> Highslide is a standalone javascript library created mainly for...</small></li><li><a href='http://cool-javascripts.com/galleries/10-jquery-plugins-for-showing-image-gallery.html' rel='bookmark' title='Permanent Link: 10 jQuery plugins for showing image gallery'>10 jQuery plugins for showing image gallery</a> <small>An image gallery is part of the modern web 2.0...</small></li><li><a href='http://cool-javascripts.com/effects/10-jquery-plugins-for-manipulating-images.html' rel='bookmark' title='Permanent Link: 10 jQuery plugins for manipulating images'>10 jQuery plugins for manipulating images</a> <small>This time, I want to list some jQuery plugins that...</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><a href="http://www.prototypejs.org/" target="_blank">Prototype</a> is one of the earliest new generation javascript libraries (or javascript frame work) like jQuery &#038; Mootools. Coupled with <a href="http://script.aculo.us/" target="_blank">Script Aculous</a>, it is a powerful library and many extensions/plugins are available for it. The one downside to this library is, it is rather huge and requires script aculous even for basic animations. Size is okay when compressed, but it is not easy to find a compressed version and if compress via javascript compressors, it might produce some errors.</p>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2009/05/prototype.jpg" alt="Prototype plugins" /></p>
<p>Here is a collection of the most useful prototype plugins grouped in to categories so that you can find your script based on your needs. Includes scripts for image galleries, lightbox, in place editors, form validation, modal windows, image manipulation, auto complete, table sorting etc.</p>
<h2>Useful resources</h2>
<ul>
<li><a href="http://www.prototypejs.org/learn" target="_blank">Prototype tutorials</a></li>
<li><a href="http://wiki.github.com/madrobby/scriptaculous" target="_blank">Script Aculous tutorials</a></li>
<li><a href="http://groups.google.com/group/prototype-core/files" target="_blank">Prototype compressed versions</a></li>
<li><a href="http://www.stevekallestad.com/blog/prototype_and_scriptaculous_compressed.html" target="_blank">Prototype &amp; Script Aculous(script.aculo.us) compressed</a></li>
</ul>
<p><span id="more-218"></span></p>
<h2>Prototype image gallery &#038; lightbox</h2>
<h3><a href="http://www.deensoft.com/lab/protoflow/" target="_blank">ProtoFlow</a></h3>
<p>ProtoFlow is the prototype equivalent of Apple&#8217;s coverflow effect. Nicely implemented with reflection (reflection.js script required).<br />
<a href="http://www.deensoft.com/lab/protoflow/" target="_blank" title="Protoflow"><img src="http://cool-javascripts.com/wp-content/uploads/2009/05/protoflowdemo.jpg" alt="Protoflow" /></a></p>
<h3><a href="http://www.nickstakenburg.com/projects/lightview/" target="_blank">LightView</a></h3>
<p>It is an excellent script which can show images, movies, flash or iframe content in an overlay effect. It supports slideshow mode for images and auto detection of media using file name extension.</p>
<p><a href="http://www.nickstakenburg.com/projects/lightview/" target="_blank"><img src="http://cool-javascripts.com/wp-content/uploads/2009/05/lightview.jpg" /></a></p>
<h3><a href="http://qgallery.quadrifolia.de/" target="_blank">qGallery</a></h3>
<p>This is not yet complete and is not available for download. But the demos are worth watching and looks promising. It is aimed to be a complete gallery script with support for XML based galleries width different viewing options, thumbnail zoom etc.<br />
<img src="http://cool-javascripts.com/wp-content/uploads/2009/05/qgallery-beta-089-sebastian-brink-quadrifoliade.jpg" /><br />
<img src="http://cool-javascripts.com/wp-content/uploads/2009/05/qgallery-beta-089-sebastian-brink-quadrifoliade-1.jpg" /></p>
<h3><a href="http://www.lokeshdhakar.com/projects/lightbox2/" target="_blank">Lightbox</a></h3>
<p>It is one of the first lightbox scripts.</p>
<h2>Prototype auto complete</h2>
<p><a href="http://www.brandspankingnew.net/specials/ajax_autosuggest/ajax_autosuggest_autocomplete.html" target="_blank"><img src="http://cool-javascripts.com/wp-content/uploads/2009/05/autosuggest.jpg" /></a></p>
<p><a href="http://www.brandspankingnew.net/specials/ajax_autosuggest/ajax_autosuggest_autocomplete.html" target="_blank">http://www.brandspankingnew.net/specials/ajax_autosuggest/ajax_autosuggest_autocomplete.html</a><br />
<a href="http://www.brandspankingnew.net/specials/ajax_autosuggest/ajax_autosuggest_autocomplete.html" target="_blank">http://www.beauscott.com/examples/autocomplete/doc/examples.html</a></p>
<h2>Prototype UI (Slider &#038; Modal Window)</h2>
<blockquote><p>
Prototype UI is a javascript library based on Prototype (1.6) and Script.aculo.us (1.8). It&#8217;s a library of User Interface components, based on a common fundation classes, which could be easily used by various web applications.</p></blockquote>
<p>.</p>
<p><a href="http://www.prototype-ui.com/" target="_blank"><img src="http://cool-javascripts.com/wp-content/uploads/2009/05/prototype-ui.jpg" /></a></p>
<h2>Prototype tool tip</h2>
<h3><a href="http://www.nickstakenburg.com/projects/prototip2/" target="_blank">Prototip</a></h3>
<p>It is a good script with customizable tool tips. The site contains lot of examples of customization.<br />
<a href="http://www.nickstakenburg.com/projects/prototip2/" target="_blank"><img src="http://cool-javascripts.com/wp-content/uploads/2009/05/prototip-2-create-beautiful-tooltips-with-ease.jpg" /><br />
</a></p>
<h2>Prototype inline editors</h2>
<h3><a href="http://editinplace.org/" target="_blank">Edit In Place</a></h3>
<p><a href="http://editinplace.org/" target="_blank"><img src="http://cool-javascripts.com/wp-content/uploads/2009/05/edit-in-place-example-1.jpg" /></a></p>
<h3><a href="http://inplacericheditor.box.re/demos" target="_blank">Ajax In Place Rich Editor</a></h3>
<p>This supports tinyMCE integration with in place editor.<br />
<a href="http://inplacericheditor.box.re/demos" target="_blank"><img src="http://cool-javascripts.com/wp-content/uploads/2009/05/ajax-in-place-rich-editor-demos.jpg" /><br />
</a></p>
<h2>Prototype form validation</h2>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2009/05/really-simple-validation-demos-prototype-extension.jpg" /></p>
<p><a href="http://www.benjaminkeen.com/software/rsv/prototype/demo.php?page=7" target="_blank">http://www.benjaminkeen.com/software/rsv/prototype/demo.php?page=7</a><br />
<a href="http://tetlaw.id.au/upload/pages/really-easy-field-validation/" target="_blank">http://tetlaw.id.au/upload/pages/really-easy-field-validation/</a></p>
<h2>Prototype table sorting</h2>
<p><a href="http://tetlaw.id.au/upload/pages/table-sorting-with-prototype/" target="_blank"><img src="http://cool-javascripts.com/wp-content/uploads/2009/05/sortable-table.jpg" /></a></p>
<h2>Prototype image manipulation</h2>
<h3><a href="http://www.defusion.org.uk/demos/060519/cropper.php?demoType=ratioSixteenNine&#038;image=flower&#038;formSubmit=Load+demo" target="_blank">Prototype Cropper</a></h3>
<p><a href="http://www.defusion.org.uk/demos/060519/cropper.php?demoType=ratioSixteenNine&#038;image=flower&#038;formSubmit=Load+demo" target="_blank"><br />
<img src="http://cool-javascripts.com/wp-content/uploads/2009/05/prototype-javascript-image-cropper-ui.jpg" /></a></p>
<h3><a href="http://ajaxorized.com/phototype-image-manipulation-with-javascript" target="_blank">Phototype</a></h3>
<p>phototype is a client/server-side library, based on prototype. On the server side the library is powered by PHP(with GD library) that renders the image. With phototype, you are able to rotate, resize, flip and do some other cool effects to images.<br />
<a href="http://ajaxorized.com/phototype-image-manipulation-with-javascript" target="_blank"><img src="http://cool-javascripts.com/wp-content/uploads/2009/05/ajaxorized-phototype-image-manipulation-with-javascript-1.jpg" /></a></p>
<h2>Prototype color picker</h2>
<p><a href="http://cool-javascripts.com/jquery/color-picker-galore.html" target="_blank"><img src="http://cool-javascripts.com/wp-content/uploads/2009/01/color-picker.jpg" /></a></p>


<p>Related posts:<ol><li><a href='http://cool-javascripts.com/modal-windows/highslide-the-best-image-gallery-script.html' rel='bookmark' title='Permanent Link: Highslide &#8211; The best image gallery script?'>Highslide &#8211; The best image gallery script?</a> <small> Highslide is a standalone javascript library created mainly for...</small></li><li><a href='http://cool-javascripts.com/galleries/10-jquery-plugins-for-showing-image-gallery.html' rel='bookmark' title='Permanent Link: 10 jQuery plugins for showing image gallery'>10 jQuery plugins for showing image gallery</a> <small>An image gallery is part of the modern web 2.0...</small></li><li><a href='http://cool-javascripts.com/effects/10-jquery-plugins-for-manipulating-images.html' rel='bookmark' title='Permanent Link: 10 jQuery plugins for manipulating images'>10 jQuery plugins for manipulating images</a> <small>This time, I want to list some jQuery plugins that...</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/prototype/most-useful-prototype-plugins.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Highslide &#8211; The best image gallery script?</title>
		<link>http://cool-javascripts.com/modal-windows/highslide-the-best-image-gallery-script.html</link>
		<comments>http://cool-javascripts.com/modal-windows/highslide-the-best-image-gallery-script.html#comments</comments>
		<pubDate>Fri, 03 Oct 2008 09:40:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[Galleries]]></category>
		<category><![CDATA[Modal Windows]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[image viewer]]></category>
		<category><![CDATA[modal window]]></category>

		<guid isPermaLink="false">http://cool-javascripts.com/modal-windows/highslide-the-best-image-gallery-script.html</guid>
		<description><![CDATA[Highslide is a standalone javascript library created mainly for showing image galleries in a more user friendly way. HTML/Ajax and Flash support is added as plugins. It has improved a lot over time. Now it is in version 4.0 Unlike many other libraries, multiple images can be opened at the same time. And a user [...]


Related posts:<ol><li><a href='http://cool-javascripts.com/galleries/10-mootools-plugin-for-showing-image-gallery.html' rel='bookmark' title='Permanent Link: 10 Mootools plugin for showing image gallery'>10 Mootools plugin for showing image gallery</a> <small>In the previous post, I discussed about jQuery plugins for...</small></li><li><a href='http://cool-javascripts.com/galleries/10-jquery-plugins-for-showing-image-gallery.html' rel='bookmark' title='Permanent Link: 10 jQuery plugins for showing image gallery'>10 jQuery plugins for showing image gallery</a> <small>An image gallery is part of the modern web 2.0...</small></li><li><a href='http://cool-javascripts.com/prototype/most-useful-prototype-plugins.html' rel='bookmark' title='Permanent Link: Most useful prototype / script.aculo.us plugins'>Most useful prototype / script.aculo.us plugins</a> <small>Prototype is one of the earliest new generation javascript libraries...</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 style="max-width: 800px;" src="http://cool-javascripts.com/wp-content/uploads/2008/12/highslide-demo.jpg" /><br />
Highslide is a standalone javascript library created mainly for showing image galleries in a more user friendly way. HTML/Ajax and Flash support is added as plugins. It has improved a lot over time. Now it is in version 4.0</p>
<p>Unlike many other libraries, multiple images can be opened at the same time. And a user can arrange the images as he wish on the browser. So it is definitly more usable than image gallery script that can show only one image &#8211; typical example is lightbox effect (opening the next closes the current).</p>
<p>The animation is also brilliant. Very smooth zooming of images. To open an image, you just need to click and to close, click on it again (Customizable in different ways). If you want to open two images, just click on the required images and those two will be popped up. Opening one image does not close the other. </p>
<p>Advantages:</p>
<ul>
<li>Stand alone javascript. Does not need a library.</li>
<li>The most user friendly way to show images</li>
<li>Good effects</li>
<li>Can show HTML, AJAX content or Flash.</li>
<li>Can open multiple images</li>
<li>The opened image windows are draggable so that the user can arrange it in anyway. This is very useful if you want to compare two images.</li>
<li>Creative Commons License &#8211; Free for personal use</li>
</ul>
<p>Disadvantages:</p>
<ul>
<li>Not free for commercial sites. Requries a license. It can be purchased for one site or unlimited</li>
</ul>
<p>The author has given good documentation and examples in his site <a target="_blank" href="http://highslide.com">highslide.com</a> </p>
<p>Another cool site to check out is, <a target="_blank" href="http://youflow.finnrudolph.de/">http://youflow.finnrudolph.de</a>. The author has successfully combined coverflow, youtube API and highslide to create a good mashup.<br />
<b><br />
Is it the best?</b></p>
<p>Well, I think it has improved a lot. Using this script you can completely avoid browser popup windows. The ability to show images and non image (html, iframe) contents in a more userfriendly way makes it one of the best script ever made. The only drawback I see is the license. What do you think?</p>


<p>Related posts:<ol><li><a href='http://cool-javascripts.com/galleries/10-mootools-plugin-for-showing-image-gallery.html' rel='bookmark' title='Permanent Link: 10 Mootools plugin for showing image gallery'>10 Mootools plugin for showing image gallery</a> <small>In the previous post, I discussed about jQuery plugins for...</small></li><li><a href='http://cool-javascripts.com/galleries/10-jquery-plugins-for-showing-image-gallery.html' rel='bookmark' title='Permanent Link: 10 jQuery plugins for showing image gallery'>10 jQuery plugins for showing image gallery</a> <small>An image gallery is part of the modern web 2.0...</small></li><li><a href='http://cool-javascripts.com/prototype/most-useful-prototype-plugins.html' rel='bookmark' title='Permanent Link: Most useful prototype / script.aculo.us plugins'>Most useful prototype / script.aculo.us plugins</a> <small>Prototype is one of the earliest new generation javascript libraries...</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/highslide-the-best-image-gallery-script.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

