<?xml version="1.0" encoding="UTF-8"?><rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
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:series="http://unfoldingneurons.com/"
> <channel><title>Comments on: Facebook-Style Modal Box Using&#160;MooTools</title> <atom:link href="http://davidwalsh.name/facebook-modal-mootools/feed" rel="self" type="application/rss+xml" /><link>http://davidwalsh.name/facebook-modal-mootools</link> <description>Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞.</description> <lastBuildDate>Tue, 22 May 2012 16:21:46 +0000</lastBuildDate> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.2</generator> <item><title>By: Jack</title><link>http://davidwalsh.name/facebook-modal-mootools#comment-20872</link> <dc:creator>Jack</dc:creator> <pubDate>Sun, 03 Oct 2010 18:57:28 +0000</pubDate> <guid
isPermaLink="false">http://davidwalsh.name/?p=1965#comment-20872</guid> <description>Its dont working...Im trying to copy-paste inside code of demo-page - its dont working...</description> <content:encoded><![CDATA[<p>Its dont working&#8230;Im trying to copy-paste inside code of demo-page &#8211; its dont working&#8230;</p> ]]></content:encoded> </item> <item><title>By: javen</title><link>http://davidwalsh.name/facebook-modal-mootools#comment-19942</link> <dc:creator>javen</dc:creator> <pubDate>Mon, 13 Sep 2010 14:21:12 +0000</pubDate> <guid
isPermaLink="false">http://davidwalsh.name/?p=1965#comment-19942</guid> <description>@jfawcett: u&#039;re the man!!</description> <content:encoded><![CDATA[<p>@jfawcett: u&#8217;re the man!!</p> ]]></content:encoded> </item> <item><title>By: Joe</title><link>http://davidwalsh.name/facebook-modal-mootools#comment-18537</link> <dc:creator>Joe</dc:creator> <pubDate>Fri, 02 Jul 2010 20:30:32 +0000</pubDate> <guid
isPermaLink="false">http://davidwalsh.name/?p=1965#comment-18537</guid> <description>@jfawcett:  Works Perfect! You da man! Thanks so much.</description> <content:encoded><![CDATA[<p>@jfawcett:  Works Perfect! You da man! Thanks so much.</p> ]]></content:encoded> </item> <item><title>By: jfawcett</title><link>http://davidwalsh.name/facebook-modal-mootools#comment-18531</link> <dc:creator>jfawcett</dc:creator> <pubDate>Fri, 02 Jul 2010 12:41:22 +0000</pubDate> <guid
isPermaLink="false">http://davidwalsh.name/?p=1965#comment-18531</guid> <description>@joe:  Hey, joe. I haven&#039;t looked at this stuff in a while, so.. here it goes.From just looking at my source real quick, it looks like the reason its opening on page load is because on line 23, I&#039;ve chained the function &quot;show&quot; to the &quot;setContent&quot; function which is actually chained to the modal class instantiation.  And all of THAT is inside the function I have specified to run on domready.What to do: Just take out the call to the &quot;show&quot; function on line 23 from my example.
Line 23 should look like this: }).setContent(&#039;Title Test&#039;, &#039;Test Summary&#039;, &#039;Test Body&#039;);hope this helps.
-john</description> <content:encoded><![CDATA[<p>@joe:  Hey, joe. I haven&#8217;t looked at this stuff in a while, so.. here it goes.</p><p>From just looking at my source real quick, it looks like the reason its opening on page load is because on line 23, I&#8217;ve chained the function &#8220;show&#8221; to the &#8220;setContent&#8221; function which is actually chained to the modal class instantiation.  And all of THAT is inside the function I have specified to run on domready.</p><p>What to do: Just take out the call to the &#8220;show&#8221; function on line 23 from my example.<br
/> Line 23 should look like this: }).setContent(&#8216;Title Test&#8217;, &#8216;Test Summary&#8217;, &#8216;Test Body&#8217;);</p><p>hope this helps.<br
/> -john</p> ]]></content:encoded> </item> <item><title>By: joe</title><link>http://davidwalsh.name/facebook-modal-mootools#comment-18520</link> <dc:creator>joe</dc:creator> <pubDate>Thu, 01 Jul 2010 20:59:27 +0000</pubDate> <guid
isPermaLink="false">http://davidwalsh.name/?p=1965#comment-18520</guid> <description>@jfawcett:  I implemented the code you made!! Awesome! But how do I prevent it from opening on page load?On only pop when the link is clicked?Sorry for such a new b question.Thanks in advance.</description> <content:encoded><![CDATA[<p>@jfawcett:  I implemented the code you made!! Awesome! But how do I prevent it from opening on page load?</p><p>On only pop when the link is clicked?</p><p>Sorry for such a new b question.</p><p>Thanks in advance.</p> ]]></content:encoded> </item> <item><title>By: chris</title><link>http://davidwalsh.name/facebook-modal-mootools#comment-18249</link> <dc:creator>chris</dc:creator> <pubDate>Wed, 16 Jun 2010 09:07:20 +0000</pubDate> <guid
isPermaLink="false">http://davidwalsh.name/?p=1965#comment-18249</guid> <description>@David Walsh:
my is Chris Valentine, From Accra Ghana and i am a web developer and a systems engineer for margins Group company basic in Ghana.
Please i need your notion concerning the web application i want to develop for my company with PHP and MYSql as the database.
we have their department which will be using this application and this departments consist of ID,Supply and pronto.
in margins ID, we have management, front-desk person, Technical s, access control, productions, while in Supplies we have customer service person, accountant, management, and logistic.
In pronto we have the cashier, production, sales.
i need your concept on how to create all the departments, data-entering, login interface for each department and weekly reporting interface and what ever you feel should be included.
please physical structure, logical structure and relationship.
thank you very much i wait to hearing from you.</description> <content:encoded><![CDATA[<p>@David Walsh:<br
/> my is Chris Valentine, From Accra Ghana and i am a web developer and a systems engineer for margins Group company basic in Ghana.<br
/> Please i need your notion concerning the web application i want to develop for my company with PHP and MYSql as the database.<br
/> we have their department which will be using this application and this departments consist of ID,Supply and pronto.<br
/> in margins ID, we have management, front-desk person, Technical s, access control, productions, while in Supplies we have customer service person, accountant, management, and logistic.<br
/> In pronto we have the cashier, production, sales.<br
/> i need your concept on how to create all the departments, data-entering, login interface for each department and weekly reporting interface and what ever you feel should be included.<br
/> please physical structure, logical structure and relationship.<br
/> thank you very much i wait to hearing from you.</p> ]]></content:encoded> </item> <item><title>By: oeian</title><link>http://davidwalsh.name/facebook-modal-mootools#comment-16882</link> <dc:creator>oeian</dc:creator> <pubDate>Fri, 09 Apr 2010 02:29:31 +0000</pubDate> <guid
isPermaLink="false">http://davidwalsh.name/?p=1965#comment-16882</guid> <description>@David Walsh:  How to use in html</description> <content:encoded><![CDATA[<p>@David Walsh:  How to use in html</p> ]]></content:encoded> </item> <item><title>By: jfawcett</title><link>http://davidwalsh.name/facebook-modal-mootools#comment-16374</link> <dc:creator>jfawcett</dc:creator> <pubDate>Mon, 08 Mar 2010 10:28:50 +0000</pubDate> <guid
isPermaLink="false">http://davidwalsh.name/?p=1965#comment-16374</guid> <description>I created a pretty simple mootools class based off of this idea. I&#039;m pretty new at writing mootools classes or javascript classes for that matter but it works pretty well.  It supports multiple instances of the box and the ability to specify custom id, classes, and show/hide events.Demo: http://dl.dropbox.com/u/905197/FbModal/index.htmlDownload: http://dl.dropbox.com/u/905197/FbModal.zipUsage:
// A Simple instance
var simpleModal = new FbModal();
FbModal.setContent(&#039;Title Test&#039;, &#039;Test Summary&#039;, &#039;Test Body&#039;);
FbModal.show();// A more more complex instance
var myModal = new FbModal(
{
id: &#039;myModal&#039;,
onShow: function()
{
this.container.setStyle(&#039;display&#039;, &#039;block&#039;).fade(1);
},
onHide: function()
{
(function()
{
this.setStyle(&#039;display&#039;, &#039;none&#039;);
}).delay(600, this.container.fade(0));
}
}).setContent(&#039;Title Test&#039;, &#039;Test Summary&#039;, &#039;Test Body&#039;).show();I hope this helps some people!-john</description> <content:encoded><![CDATA[<p>I created a pretty simple mootools class based off of this idea. I&#8217;m pretty new at writing mootools classes or javascript classes for that matter but it works pretty well.  It supports multiple instances of the box and the ability to specify custom id, classes, and show/hide events.</p><p>Demo: <a
href="http://dl.dropbox.com/u/905197/FbModal/index.html" rel="nofollow">http://dl.dropbox.com/u/905197/FbModal/index.html</a></p><p>Download: <a
href="http://dl.dropbox.com/u/905197/FbModal.zip" rel="nofollow">http://dl.dropbox.com/u/905197/FbModal.zip</a></p><p>Usage:<br
/> // A Simple instance<br
/> var simpleModal = new FbModal();<br
/> FbModal.setContent(&#8216;Title Test&#8217;, &#8216;Test Summary&#8217;, &#8216;Test Body&#8217;);<br
/> FbModal.show();</p><p> // A more more complex instance<br
/> var myModal = new FbModal(<br
/> {<br
/> id: &#8216;myModal&#8217;,<br
/> onShow: function()<br
/> {<br
/> this.container.setStyle(&#8216;display&#8217;, &#8216;block&#8217;).fade(1);<br
/> },<br
/> onHide: function()<br
/> {<br
/> (function()<br
/> {<br
/> this.setStyle(&#8216;display&#8217;, &#8216;none&#8217;);<br
/> }).delay(600, this.container.fade(0));<br
/> }<br
/> }).setContent(&#8216;Title Test&#8217;, &#8216;Test Summary&#8217;, &#8216;Test Body&#8217;).show();</p><p>I hope this helps some people!</p><p>-john</p> ]]></content:encoded> </item> <item><title>By: Amit Das</title><link>http://davidwalsh.name/facebook-modal-mootools#comment-16157</link> <dc:creator>Amit Das</dc:creator> <pubDate>Wed, 17 Feb 2010 17:28:42 +0000</pubDate> <guid
isPermaLink="false">http://davidwalsh.name/?p=1965#comment-16157</guid> <description>How can I download full code?</description> <content:encoded><![CDATA[<p>How can I download full code?</p> ]]></content:encoded> </item> <item><title>By: Tim</title><link>http://davidwalsh.name/facebook-modal-mootools#comment-15999</link> <dc:creator>Tim</dc:creator> <pubDate>Mon, 08 Feb 2010 18:17:08 +0000</pubDate> <guid
isPermaLink="false">http://davidwalsh.name/?p=1965#comment-15999</guid> <description>Thx man! This has been a great help!</description> <content:encoded><![CDATA[<p>Thx man! This has been a great help!</p> ]]></content:encoded> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced (User agent is rejected)
Database Caching 1/7 queries in 0.004 seconds using disk: basic
Object Caching 805/805 objects using disk: basic

Served from: davidwalsh.name @ 2012-05-22 17:37:13 -->
