<?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>Jason Goldberg</title>
	<atom:link href="http://jasongoldberg.com/index.php/feed/" rel="self" type="application/rss+xml" />
	<link>http://jasongoldberg.com</link>
	<description></description>
	<lastBuildDate>Tue, 10 Jan 2012 17:52:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>jEmbedConfirm: Dynamically Embedded Confirmation Dialog Plugin (jQuery)</title>
		<link>http://jasongoldberg.com/index.php/jquery-dynamically-embedded-confirmation-dialog-plugin/</link>
		<comments>http://jasongoldberg.com/index.php/jquery-dynamically-embedded-confirmation-dialog-plugin/#comments</comments>
		<pubDate>Fri, 23 Dec 2011 16:40:20 +0000</pubDate>
		<dc:creator>Jay</dc:creator>
				<category><![CDATA[jEmbedConfirm]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQuery Plugin]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Technology]]></category>

		<guid isPermaLink="false">http://jasongoldberg.com/?p=92</guid>
		<description><![CDATA[&#160; Most confirmation boxes nowadays are presented to the visitor in a modal fashion. This means that once the visitor performs the action which requires confirmation, the confirmation is presented, and the visitor must either accept or cancel in order to continue using the site. I was recently tasked with finding a different method that [...]]]></description>
			<content:encoded><![CDATA[<p>&nbsp;</p>
<div id="attachment_112" class="wp-caption alignleft" style="width: 160px"><a href="http://jasongoldberg.com/index.php/jquery-dynamically-embedded-confirmation-dialog-plugin/launch-bitton/" rel="attachment wp-att-112"><img class="size-thumbnail wp-image-112" title="Launch Button - Are you sure!?" src="http://jasongoldberg.com/wp-content/uploads/2011/12/Launch-button_29446068_XS-150x150.jpg" alt="" width="150" height="150" /></a><p class="wp-caption-text">Are you sure!?</p></div>
<p>Most confirmation boxes nowadays are presented to the visitor in a modal fashion. This means that once the visitor performs the action which requires confirmation, the confirmation is presented, and the visitor must either accept or cancel in order to continue using the site. I was recently tasked with finding a different method that would allow the visitor to be presented with a confirmation box, but not be limited in continuing to use the site's functions while deciding (perhaps they want to check something before they decide).</p>
<p>My eventual solution to the challenge was to create a jQuery class which embeds a confirmation dialog box into a specified container. I call this plugin <strong>jEmbedConfirm. </strong></p>
<p><strong></strong>jEmbedConfirm is available for your use on <a href="https://gist.github.com/1514409" target="_blank">GitHub</a>.</p>
<p>Here is a  <a title="jEmbedConfirm" href="http://jsfiddle.net/4jh5S/" target="_blank">working jsFiddle</a>.</p>
<p><span style="font-size: x-large;">jEmbedConfirm Options</span></p>
<div id="LC4">
<ul>
<li><strong>promptText </strong> <em>(string, default = 'Are you sure?')</em>:  The prompt text to be displayed in the confirmation dialog</li>
<li><strong>confirmButtonText </strong><em>(string, default = 'Confirm')</em>:  The caption text to be displayed in the confirm (yes) button</li>
<li><strong>cancelButtonText  </strong><em>(string, default = 'Cancel')</em>:  The caption text to be displayed in the cancel (no) button</li>
<li><strong>confirmButtonClick </strong> <em>(function(), default = function(){})</em>:  A Function to be executed when the confirm (yes) button is clicked, before closing the dialog</li>
<li><strong>cancelButtonClick </strong> <em>(function(), default = function(){})</em>:  A Function to be executed when the cancel (no) button is clicked, before closing the dialog</li>
<li><strong>dialogClass </strong> <em>(string, default='')</em>:  The class name to be applied to the embedded confirmation dialog</li>
</ul>
<div><span style="font-size: x-large;">Plugin Source Code</span></div>
</div>
<div id="gist-1514409" class="gist">

        <div class="gist-file">
          <div class="gist-data gist-syntax">
              <div class="highlight"><pre><div class='line' id='LC1'><span class="p">(</span><span class="kd">function</span><span class="p">(</span> <span class="nx">$</span> <span class="p">){</span></div><div class='line' id='LC2'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nx">$</span><span class="p">.</span><span class="nx">fn</span><span class="p">.</span><span class="nx">embedConfirm</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span> <span class="nx">options</span> <span class="p">)</span> <span class="p">{</span>  </div><div class='line' id='LC3'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="kd">var</span> <span class="nx">settings</span> <span class="o">=</span> <span class="p">{</span></div><div class='line' id='LC4'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="s1">&#39;promptText&#39;</span> <span class="o">:</span> <span class="s1">&#39;Are you sure?&#39;</span><span class="p">,</span></div><div class='line' id='LC5'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="s1">&#39;confirmButtonText&#39;</span> <span class="o">:</span> <span class="s1">&#39;Confirm&#39;</span><span class="p">,</span></div><div class='line' id='LC6'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="s1">&#39;cancelButtonText&#39;</span> <span class="o">:</span> <span class="s1">&#39;Cancel&#39;</span><span class="p">,</span></div><div class='line' id='LC7'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="s1">&#39;confirmButtonClick&#39;</span> <span class="o">:</span> <span class="kd">function</span><span class="p">(){},</span></div><div class='line' id='LC8'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="s1">&#39;cancelButtonClick&#39;</span> <span class="o">:</span> <span class="kd">function</span><span class="p">(){},</span></div><div class='line' id='LC9'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="s1">&#39;dialogClass&#39;</span> <span class="o">:</span> <span class="s1">&#39;&#39;</span></div><div class='line' id='LC10'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="p">};</span></div><div class='line' id='LC11'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span>        </div><div class='line' id='LC12'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">if</span> <span class="p">(</span> <span class="nx">options</span> <span class="p">)</span> <span class="nx">$</span><span class="p">.</span><span class="nx">extend</span><span class="p">(</span> <span class="nx">settings</span><span class="p">,</span> <span class="nx">options</span> <span class="p">);</span></div><div class='line' id='LC13'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="kd">var</span> <span class="nx">item</span><span class="o">=</span><span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">);</span></div><div class='line' id='LC14'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="kd">var</span> <span class="nx">html</span> <span class="o">=</span> <span class="s1">&#39;&lt;div id=&quot;consoleModalConfirm&quot; class=&quot;hide addedConfirmDiv &#39;</span><span class="o">+</span><span class="nx">settings</span><span class="p">[</span><span class="s1">&#39;dialogClass&#39;</span><span class="p">]</span><span class="o">+</span><span class="s1">&#39;&quot;&gt;&#39;</span> <span class="o">+</span> </div><div class='line' id='LC15'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="s1">&#39;&lt;strong&gt;&#39;</span><span class="o">+</span><span class="nx">settings</span><span class="p">[</span><span class="s1">&#39;promptText&#39;</span><span class="p">]</span><span class="o">+</span><span class="s1">&#39;&lt;/strong&gt;&#39;</span> <span class="o">+</span> </div><div class='line' id='LC16'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="s1">&#39;&lt;br /&gt;&lt;br /&gt;&#39;</span> <span class="o">+</span> </div><div class='line' id='LC17'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="s1">&#39;&lt;div class=&quot;button yes&quot; id=&quot;confYes&quot;&gt;&#39;</span><span class="o">+</span><span class="nx">settings</span><span class="p">[</span><span class="s1">&#39;confirmButtonText&#39;</span><span class="p">]</span><span class="o">+</span><span class="s1">&#39;&lt;/div&gt;&#39;</span> <span class="o">+</span></div><div class='line' id='LC18'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="s1">&#39;&lt;div class=&quot;button no&quot; id=&quot;confNo&quot;&gt;&#39;</span><span class="o">+</span><span class="nx">settings</span><span class="p">[</span><span class="s1">&#39;cancelButtonText&#39;</span><span class="p">]</span><span class="o">+</span><span class="s1">&#39;&lt;/div&gt;&#39;</span> <span class="o">+</span> </div><div class='line' id='LC19'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="s1">&#39;&lt;/div&gt;&#39;</span><span class="p">;</span>  </div><div class='line' id='LC20'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nx">item</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.addedConfirmDiv&#39;</span><span class="p">).</span><span class="nx">remove</span><span class="p">();</span></div><div class='line' id='LC21'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nx">item</span><span class="p">.</span><span class="nx">prepend</span><span class="p">(</span><span class="nx">html</span><span class="p">);</span></div><div class='line' id='LC22'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nx">item</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;#confYes&#39;</span><span class="p">).</span><span class="nx">click</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">){</span></div><div class='line' id='LC23'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nx">item</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.addedConfirmDiv&#39;</span><span class="p">).</span><span class="nx">slideUp</span><span class="p">(</span><span class="s1">&#39;fast&#39;</span><span class="p">);</span></div><div class='line' id='LC24'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nx">settings</span><span class="p">[</span><span class="s1">&#39;confirmButtonClick&#39;</span><span class="p">]();</span></div><div class='line' id='LC25'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="p">});</span></div><div class='line' id='LC26'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nx">item</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;#confNo&#39;</span><span class="p">).</span><span class="nx">click</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">){</span></div><div class='line' id='LC27'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nx">item</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.addedConfirmDiv&#39;</span><span class="p">).</span><span class="nx">slideUp</span><span class="p">(</span><span class="s1">&#39;fast&#39;</span><span class="p">);</span></div><div class='line' id='LC28'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nx">settings</span><span class="p">[</span><span class="s1">&#39;cancelButtonClick&#39;</span><span class="p">]();</span></div><div class='line' id='LC29'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="p">});</span>    </div><div class='line' id='LC30'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nx">item</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.addedConfirmDiv&#39;</span><span class="p">).</span><span class="nx">slideDown</span><span class="p">(</span><span class="s1">&#39;fast&#39;</span><span class="p">);</span></div><div class='line' id='LC31'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="p">});</span></div><div class='line' id='LC32'><br/></div><div class='line' id='LC33'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="p">};</span></div><div class='line' id='LC34'><span class="p">})(</span> <span class="nx">jQuery</span> <span class="p">);</span></div></pre></div>
          </div>

          <div class="gist-meta">
            <a href="https://gist.github.com/raw/1514409/e2a474f64c63dce16ecc92938929d011705fde8a/jEmbedConfirm.js" style="float:right;">view raw</a>
            <a href="https://gist.github.com/1514409#file_j_embed_confirm.js" style="float:right;margin-right:10px;color:#666">jEmbedConfirm.js</a>
            <a href="https://gist.github.com/1514409">This Gist</a> brought to you by <a href="http://github.com">GitHub</a>.
          </div>
        </div>
</div>

<p><span style="font-size: x-large;">Sample CSS</span></p>
<p><div id="gist-1514409" class="gist">

        <div class="gist-file">
          <div class="gist-data gist-syntax">
              <div class="highlight"><pre><div class='line' id='LC1'><span class="c">/* Styles for the Plugin. These are not required, but suggested highly */</span></div><div class='line' id='LC2'><br/></div><div class='line' id='LC3'><span class="nc">.confirmBox</span><span class="p">{</span> <span class="c">/* This is the main class name passed to embedConfirm() */</span></div><div class='line' id='LC4'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="o">-</span><span class="n">moz</span><span class="o">-</span><span class="k">border</span><span class="o">-</span><span class="n">radius</span><span class="o">:</span> <span class="m">5px</span><span class="p">;</span> </div><div class='line' id='LC5'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="o">-</span><span class="n">webkit</span><span class="o">-</span><span class="k">border</span><span class="o">-</span><span class="n">radius</span><span class="o">:</span> <span class="m">5px</span><span class="p">;</span> </div><div class='line' id='LC6'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">background</span><span class="o">:</span><span class="m">#333</span><span class="p">;</span></div><div class='line' id='LC7'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">background-image</span><span class="o">:</span> <span class="o">-</span><span class="n">webkit</span><span class="o">-</span><span class="n">gradient</span><span class="p">(</span><span class="n">linear</span><span class="o">,</span> <span class="m">0</span><span class="o">%</span> <span class="m">0</span><span class="o">%,</span> <span class="m">0</span><span class="o">%</span> <span class="m">100</span><span class="o">%,</span> <span class="n">from</span><span class="p">(</span><span class="m">#666666</span><span class="p">)</span><span class="o">,</span> <span class="n">to</span><span class="p">(</span><span class="m">#000000</span><span class="p">));</span></div><div class='line' id='LC8'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">background-image</span><span class="o">:</span> <span class="o">-</span><span class="n">moz</span><span class="o">-</span><span class="n">linear</span><span class="o">-</span><span class="n">gradient</span><span class="p">(</span><span class="m">#666666</span><span class="o">,</span> <span class="m">#000000</span><span class="p">);</span></div><div class='line' id='LC9'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">background-image</span><span class="o">:</span> <span class="o">-</span><span class="n">webkit</span><span class="o">-</span><span class="n">linear</span><span class="o">-</span><span class="n">gradient</span><span class="p">(</span><span class="m">#666666</span><span class="o">,</span> <span class="m">#000000</span><span class="p">);</span></div><div class='line' id='LC10'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">background-image</span><span class="o">:</span> <span class="o">-</span><span class="err">o</span><span class="o">-</span><span class="n">linear</span><span class="o">-</span><span class="n">gradient</span><span class="p">(</span><span class="m">#666666</span><span class="o">,</span> <span class="m">#000000</span><span class="p">);</span></div><div class='line' id='LC11'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">border</span><span class="o">-</span><span class="n">radius</span><span class="o">:</span> <span class="m">5px</span><span class="p">;</span></div><div class='line' id='LC12'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">border</span><span class="o">:</span><span class="m">3px</span> <span class="k">solid</span> <span class="m">#000</span><span class="p">;</span> </div><div class='line' id='LC13'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">color</span><span class="o">:</span><span class="m">#fff</span><span class="p">;</span>          </div><div class='line' id='LC14'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">margin</span><span class="o">:</span><span class="m">10px</span> <span class="m">0px</span><span class="p">;</span></div><div class='line' id='LC15'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">padding</span><span class="o">:</span><span class="m">10px</span><span class="p">;</span></div><div class='line' id='LC16'><br/></div><div class='line' id='LC17'><span class="p">}</span></div><div class='line' id='LC18'><span class="nc">.confirmBox</span> <span class="nc">.button</span><span class="p">{</span> <span class="c">/* This applies to all buttons */</span></div><div class='line' id='LC19'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">cursor</span><span class="o">:</span><span class="k">pointer</span><span class="p">;</span></div><div class='line' id='LC20'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">border</span><span class="o">:</span><span class="m">2px</span> <span class="k">solid</span> <span class="m">#fff</span><span class="p">;</span> </div><div class='line' id='LC21'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">border</span><span class="o">-</span><span class="n">radius</span><span class="o">:</span> <span class="m">5px</span><span class="p">;</span> </div><div class='line' id='LC22'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">display</span><span class="o">:</span><span class="k">inline</span><span class="o">-</span><span class="k">block</span><span class="p">;</span></div><div class='line' id='LC23'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">padding</span><span class="o">:</span><span class="m">6px</span><span class="p">;</span></div><div class='line' id='LC24'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">margin</span><span class="o">:</span><span class="m">8px</span><span class="p">;</span></div><div class='line' id='LC25'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="o">-</span><span class="n">moz</span><span class="o">-</span><span class="k">border</span><span class="o">-</span><span class="n">radius</span><span class="o">:</span> <span class="m">5px</span><span class="p">;</span> </div><div class='line' id='LC26'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="o">-</span><span class="n">webkit</span><span class="o">-</span><span class="k">border</span><span class="o">-</span><span class="n">radius</span><span class="o">:</span> <span class="m">5px</span><span class="p">;</span>    </div><div class='line' id='LC27'><span class="p">}</span></div><div class='line' id='LC28'><span class="nc">.confirmBox</span> <span class="nc">.button</span><span class="nd">:hover</span><span class="p">{</span> <span class="c">/* This applies to all buttons */</span></div><div class='line' id='LC29'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">border-color</span><span class="o">:</span><span class="m">#ff0</span><span class="p">;</span> </div><div class='line' id='LC30'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">color</span><span class="o">:</span><span class="m">#ff0</span><span class="p">;</span></div><div class='line' id='LC31'><span class="p">}</span></div><div class='line' id='LC32'><span class="nc">.confirmBox</span> <span class="nc">.no</span><span class="p">{</span> <span class="c">/* This applies to the cancel (no) button */</span></div><div class='line' id='LC33'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">background-image</span><span class="o">:</span> <span class="o">-</span><span class="n">webkit</span><span class="o">-</span><span class="n">gradient</span><span class="p">(</span><span class="n">linear</span><span class="o">,</span> <span class="m">0</span><span class="o">%</span> <span class="m">0</span><span class="o">%,</span> <span class="m">0</span><span class="o">%</span> <span class="m">100</span><span class="o">%,</span> <span class="n">from</span><span class="p">(</span><span class="m">#990000</span><span class="p">)</span><span class="o">,</span> <span class="n">to</span><span class="p">(</span><span class="m">#330000</span><span class="p">));</span></div><div class='line' id='LC34'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">background-image</span><span class="o">:</span> <span class="o">-</span><span class="n">moz</span><span class="o">-</span><span class="n">linear</span><span class="o">-</span><span class="n">gradient</span><span class="p">(</span><span class="m">#990000</span><span class="o">,</span> <span class="m">#330000</span><span class="p">);</span></div><div class='line' id='LC35'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">background-image</span><span class="o">:</span> <span class="o">-</span><span class="n">webkit</span><span class="o">-</span><span class="n">linear</span><span class="o">-</span><span class="n">gradient</span><span class="p">(</span><span class="m">#990000</span><span class="o">,</span> <span class="m">#330000</span><span class="p">);</span></div><div class='line' id='LC36'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">background-image</span><span class="o">:</span> <span class="o">-</span><span class="err">o</span><span class="o">-</span><span class="n">linear</span><span class="o">-</span><span class="n">gradient</span><span class="p">(</span><span class="m">#990000</span><span class="o">,</span> <span class="m">#330000</span><span class="p">);</span>  </div><div class='line' id='LC37'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">color</span><span class="o">:</span><span class="m">#fff</span><span class="p">;</span> </div><div class='line' id='LC38'><span class="p">}</span></div><div class='line' id='LC39'><span class="nc">.confirmBox</span> <span class="nc">.yes</span><span class="p">{</span> <span class="c">/* This applies to the confirm (yes) button */</span></div><div class='line' id='LC40'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">background-image</span><span class="o">:</span> <span class="o">-</span><span class="n">webkit</span><span class="o">-</span><span class="n">gradient</span><span class="p">(</span><span class="n">linear</span><span class="o">,</span> <span class="m">0</span><span class="o">%</span> <span class="m">0</span><span class="o">%,</span> <span class="m">0</span><span class="o">%</span> <span class="m">100</span><span class="o">%,</span> <span class="n">from</span><span class="p">(</span><span class="m">#009900</span><span class="p">)</span><span class="o">,</span> <span class="n">to</span><span class="p">(</span><span class="m">#003300</span><span class="p">));</span></div><div class='line' id='LC41'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">background-image</span><span class="o">:</span> <span class="o">-</span><span class="n">moz</span><span class="o">-</span><span class="n">linear</span><span class="o">-</span><span class="n">gradient</span><span class="p">(</span><span class="m">#009900</span><span class="o">,</span> <span class="m">#003300</span><span class="p">);</span></div><div class='line' id='LC42'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">background-image</span><span class="o">:</span> <span class="o">-</span><span class="n">webkit</span><span class="o">-</span><span class="n">linear</span><span class="o">-</span><span class="n">gradient</span><span class="p">(</span><span class="m">#009900</span><span class="o">,</span> <span class="m">#003300</span><span class="p">);</span></div><div class='line' id='LC43'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">background-image</span><span class="o">:</span> <span class="o">-</span><span class="err">o</span><span class="o">-</span><span class="n">linear</span><span class="o">-</span><span class="n">gradient</span><span class="p">(</span><span class="m">#009900</span><span class="o">,</span> <span class="m">#003300</span><span class="p">);</span>  </div><div class='line' id='LC44'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">color</span><span class="o">:</span><span class="m">#fff</span><span class="p">;</span> </div><div class='line' id='LC45'><span class="p">}</span></div></pre></div>
          </div>

          <div class="gist-meta">
            <a href="https://gist.github.com/raw/1514409/9585a199a0a7b9d8a315ae8003f385bb8c0915a1/jEmbedConfirm.css" style="float:right;">view raw</a>
            <a href="https://gist.github.com/1514409#file_j_embed_confirm.css" style="float:right;margin-right:10px;color:#666">jEmbedConfirm.css</a>
            <a href="https://gist.github.com/1514409">This Gist</a> brought to you by <a href="http://github.com">GitHub</a>.
          </div>
        </div>
</div>
<br />
</p>
]]></content:encoded>
			<wfw:commentRss>http://jasongoldberg.com/index.php/jquery-dynamically-embedded-confirmation-dialog-plugin/feed/</wfw:commentRss>
		<slash:comments></slash:comments>
		</item>
		<item>
		<title>Death of a Dictator: A Time to Cheer, or a Time to Fear?</title>
		<link>http://jasongoldberg.com/index.php/death-of-a-dictator-a-time-to-cheer-or-a-time-to-fear/</link>
		<comments>http://jasongoldberg.com/index.php/death-of-a-dictator-a-time-to-cheer-or-a-time-to-fear/#comments</comments>
		<pubDate>Mon, 19 Dec 2011 11:46:27 +0000</pubDate>
		<dc:creator>Jay</dc:creator>
				<category><![CDATA[Foreign]]></category>
		<category><![CDATA[Kim Jon Un]]></category>
		<category><![CDATA[Kim Jong Il]]></category>
		<category><![CDATA[North Korea]]></category>
		<category><![CDATA[Tyranny]]></category>

		<guid isPermaLink="false">http://jasongoldberg.com/?p=49</guid>
		<description><![CDATA[I woke up this morning and, as I usually do when I first wake up, went outside to have a morning cigarette. During this time each morning I like to catch up on what I missed while I was asleep. I check my email, Facebook, the news, and even try to catch up on my [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_48" class="wp-caption alignleft" style="width: 310px"><img class="size-medium wp-image-48" title="121811nkoreansmourning_20111219_053428" src="http://jasongoldberg.com/wp-content/uploads/2011/12/121811nkoreansmourning_20111219_053428-300x136.jpg" alt="" width="300" height="136" /><p class="wp-caption-text">AP Photo</p></div>
<p>I woke up this morning and, as I usually do when I first wake up, went outside to have a morning cigarette. During this time each morning I like to catch up on what I missed while I was asleep. I check my email, Facebook, the news, and even try to catch up on my WordFeud games. This particular morning, Facebook was my first stop and as I was browsing my "recent" feed, I began seeing some talk of Kim JongÂ Il. Apparently he died overnight. Well, surely this is great news for the North Koreans, and based on the trends on my Facebook Feed you'd think my friends all won some time of "When will Kim JongÂ Il Die" office pool.</p>
<p>I would like to think that the removal of this dictator from the planet will bring some sort of good to the North Korean people, but I find it very hard to believe. Have you seen the photos online of the vast swarms of people crying for their fallen leader? It's really confusing when you stop to think about it. Kim JongÂ Il, for the past 17 years, has isolated his country into poverty. North Korea is literally cut off from the rest of the planet, unless you count the various foreign imports of cars, fine liquors, and gourmet Â food the leader was known for importing. He has gotten plump with the fruits of life (and based on the photos of his sone, we know he has too) while his people starve, and die from treatable medical conditions.</p>
<p>I recently watched a documentary called <a title="Inside North Korea" href="http://www.epinions.com/review/Inside_North_Korea_Lisa_Ling/content_533471530628" target="_blank">Inside North Korea</a>. It is available on NetFlix and I highly suggest it. This is one of the very few documentaries that takes place in North Korea since foreigners with cameras are not allowed into the country. In the case of this documentary, an eye doctor from Nepal has volunteered to enter the country to perform a marathon of eye surgeries for some lucky North Koreans suffering from blindness. A reporter happens to tag along posing as the doctor's medical staff, documenting the procedures. They allow the camera, but keep them under 24 hour police escort. What did I take away from this documentary?</p>
<p><strong>North Koreans live a lifestyle of suffering, brainwashing, and blind faith in their Great Leader.</strong></p>
<ul>
<li>A North Korean house may not adorn their walls with pictures of anything but the Great Leader, Kim JongÂ Il.</li>
<li>When asked "Can the Great Leader do anything wrong?" the interviewed North Korean family literally did not understand the question. That is to say, their are no such words in their language to express such a thought - in fact the concept doesn't even exist.</li>
<li>The hospitals in North Korea are full of state-of-the-art medical equipment, donated from many foreign countries - yet they sit in a corner, unused and falling apart - because no one can get into the country to train the doctors how to use the stuff.</li>
<li>There is <strong>nothing</strong> good that happens in North Korea that is not attributed directly to Kim Jong Il.</li>
<li>When the blind patients unmasked their eyes and could see for the first time, they immediately praised the 10' tall photo of Kim JongÂ Il that hung in the recovery room, not the Doctor who flew in from Nepal to help them. They praised the photo and one man even pledged to use his new eye-sight to kill as many Americans as possible!</li>
<li>At the Korean Border, South Korea has a host of their biggest, tallest armed guards standing in a line facing North Korea to ensure no attacks take place. In North Korea, there are three guards in total. Two of them stand at the border facing each other each one ensuring that the other doesn't defect to South Korea. The third guard stands with his back to South Korea, facing his home country. The reason he stands there is to ensure no one from inside the country tries to defect to South Korea.</li>
</ul>
<div><strong>Meet Your New Great Leader</strong></div>
<div></div>
<div><a href="http://jasongoldberg.com/index.php/death-of-a-dictator-a-time-to-cheer-or-a-time-to-fear/980884-kim-jong-un/" rel="attachment wp-att-51"><img class="alignleft size-medium wp-image-51" title="980884-kim-jong-un" src="http://jasongoldberg.com/wp-content/uploads/2011/12/980884-kim-jong-un-300x168.jpg" alt="" width="300" height="168" /></a>Does anyone out there really hold out any hope that this maniac's son, Kim Jong Un, will do any better for his people than his father did? I mean, look at this guy. His people are this as toothpicks, yet he is practically oozing butter and Cognac from his pours. The people of his country are so brainwashed, they will actually look to him for leadership. I hope I am wrong, but I do not see any silver lining to this story.</div>

]]></content:encoded>
			<wfw:commentRss>http://jasongoldberg.com/index.php/death-of-a-dictator-a-time-to-cheer-or-a-time-to-fear/feed/</wfw:commentRss>
		<slash:comments></slash:comments>
		</item>
		<item>
		<title>A Laser to end all other Lasers.</title>
		<link>http://jasongoldberg.com/index.php/test-post-1/</link>
		<comments>http://jasongoldberg.com/index.php/test-post-1/#comments</comments>
		<pubDate>Fri, 04 Nov 2011 14:17:26 +0000</pubDate>
		<dc:creator>Jay</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[The Cosmos]]></category>
		<category><![CDATA[Dark Matter]]></category>
		<category><![CDATA[End of The World]]></category>
		<category><![CDATA[Europe]]></category>
		<category><![CDATA[Laser]]></category>

		<guid isPermaLink="false">http://am1.alphamedia.net/?p=10</guid>
		<description><![CDATA[Marvin the Martian would be proud, I think. His "Illudium Q-36 Explosive Space Modulator" never quite got off the ground the way we would have liked to see. Blowing up the Earth for an unobstructed view of Venus was just a task to great for the little guy. Luckily, the Europeans are taking his concept [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_31" class="wp-caption alignleft" style="width: 260px"><img class="size-full wp-image-31" title="marvin1024" src="http://am1.alphamedia.net/wp-content/uploads/2011/11/marvin1024.jpg" alt="Marvin the Martian" width="250" height="188" /><p class="wp-caption-text">&quot;I am going to blow up the Earth with my Illudium Q-36 Explosive Space Modulator&quot;</p></div>
<p>Marvin the Martian would be proud, I think. His "Illudium Q-36 Explosive Space Modulator" never quite got off the ground the way we would have liked to see. Blowing up the Earth for an unobstructed view of Venus was just a task to great for the little guy. Luckily, the Europeans are taking his concept to an entirely new level and <a href="http://news.discovery.com/space/a-laser-to-rip-apart-spacetime-create-ghosts-111102.html" target="_blank">have announced plans</a> to create a laser beam so powerful, they believe it is capable of tearing a hole inÂ Space-timeÂ itself, revealing the matter and antimatter underneath.Â It is thought that the laser will help in understanding the nature of dark matter, the "missing" mass that is thought to pervade the entire observable Universe.</p>
<p>That seems like a noble enough. Build a laser and discover how the Universe works. Let's take a closer look at what this baby is capable of.</p>
<blockquote><p>At peak power, the fourth laser in Europe's Extreme Light Infrastructure project (or ELI) will combine ten beams into a single pulse measuring 200 petawatts. 200 petawatts is significantly more power that our entire race generates at any given moment, and in fact more total power than Earth receives from the sun.</p>
<p>The 200 petawatt pulses will only last 1.5 x 10^-14 second, which is about the same amount of time that it takes for light to travel from one side of a human hair to the other, if you shave the hair down by 90%.</p></blockquote>
<p>That's quite a laser! I wonder what their monthly electric bill is going to look like. Let's not forget that European economy is collapsing before our eyes. Have a look at <a href="http://www.extreme-light-infrastructure.eu/index.php" target="_blank">the 3 facilities being used</a> to achieve this. We're talking budgets of hundreds and hundred of millions of Euros.</p>
<p>Forgetting the financial side of it all, I am left with one question. What happens if we really do tear a hole in space-time? Will it quickly patch itself back up, or will the tear spread, swallowing our planet and every other bit of mass in our Universe? I feel very much like one of the the handful of Manhattan ProjectÂ scientists that worried that the detonation of the A-Bomb could have caused theÂ atmosphereÂ to ignite. Granted, these scientists were proven wrong, but their concerns were valid at that time. If the Atmosphere did ignite, there would be no one left to say "I told you so," so I guess it wasn't a concern - just as it isn't now.</p>
<p>Does answering the questions of the Universe benefit mankind enough to offset the risksÂ inherentÂ in creating (and actually using) such a device?<br />
</p>
]]></content:encoded>
			<wfw:commentRss>http://jasongoldberg.com/index.php/test-post-1/feed/</wfw:commentRss>
		<slash:comments></slash:comments>
		</item>
	</channel>
</rss>

