<?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>Dave Wooding&#187; javascript</title>
	<atom:link href="http://www.davewooding.com/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.davewooding.com</link>
	<description>Dave Wooding</description>
	<lastBuildDate>Sat, 31 Dec 2011 19:55:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Mobile Squeeze Pages With YouTube Videos</title>
		<link>http://www.davewooding.com/mobile-squeeze-pages-with-youtube-videos/</link>
		<comments>http://www.davewooding.com/mobile-squeeze-pages-with-youtube-videos/#comments</comments>
		<pubDate>Mon, 22 Nov 2010 14:42:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[mobile]]></category>
		<category><![CDATA[aweber]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[squeeze page]]></category>

		<guid isPermaLink="false">http://www.davewooding.com/?p=425</guid>
		<description><![CDATA[Yes, the time has arrived. Time to use YouTube videos on mobile squeeze pages. What&#8217;s cool about this is it is NOT an app, it is a web page that uses the JqueryMobile scripts  to create the &#8220;look and feel&#8221; of a mobile phone.  In this case, it works well with the Apple IPhone. When [...]]]></description>
			<content:encoded><![CDATA[<p></p><p>Yes, the time has arrived.</p>
<p>Time to use <a title="youtube" href="http://www.youtube.com" target="_blank">YouTube</a> videos on <strong><a href="http://mobilovesme.com/">mobile squeeze pages</a></strong>.</p>
<p><a href="http://www.davewooding.com/wp-content/uploads/2010/11/premobile1.gif"><img class="alignnone size-medium wp-image-426" title="Mobile Squeeze Page with YouTube" src="http://www.davewooding.com/wp-content/uploads/2010/11/premobile1-200x300.gif" alt="" width="200" height="300" /></a></p>
<p>What&#8217;s cool about this is it is NOT an app, it is a web page that uses the <a title="Jquery Mobile" href="http://jquerymobile.com/" target="_blank">JqueryMobile</a> scripts  to create the &#8220;look and feel&#8221; of a mobile phone.  In this case, it works well with the Apple IPhone.</p>
<p>When a visitor taps the Name or Email field, the mobile phone&#8217;s keyboard pops up.</p>
<p><a href="http://www.davewooding.com/wp-content/uploads/2010/11/premobile2.gif"><img class="alignnone size-medium wp-image-427" title="Mobile Phone Keyboard" src="http://www.davewooding.com/wp-content/uploads/2010/11/premobile2-200x300.gif" alt="" width="200" height="300" /></a></p>
<p>When complete, they just click the &#8220;Send Me The FREE Report &#8230;&#8221; button.</p>
<p>Once signed up, they get to view the promised video.</p>
<p><a href="http://www.davewooding.com/wp-content/uploads/2010/11/premobile3.gif"><img class="alignnone size-medium wp-image-428" title="premobile3" src="http://www.davewooding.com/wp-content/uploads/2010/11/premobile3-200x300.gif" alt="" width="200" height="300" /></a></p>
<h3>Some Cool Features</h3>
<p>Look at the <strong>first image</strong> &#8211; the one with the image that looks a little blurred.  That &#8220;blur&#8221; was done on purpose.  It indicates that the video isn&#8217;t really available &#8211; at least not until you signup.</p>
<p>If you look at that same screenshot, there is a link at the bottom &#8220;What do goldfish and coffee have in common? Sign &#8230;&#8221;.</p>
<p>That&#8217;s a link to content you provide.</p>
<p>Content that you use to sell your visitor on signing up.  Don&#8217;t worry, your visitor is not going anywhere.  On that content page is only one link, the &#8220;Back&#8221; button.</p>
<p><strong>Second image</strong> &#8211; the signup.  Easy, peasy.</p>
<p>As soon as your visitor taps any of the input fields (name and email, in this case &#8211; you can have as many or as few fields as you like), the built in mobile keyboard pops up.</p>
<p><strong>Third image</strong> &#8211; what they get.  A video, a YouTube video.  Notice that there is also a link to additional content.  Just like before they signed up, the only link on that content page <em>after</em> signup is back to the video.</p>
<h3><em>About the YouTube videos on your Mobile Squeeze page &#8230;</em></h3>
<p>They are setup to NOT autoplay.  Probably more importantly, they don&#8217;t show links to other videos which YouTube videos do by default.  Nor do they show more information about the video itself.</p>
<p>Again, the only option (the only real option) is for your newly signed up visitor is the &#8220;Done&#8221; button which brings them back to your mobile web page.</p>
<h3>Here&#8217;s an idea</h3>
<p>What I have shown you is <span style="text-decoration: underline;">one</span> way of setting up a mobile squeeze page with a YouTube video.</p>
<p>Here&#8217;s a little secret.</p>
<p>The additional content and YouTube video included on the squeeze page are all optional.</p>
<p>As a matter of fact, you don&#8217;t have to include any content or any Videos.</p>
<p>Or you could have two YouTube videos (one before signup and one after signup).</p>
<p>There are a whole bunch of combinations.</p>
<p>Let me give you some scenarios and see if this gives you some ideas.</p>
<h2><em>Scenario #1</em></h2>
<p>Aweber signup, YouTube video <span style="text-decoration: underline;">before</span> signup and YouTube video <span style="text-decoration: underline;">after</span> signup (two different videos), no content either before or after signup.</p>
<p>You are going to rely on the videos to make the &#8220;sale&#8221;.   The sale being signing up to your mailing list.</p>
<p>You&#8217;ll have to create the first video and put it on Youtube.  More than likely you will also want to create the second video.</p>
<p>Make the first video short and sweet.  Make a promise that you <em>fulfill on the second video</em>.</p>
<p>In other words, the first video is a <em>teaser</em> for the second video.  And the only way to see the second video is to &#8230;</p>
<h2><em>Scenario #2</em></h2>
<p>Almost totally the opposite of scenario #1.</p>
<p>Let&#8217;s say you are an online marketer for local (read &#8220;offline&#8221;) businesses.</p>
<p>Go with me on this one.</p>
<p>You&#8217;re getting your hair cut (or making your daily visit to the local coffee shop up the road in Narabeen &#8211; I&#8217;m just saying).</p>
<p>Your barber mentions how business has been dropping off.  You mention that you help businesses increase their revenue and profits by marketing online.</p>
<p>Your barber is definitely interested in what you have to say.</p>
<p>Alas, the haircut comes to an end (hopefully your barber was paying more attention to your hair then what you had to say &#8211; again, I&#8217;m just saying).</p>
<p>Since you don&#8217;t carry your laptop everywhere you go, you take out your mobile smartphone and pull up your mobile signup page (that has no videos and no content &#8211; straight up autoresponder signup).</p>
<p>Enter your barber&#8217;s name and email and tell him that you will send a report out to him right away that has some ideas to help his business (your autoresponder has already sent the report!) and pay him (and include a nice tip).</p>
<h2><em>Scenario #3</em></h2>
<p>&#8230; this is your scenario, what do you see possible?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davewooding.com/mobile-squeeze-pages-with-youtube-videos/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Jquery Show On Click Magic</title>
		<link>http://www.davewooding.com/jquery-show-on-click-magic/</link>
		<comments>http://www.davewooding.com/jquery-show-on-click-magic/#comments</comments>
		<pubDate>Tue, 09 Nov 2010 02:06:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[onclick]]></category>

		<guid isPermaLink="false">http://www.davewooding.com/?p=415</guid>
		<description><![CDATA[Lets just say that you want something (an image, a phone number, whatever) to show when someone clicks on a link. You can do this using the jQuery javascript library in WordPress. First things first Make a post in WordPress just like you normally would. If you are using a more recent version of WordPress [...]]]></description>
			<content:encoded><![CDATA[<p></p><p>Lets just say that you want something (an image, a phone number, whatever) to show when someone clicks on a link.</p>
<p>You can do this using the jQuery javascript library in WordPress.</p>
<h2>First things first</h2>
<p>Make a post in WordPress just like you normally would.</p>
<p>If you are using a more recent version of WordPress (3.0+ as of this writing), then scroll down below the text area and find the Javascript area that looks like this.</p>
<p><a href="http://www.davewooding.com/wp-content/uploads/2010/11/jqueryshow3.jpg"><img class="alignnone size-medium wp-image-416" title="jQuery Show" src="http://www.davewooding.com/wp-content/uploads/2010/11/jqueryshow3-300x174.jpg" alt="" width="300" height="174" /></a></p>
<p>Couple things to do here:</p>
<p>1) Tick the box that says <strong>jQuery library</strong>.</p>
<p>2) Where is says <strong>Embed Your Own JavaScript</strong> embedded script code (please include <code>&lt;script&gt;</code> tags), add the following (modified from <a title="Slicker Show and Hide" href="http://www.learningjquery.com/2006/09/slicker-show-and-hide?davewooding.com" target="_blank">Slicker Show and Hide</a>):</p>
<pre>&lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"&gt;&lt;/script&gt;
&lt;script language="javascript"&gt;
$(document).ready(function() {
 // toggles the slickbox on clicking the noted link
 $('a#slick-toggle').click(function() {
 $('#slickbox').toggle(400);
 return false;
 });
});
&lt;/script&gt;</pre>
<p>Now, go back up to your post.</p>
<p>Click on the HTML tab</p>
<p><a href="http://www.davewooding.com/wp-content/uploads/2010/11/jqueryshow4.jpg"><img class="alignnone size-medium wp-image-417" title="jQuery Show" src="http://www.davewooding.com/wp-content/uploads/2010/11/jqueryshow4-300x43.jpg" alt="" width="300" height="43" /></a></p>
<p>and add the following (this will display a link that when clicked shows a phone number &#8211; make the appropriate substitutions).</p>
<pre>&lt;p&gt;&lt;a href="#" id="slick-toggle"&gt;Call&lt;/a&gt;&lt;/p&gt;
&lt;div style="display: none;" id="slickbox"&gt;1 800 277 1212&lt;/div&gt;</pre>
<p>Publish your post and check it out.</p>
<p>Your post should have a link that looks (and acts) like this:</p>
<p><a id="slick-toggle" href="#">Call</a></p>
<div id="slickbox" style="display: none;">1 800 277 1212</div>
<p>Note, this effect only works on this <a href="http://www.davewooding.com/jquery-show-on-click-magic/">particular page</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davewooding.com/jquery-show-on-click-magic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To Hide Affiliate Link With Javascript</title>
		<link>http://www.davewooding.com/how-to-hide-affiliate-link-with-javascript/</link>
		<comments>http://www.davewooding.com/how-to-hide-affiliate-link-with-javascript/#comments</comments>
		<pubDate>Sat, 30 May 2009 00:10:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[clickbank]]></category>

		<guid isPermaLink="false">http://www.davewooding.com/?p=8</guid>
		<description><![CDATA[Or &#8220;Javascript Obfusticator&#8221; with PHP. Script below will take your affiliate link and obfusticate it. Just type in the affiliate link that you want obscured, the vendor&#8217;s link, click &#8220;submit&#8221; and the script will return code that you copy and paste into your html page. The PHP script that generates the hidden affiliate link takes [...]]]></description>
			<content:encoded><![CDATA[<p></p><p>Or &#8220;<strong>Javascript Obfusticator</strong>&#8221; with PHP.</p>
<p>Script below will take your affiliate link and <a href="http://dictionary.reference.com/search?q=obfuscate" target="_blank">obfusticate</a> it.</p>
<p>Just type in the affiliate link that you want obscured, the vendor&#8217;s link, click &#8220;submit&#8221; and the script will return code that you copy and paste into your html page.  </p>
<p>The PHP script that generates the hidden affiliate link takes each ascii character of your affiliate link, uses an ascii table lookup to find the corresponding decimal representation and makes the substitution.</p>
<p>Note that not all affiliate programs allow or like this &#8220;cookie dropping&#8221;, check with your program before using.</p>
<p><iframe  src="http://www.superfastwebbuilder.com/scripts/javascriptobfusticator.php" height="600" width="100%" frameborder="0"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://www.davewooding.com/how-to-hide-affiliate-link-with-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

