<?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>JavaScript Junkie</title>
	<atom:link href="http://www.javascriptjunkie.com/index.php?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://www.javascriptjunkie.com</link>
	<description>JavaScript - DHTML - AJAX</description>
	<lastBuildDate>Wed, 17 Mar 2010 04:59:50 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Server 2003: A home folder could not be created for this user.</title>
		<link>http://www.javascriptjunkie.com/?p=21</link>
		<comments>http://www.javascriptjunkie.com/?p=21#comments</comments>
		<pubDate>Wed, 17 Mar 2010 04:59:50 +0000</pubDate>
		<dc:creator>JavaScript Junkie</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.javascriptjunkie.com/?p=21</guid>
		<description><![CDATA[Not quite JavaScript related but a Server 2003 error that may happen to some of my readers.
The wizard could not successfully configure this user account.  The following could not be completed:


A home folder could not be created for this user.
Quota information could not be set.

From: Home Folder at Microsoft Support



Folder Name
Users Shared Folders


Share Name
Users


Description
Users Shared [...]]]></description>
			<content:encoded><![CDATA[<p>Not quite JavaScript related but a Server 2003 error that may happen to some of my readers.</p>
<blockquote><p><strong>The wizard could not successfully configure this user account.  The following could not be completed:</strong></p></blockquote>
<blockquote>
<ul>
<li>A home folder could not be created for this user.</li>
<li>Quota information could not be set.</li>
</ul>
<p>From: <a href="http://support.microsoft.com/?kbid=294667" target="_blank">Home Folder</a> at Microsoft Support</p>
<table style="-webkit-box-sizing: border-box; border-top-width: 0px; border-right-width: 3px; border-bottom-width: 2px; border-left-width: 3px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #7fbae2; background-position: initial initial; background-repeat: initial initial;" border="0" cellspacing="1">
<tbody style="-webkit-box-sizing: border-box;">
<tr style="-webkit-box-sizing: border-box;">
<td style="-webkit-box-sizing: border-box; font-size: 11px; vertical-align: top; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #f7f7ff; background-position: initial initial; background-repeat: initial initial; padding: 5px;">Folder Name</td>
<td style="-webkit-box-sizing: border-box; font-size: 11px; vertical-align: top; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #f7f7ff; background-position: initial initial; background-repeat: initial initial; padding: 5px;">Users Shared Folders</td>
</tr>
<tr style="-webkit-box-sizing: border-box;">
<td style="-webkit-box-sizing: border-box; font-size: 11px; vertical-align: top; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #f7f7ff; background-position: initial initial; background-repeat: initial initial; padding: 5px;">Share Name</td>
<td style="-webkit-box-sizing: border-box; font-size: 11px; vertical-align: top; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #f7f7ff; background-position: initial initial; background-repeat: initial initial; padding: 5px;">Users</td>
</tr>
<tr style="-webkit-box-sizing: border-box;">
<td style="-webkit-box-sizing: border-box; font-size: 11px; vertical-align: top; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #f7f7ff; background-position: initial initial; background-repeat: initial initial; padding: 5px;">Description</td>
<td style="-webkit-box-sizing: border-box; font-size: 11px; vertical-align: top; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #f7f7ff; background-position: initial initial; background-repeat: initial initial; padding: 5px;">Users Shared Folders</td>
</tr>
</tbody>
</table>
<table style="-webkit-box-sizing: border-box; border-top-width: 0px; border-right-width: 3px; border-bottom-width: 2px; border-left-width: 3px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #7fbae2; background-position: initial initial; background-repeat: initial initial;" border="0" cellspacing="1">
<tbody style="-webkit-box-sizing: border-box;">
<tr style="-webkit-box-sizing: border-box;">
<th style="-webkit-box-sizing: border-box; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #cecfce; font-weight: bold; font-size: 11px; background-position: initial initial; background-repeat: initial initial; padding: 5px;">User/Group</th>
<th style="-webkit-box-sizing: border-box; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #cecfce; font-weight: bold; font-size: 11px; background-position: initial initial; background-repeat: initial initial; padding: 5px;">Full Control</th>
<th style="-webkit-box-sizing: border-box; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #cecfce; font-weight: bold; font-size: 11px; background-position: initial initial; background-repeat: initial initial; padding: 5px;">Change</th>
<th style="-webkit-box-sizing: border-box; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #cecfce; font-weight: bold; font-size: 11px; background-position: initial initial; background-repeat: initial initial; padding: 5px;">Read</th>
</tr>
<tr style="-webkit-box-sizing: border-box;">
<td style="-webkit-box-sizing: border-box; font-size: 11px; vertical-align: top; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #f7f7ff; background-position: initial initial; background-repeat: initial initial; padding: 5px;">Domain Admins</td>
<td style="-webkit-box-sizing: border-box; font-size: 11px; vertical-align: top; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #f7f7ff; background-position: initial initial; background-repeat: initial initial; padding: 5px;">Allow</td>
<td style="-webkit-box-sizing: border-box; font-size: 11px; vertical-align: top; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #f7f7ff; background-position: initial initial; background-repeat: initial initial; padding: 5px;">Allow</td>
<td style="-webkit-box-sizing: border-box; font-size: 11px; vertical-align: top; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #f7f7ff; background-position: initial initial; background-repeat: initial initial; padding: 5px;">Allow</td>
</tr>
<tr style="-webkit-box-sizing: border-box;">
<td style="-webkit-box-sizing: border-box; font-size: 11px; vertical-align: top; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #f7f7ff; background-position: initial initial; background-repeat: initial initial; padding: 5px;">Domain Users</td>
<td style="-webkit-box-sizing: border-box; font-size: 11px; vertical-align: top; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #f7f7ff; background-position: initial initial; background-repeat: initial initial; padding: 5px;">Allow</td>
<td style="-webkit-box-sizing: border-box; font-size: 11px; vertical-align: top; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #f7f7ff; background-position: initial initial; background-repeat: initial initial; padding: 5px;">Allow</td>
<td style="-webkit-box-sizing: border-box; font-size: 11px; vertical-align: top; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #f7f7ff; background-position: initial initial; background-repeat: initial initial; padding: 5px;">Allow</td>
</tr>
<tr style="-webkit-box-sizing: border-box;">
<td style="-webkit-box-sizing: border-box; font-size: 11px; vertical-align: top; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #f7f7ff; background-position: initial initial; background-repeat: initial initial; padding: 5px;">SBS Folder Operators</td>
<td style="-webkit-box-sizing: border-box; font-size: 11px; vertical-align: top; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #f7f7ff; background-position: initial initial; background-repeat: initial initial; padding: 5px;">Allow</td>
<td style="-webkit-box-sizing: border-box; font-size: 11px; vertical-align: top; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #f7f7ff; background-position: initial initial; background-repeat: initial initial; padding: 5px;">Allow</td>
<td style="-webkit-box-sizing: border-box; font-size: 11px; vertical-align: top; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #f7f7ff; background-position: initial initial; background-repeat: initial initial; padding: 5px;">Allow</td>
</tr>
</tbody>
</table>
</blockquote>
<p>By setting these permissions, I was able to then successfully create a user.  The server with this issue moved the &#8220;Users Shared Folders&#8221; to a partition with more space.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.javascriptjunkie.com/?feed=rss2&amp;p=21</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dual Booting Windows 7 and XP</title>
		<link>http://www.javascriptjunkie.com/?p=17</link>
		<comments>http://www.javascriptjunkie.com/?p=17#comments</comments>
		<pubDate>Mon, 26 Oct 2009 15:04:17 +0000</pubDate>
		<dc:creator>JavaScript Junkie</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.javascriptjunkie.com/?p=17</guid>
		<description><![CDATA[Tips for Installing Windows 7 in a Dual Boot with XP:
Before you Install for a Dual Boot, Backup your XP boot drive just to be safe.  I used Acronis True Image and Created a Recovery Boot CD.
The XP installation is on my C: drive.  I already had a 2nd partition on my drive where I [...]]]></description>
			<content:encoded><![CDATA[<p>Tips for Installing Windows 7 in a Dual Boot with XP:</p>
<blockquote><p><strong>Before you Install for a Dual Boot, Backup your XP boot drive just to be safe.  I used <a title="Acronis True Image" href="http://www.acronis.com/homecomputing/products/trueimage/" target="_blank">Acronis True Image</a> and Created a Recovery Boot CD.</strong></p>
<p>The XP installation is on my C: drive.  I already had a 2nd partition on my drive where I will install Windows 7.  In “My Computer” I labeled the 2nd partition “Win7″.  If you have a 2nd Drive that will also work or you can use partitioning software like Partition Magic to resize a large drive to have 2 smaller partitions.  Make sure the partition is formated as NTFS.  After cleaning off my 2nd partition I make sure the XP install is not using the 2nd partition for Virtual Memory. &#8212; <a href="http://blogwalla.com/windows7/2009/10/25/windows-7-and-xp-dual-boot/">Dual Boot Windows 7</a></p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.javascriptjunkie.com/?feed=rss2&amp;p=17</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Interesting find: myfunction(&#8217;value&#8217;) vs myfunction(this.myval)</title>
		<link>http://www.javascriptjunkie.com/?p=16</link>
		<comments>http://www.javascriptjunkie.com/?p=16#comments</comments>
		<pubDate>Fri, 25 Apr 2008 13:44:10 +0000</pubDate>
		<dc:creator>JavaScript Junkie</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.javascriptjunkie.com/?p=16</guid>
		<description><![CDATA[I develop Intranet apps with IE as the supported browser, so how other browsers are effected are unknown. I had an app that displays 1000+ lines on a single page and each line had an inline function &#8220;myfunction(&#8217;valueID&#8217;)&#8221; and would render to the page much slower than the actual querry would take to return the [...]]]></description>
			<content:encoded><![CDATA[<p><font size="2" face="Verdana">I develop Intranet apps with IE as the supported browser, so how other browsers are effected are unknown. </font><font size="2" color="#000000" face="Verdana">I had an app that displays 1000+ lines on a single page and each line had an inline function &#8220;myfunction(&#8217;valueID&#8217;)&#8221; and would render to the page much slower than the actual querry would take to return the data. At first we thought there was just a lot of data and it just took time to render.<br />
<strong>Example 1:</strong> &lt;img src=&#8221;img.gif&#8221; mce_src=&#8221;img.gif&#8221; onclick=&#8221;myfunction(&#8217;456-12&#8242;)&#8221;&gt; </font></p>
<p><font size="2" color="#000000" face="verdana">Recently we found that if we put the &#8220;valueID&#8221; in an attribute and referenced it through this.attrName it display much faster.<br />
</font><font size="2" color="#000000" face="verdana"><strong>Example 2:</strong> &lt;img src=&#8221;img.gif&#8221; mce_src=&#8221;img.gif&#8221; onclick=&#8221;myfunction(this.valueID)&#8221; valueID=&#8221;456-12&#8243;&gt; </font></p>
<p><font size="2" color="#000000" face="verdana">One of the pages with &#8220;ALL&#8221; results, returned over 5000 records. This page went from a nearly 2 minute query-load-display time down to a 25-30 second time to display. </font></p>
<p><font size="2" color="#000000" face="verdana"><font size="2" color="#000000" face="verdana"><strong>I just could NOT have imagined that it would have made such a significant difference.</strong> </font></font><font size="2" color="#000000" face="verdana"><font size="2" color="#000000" face="verdana">Further testing revealed that if the variable remained constant in the functions it was also very fast, but when they were all unique it slowed down again.  </font></font></p>
<p><font size="2" color="#000000" face="verdana"><font size="2" color="#000000" face="verdana"><strong>We concluded:</strong> (atleast in IE) The browser has to allocate memory for the variables in the functions as it tries to display the page, but not for the attributes.</font></font><font size="2" color="#000000" face="verdana"> </font><font size="2" color="#000000" face="verdana"><font size="2" face="Verdana">also posted on Webmaster World : <a target="_blank" href="http://www.webmasterworld.com/javascript/3633257.htm">Interesting find: myfunction(&#8217;value&#8217;) vs myfunction(this.myval)<br />
</a></font></p>
<p></font></p>
]]></content:encoded>
			<wfw:commentRss>http://www.javascriptjunkie.com/?feed=rss2&amp;p=16</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AJAX &#8220;Loading / Wait&#8221; Icons &#8211; Generate your own</title>
		<link>http://www.javascriptjunkie.com/?p=15</link>
		<comments>http://www.javascriptjunkie.com/?p=15#comments</comments>
		<pubDate>Fri, 14 Mar 2008 14:21:47 +0000</pubDate>
		<dc:creator>JavaScript Junkie</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.javascriptjunkie.com/?p=15</guid>
		<description><![CDATA[If you need a &#8220;Wait&#8221; or &#8220;Loading&#8221; icon to help your visitors know there is more info about to be displayed on your page and you are not skilled at creating those little spinning icons, you need AjaxLoad.info.
They have a simple interface and multiple image options (some with BIG options) to select from.  The nice [...]]]></description>
			<content:encoded><![CDATA[<p>If you need a &#8220;Wait&#8221; or &#8220;Loading&#8221; icon to help your visitors know there is more info about to be displayed on your page and you are not skilled at creating those little spinning icons, you need <a target="_blank" href="http://www.ajaxload.info">AjaxLoad.info</a>.</p>
<p>They have a simple interface and multiple image options (some with BIG options) to select from.  The nice thing about the site is that they have an options for Transparent Backgrount, Background Color and Foreground Color.  After selections are made, press the &#8220;Generate&#8221; button to create your image.  If you are happy with the choices you made, then you can download the image.</p>
<p><a target="_blank" href="http://www.ajaxload.info">http://www.ajaxload.info</a> </p>
<p>P.S. I also found a review of the site here (<a target="_blank" href="http://chaos-laboratory.com/2007/02/08/looking-for-custom-ajax-animated-loading-icons-ajaxload-creates-them-for-you-free/">Chaos Labratory.com &#8211; Ajax Loading Icons</a>)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.javascriptjunkie.com/?feed=rss2&amp;p=15</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Object doesn&#8217;t support this property or method &#8211; Javascript Error</title>
		<link>http://www.javascriptjunkie.com/?p=12</link>
		<comments>http://www.javascriptjunkie.com/?p=12#comments</comments>
		<pubDate>Wed, 12 Sep 2007 06:07:43 +0000</pubDate>
		<dc:creator>JavaScript Junkie</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.javascriptjunkie.com/?p=12</guid>
		<description><![CDATA[Ok, I was coding some javascript for an intranet application and I kept getting this error: &#8220;Object doesn&#8217;t support this property or method&#8221;.  I was just using a button with an onclick event to call a function to close a record through a AJAX call. I reduced the function down to just an alert(&#8221;hello&#8221;) and [...]]]></description>
			<content:encoded><![CDATA[<p>Ok, I was coding some javascript for an intranet application and I kept getting this error: &#8220;Object doesn&#8217;t support this property or method&#8221;.  I was just using a button with an onclick event to call a function to close a record through a AJAX call. I reduced the function down to just an alert(&#8221;hello&#8221;) and still was getting this error.</p>
<p>Stepping forward to the issue, I was calling a function, &#8220;closeRec(var1,var2)&#8221; and had a form with an &#8216;id=&#8221;closeRec&#8221;.  For some reason, maybe a good reason, in IE this causes this very generic ERROR.  This is a case sensitive issue as &#8216;id=&#8221;CloseRec&#8221; does not initiate the error.</p>
<p>If you have a good explanation  for this error &#8220;Object doesn&#8217;t support this property or method&#8221; in IE please respond. (I Didn&#8217;t try FireFox)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.javascriptjunkie.com/?feed=rss2&amp;p=12</wfw:commentRss>
		<slash:comments>66</slash:comments>
		</item>
		<item>
		<title>Using AJAX for the &#8216;User&#8217; Not Because You Can</title>
		<link>http://www.javascriptjunkie.com/?p=11</link>
		<comments>http://www.javascriptjunkie.com/?p=11#comments</comments>
		<pubDate>Mon, 06 Aug 2007 04:30:50 +0000</pubDate>
		<dc:creator>JavaScript Junkie</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[User Interface (UI)]]></category>

		<guid isPermaLink="false">http://www.javascriptjunkie.com/?p=11</guid>
		<description><![CDATA[AJAX is a very nice tool.  It allows us to build web pages that can retrieve bits of information with having to reload the entire page.  But some developers can take this to an extreme.  These developers want to possibly load the whole site&#8217;s content through AJAX.  After the user clicks a few links,  the [...]]]></description>
			<content:encoded><![CDATA[<p>AJAX is a very nice tool.  It allows us to build web pages that can retrieve bits of information with having to reload the entire page.  But some developers can take this to an extreme.  These developers want to possibly load the whole site&#8217;s content through AJAX.  After the user clicks a few links,  the user sees new data and finds something of interest.  The user may want to &#8220;Bookmark&#8221; the page.  If the user tries to bookmark the current data, they will not be able to.  The URL still has the original landing page location.</p>
<p>This is similar to users wanting to bookmark &#8220;Framed Pages&#8221;, the URL of a Framed site always stays at the www.domainname.com.  This is not &#8220;Good&#8221; for the users,  if they go back to the &#8220;bookmark&#8221; they have to search for that page again(if they remember why they bookmarked it in the first place).  If they can&#8217;t find the data they were after or couldn&#8217;t remember why they had that site, it will probably get deleted from the users bookmarks.</p>
<p><strong>My Theory for the User:</strong></p>
<ol>
<li>Create bookmarkable page sections.</li>
<li>Update Data or Change Data that belongs on that page and will be there (or similar data) in the future.</li>
<li>Unrelated or more complex changes/updates to the page deserve their own page.</li>
<li> Don&#8217;t make the user &#8220;Learn&#8221; how to use your site.</li>
</ol>
<p>Well that seems pretty basic and painless if followed.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.javascriptjunkie.com/?feed=rss2&amp;p=11</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FireFox &#8211; elem.nextSibling.tagName = &#8216;Undefined&#8217;</title>
		<link>http://www.javascriptjunkie.com/?p=10</link>
		<comments>http://www.javascriptjunkie.com/?p=10#comments</comments>
		<pubDate>Sun, 05 Aug 2007 01:54:30 +0000</pubDate>
		<dc:creator>JavaScript Junkie</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.javascriptjunkie.com/?p=10</guid>
		<description><![CDATA[WOW, usually my preference for the way things work in a browser is the &#8220;Way of FireFox&#8220;.  Like the boxModel, I prefer the box to stay the same size.  If I set it to 100px wide, and then add 10px of padding, I don&#8217;t like that IE makes the actual size of the [...]]]></description>
			<content:encoded><![CDATA[<p>WOW, usually my preference for the way things work in a browser is the &#8220;Way of <a href="http://www.mozilla.com/en-US/firefox/" target="_blank">FireFox</a>&#8220;.  Like the boxModel, I prefer the box to stay the same size.  If I set it to 100px wide, and then add 10px of padding, I don&#8217;t like that IE makes the actual size of the box 120px wide.  But now in FireFox, I have found that the JavaScript function <a href="http://www.w3schools.com/dom/prop_node_nextsibling.asp" target="_blank">nextSibling</a> to include &#8220;whitespace&#8221; as a TextNode.</p>
<p>This means, if you have code like this:<br />
&lt;div id=&#8217;first&#8217;&gt;Text here&lt;/div&gt;<br />
&lt;div id=&#8217;second&#8217;&gt;More Text&lt;/div&gt;</p>
<p>In FireFox: document.getElementById(&#8221;first&#8221;).nextSibling.tagName would return &#8216;undefined&#8217;.  This is because FireFox sees the whitespace as a TextNode, but IE will see the nextSibling and return &#8216;div&#8217;.</p>
<p>Here is a little work around for the FireFox &#8220;WAY&#8221;:<br />
<code><br />
function myFunction() {<br />
vSibling = document.getElementById("first").nextSibling<br />
while (vSibling.nodeType==3) {   // Fix for Mozilla/FireFox Empty Space becomes a TextNode vSibling = vSibling.nextSibling;<br />
};<strong><br />
</strong> </code></p>
<blockquote><p> <strong>Node Type Chart:</strong></p>
<table>
<tr>
<th class="captions" width="20%">Value</th>
<th class="captions" width="80%">Node Type</th>
</tr>
<tr>
<td width="20%">1</td>
<td width="80%">ELEMENT_NODE</td>
</tr>
<tr>
<td width="20%">2</td>
<td width="80%">ATTRIBUTE_NODE</td>
</tr>
<tr>
<td width="20%">3</td>
<td width="80%">TEXT_NODE</td>
</tr>
</table>
<p>NodeType chart Complete List -&gt; <a href="http://www.javascriptkit.com/domref/nodetype.shtml">javascriptkit.com</a></p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.javascriptjunkie.com/?feed=rss2&amp;p=10</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Show/Hide &lt; div &gt; with Javascript</title>
		<link>http://www.javascriptjunkie.com/?p=9</link>
		<comments>http://www.javascriptjunkie.com/?p=9#comments</comments>
		<pubDate>Tue, 10 Jul 2007 08:49:46 +0000</pubDate>
		<dc:creator>JavaScript Junkie</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[User Interface (UI)]]></category>

		<guid isPermaLink="false">http://www.javascriptjunkie.com/?p=9</guid>
		<description><![CDATA[Here is a generic script to show/hide a DIV or other element via &#8220;nextSibling&#8221; of the DOM. This example script uses a IMG as the click object within an &#8220;H?&#8221; tag as its Parent Object. The &#8220;CLICK&#8221; of the image activates the script passing &#8220;this&#8221; to the function. The function then with the DOM gets [...]]]></description>
			<content:encoded><![CDATA[<p>Here is a generic script to show/hide a DIV or other element via &#8220;nextSibling&#8221; of the DOM. This example script uses a IMG as the click object within an &#8220;H?&#8221; tag as its Parent Object. The &#8220;CLICK&#8221; of the image activates the script passing &#8220;this&#8221; to the function. The function then with the DOM gets that image &#8220;Parent&#8221; object. Next is identifying the &#8220;nextSibling&#8221; of that parent object.</p>
<p>With the &#8220;nextSibling&#8221; we check to see if the &#8220;display&#8221; of the element is &#8220;none&#8221;. If it is &#8220;none&#8221; we set &#8220;vSibling.style.display = &#8216;block&#8217;;&#8221; to enable the element to be visible. If it is not &#8220;none&#8221; then we set it to &#8220;vSibling.style.display = &#8216;none&#8217;;&#8221;</p>
<p>Images needed:<img src="http://www.javascriptjunkie.com/stuff/expand.gif" alt="expand.gif" style="margin-top: 3px; margin-bottom: -3px; cursor: pointer; margin-right: 6px" title="expand.gif" border="0" /><img src="http://www.javascriptjunkie.com/stuff/collapse.gif" alt="collapse.gif" style="margin-top: 3px; margin-bottom: -3px; cursor: pointer; margin-right: 6px" title="collapse.gif" border="0" />  <a href="http://www.javascriptjunkie.com/examples/9-show-hide-div.htm">Show/Hide Example</a></p>
<blockquote><p>&lt;H4&gt; &lt;!&#8211; Parent of trigger element (img) &#8211;&gt;<br />
&lt;img src=&#8221;img/expand.gif&#8221; alt=&#8221;Show Div&#8221; border=&#8221;0&#8243; style=&#8221;cursor:pointer;&#8221; onclick=&#8221;showHide(this);&#8221; /&gt;<br />
Title #1 with H tag and DIV<br />
&lt;/h4&gt;<br />
&lt;div style=&#8221;display:none;&#8221;&gt; &lt;!&#8211; Effected Element (sibling of H4) &#8211; &#8220;display:none;&#8221; needs to be inline &#8211;&gt;<br />
&lt;p&gt; This is the content of the #1 div&lt;/p&gt;<br />
&lt;/div&gt;</p></blockquote>
<p>Here is the HTML and Javascript<br />
<code>&lt;?xml version="1.0" encoding="iso-8859-1"?&gt;<br />
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;<br />
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;<br />
&lt;head&gt;<br />
&lt;title&gt;SHOW/HIDE Div with Javascript&lt;/title&gt;<br />
&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;<br />
&lt;/head&gt;<br />
&lt;script type="text/javascript"&gt;<br />
function showContent(vThis)<br />
{<br />
// http://www.javascriptjunkie.com<br />
// alert(vSibling.className + " " + vDef_Key);<br />
vParent = vThis.parentNode;<br />
vSibling = vParent.nextSibling;<br />
while (vSibling.nodeType==3) {   // Fix for Mozilla/FireFox Empty Space becomes a TextNode or Something<br />
vSibling = vSibling.nextSibling;<br />
};<br />
if(vSibling.style.display == "none")<br />
{<br />
vThis.src="/img/collapse.gif";<br />
vThis.alt = "Hide Div";<br />
vSibling.style.display = "block";<br />
} else {<br />
vSibling.style.display = "none";<br />
vThis.src="/img/expand.gif";<br />
vThis.alt = "Show Div";<br />
}<br />
return;<br />
}<br />
&lt;/script&gt;<br />
&lt;body&gt;<br />
&lt;h3&gt;Show/Hide Div Example&lt;/h3&gt;<br />
&lt;div style="margin-top:5px;"&gt;<br />
&lt;h4&gt;&lt;img src="/img/expand.gif" alt="Show Div" border="0" style="margin-right:6px; margin-top:3px; margin-bottom:-3px; cursor:pointer;" onclick="showContent(this);" /&gt;Title #1&lt;/h4&gt;<br />
&lt;div style="margin-top:5px; display:none; border:1px solid red;"&gt;<br />
&lt;p&gt; THis is the content of the #1 div&lt;/p&gt;<br />
&lt;/div&gt;<br />
&lt;h4&gt;&lt;img src="/img/expand.gif" alt="Show Div" border="0" style="margin-right:6px; margin-top:3px; margin-bottom:-3px; cursor:pointer;" onclick="showContent(this);" /&gt;Title #2&lt;/h4&gt;<br />
&lt;div style="margin-top:5px; display:none; border:1px solid red;"&gt;<br />
&lt;p&gt; THis is the content of the #2 div&lt;/p&gt;<br />
&lt;/div&gt;<br />
&lt;/div&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</code></p>
]]></content:encoded>
			<wfw:commentRss>http://www.javascriptjunkie.com/?feed=rss2&amp;p=9</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>Javascript Click and Drag &lt; Div &gt; with a handle</title>
		<link>http://www.javascriptjunkie.com/?p=8</link>
		<comments>http://www.javascriptjunkie.com/?p=8#comments</comments>
		<pubDate>Fri, 22 Jun 2007 22:51:32 +0000</pubDate>
		<dc:creator>JavaScript Junkie</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[User Interface (UI)]]></category>

		<guid isPermaLink="false">http://www.javascriptjunkie.com/?p=8</guid>
		<description><![CDATA[ Here is a simple javascript click and drag example.  It contains a &#8220;Drag Handle&#8221; and gets the parentNode as the whole object to drag. So the &#8220;handle&#8221; could be an image in a div to click and drag around the window.
I used global variables and really the main criteria to use the script [...]]]></description>
			<content:encoded><![CDATA[<p> Here is a simple javascript click and drag example.  It contains a &#8220;Drag Handle&#8221; and gets the parentNode as the whole object to drag. So the &#8220;handle&#8221; could be an image in a div to click and drag around the window.</p>
<p>I used global variables and really the main criteria to use the script is to have your &#8220;drag handle&#8221; defined class=&#8221;dragHandle&#8221; as the global event handler &#8220;mousedown&#8221; does the rest.<br />
<code>&lt;?xml version="1.0" encoding="iso-8859-1"?&gt;<br />
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;<br />
&lt;%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%&gt;<br />
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;<br />
&lt;head&gt;<br />
&lt;title&gt;Untitled Document&lt;/title&gt;<br />
&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;<br />
&lt;/head&gt;<br />
&lt;style type="text/css"&gt;<br />
&lt;!--<br />
.regular {<br />
background-color: #0099FF;<br />
border: 2px solid #000066;<br />
}<br />
.drag {<br />
background-color: #0099FF;<br />
border: 2px solid #000066;<br />
filter:alpha(opacity=40);<br />
-moz-opacity:.40;<br />
opacity:.40;<br />
z-index:100;<br />
}<br />
.dragHandle {<br />
cursor:move;<br />
background-color:#003399;<br />
color:#FFFFFF;<br />
display:block;<br />
padding:2px 0;<br />
width:150px;<br />
text-align:center;<br />
}<br />
--&gt;<br />
&lt;/style&gt;<br />
&lt;script type="text/javascript"&gt;<br />
document.onmousemove=getMouseMove<br />
document.onmousedown=getMouseDown<br />
document.onmouseup=getMouseUp<br />
var clicked = false;<br />
var x;<br />
var y;<br />
var element;<br />
var clickX;<br />
var clickY;<br />
reg = new RegExp("([0-9]*)px", "i");<br />
function getMouseDown()<br />
{<br />
clickItem = event.srcElement;<br />
if(clickItem.className &amp;&amp; clickItem.className == "dragHandle")<br />
{<br />
clicked = true;<br />
element = clickItem.parentNode;<br />
if(event.offsetX || event.offsetY) {<br />
clickX=event.offsetX;<br />
clickY=event.offsetY;<br />
}<br />
else {<br />
clickX=event.pageX;<br />
clickY=event.pageY;<br />
}<br />
element.className = 'drag';<br />
}<br />
}<br />
function getMouseMove() {<br />
if(clicked == true) {<br />
elementX = parseInt(reg.exec(element.style.left)[1]);<br />
elementY = parseInt(reg.exec(element.style.top)[1]);<br />
if(event.offsetX || event.offsetY)  // IE<br />
{<br />
document.getElementById("x").innerHTML = event.offsetX;<br />
document.getElementById("y").innerHTML = event.offsetY;<br />
x=elementX + (event.offsetX - clickX);<br />
y=elementY + (event.offsetY - clickY);<br />
if(x &lt; 0){x=0;event.pageX = clickX;}<br />
if(y &lt; 0){y=0;event.pageY = clickY;}<br />
} else {       // Netscape or FireFox<br />
document.getElementById("x").innerHTML = event.offsetX;<br />
document.getElementById("y").innerHTML = event.offsetY ;<br />
x=elementX + (event.pageX - clickX);<br />
y=elementY + (event.pageY - clickY);<br />
if(x &lt; 0) x=0;<br />
if(y &lt; 0) y=0;<br />
}<br />
element.style.left = x +'px';<br />
element.style.top = y +'px';<br />
document.getElementById('xval').innerHTML = x;<br />
document.getElementById('yval').innerHTML = y;<br />
}<br />
return;<br />
}<br />
function getMouseUp() {<br />
if(clicked == true)<br />
{<br />
clicked = false;<br />
element.className = 'regular';<br />
element = null;<br />
}<br />
}<br />
&lt;/script&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;div id="dragContainer" class="regular" style="position:absolute; top: 34px; left: 135px; height: 200px; width: 150px;"  &gt;<br />
&lt;div class="dragHandle"&gt;<br />
Drag Title<br />
&lt;/div&gt;<br />
&lt;div id="content"&gt;<br />
Here is some text in a box being draged. &lt;a href="#" &gt;Link goes here&lt;/a&gt;<br />
&lt;/div&gt;<br />
&lt;/div&gt;<br />
&lt;div  id="dragContainer2" class="regular" style="position:absolute; top: 34px; left: 467px; height: 200px; width: 150px;"  &gt;<br />
&lt;div class="dragHandle"&gt;<br />
Drag Title<br />
&lt;/div&gt;<br />
&lt;div id="content"&gt;<br />
Here is some text in a box being draged. &lt;a href="#" &gt;Link goes here&lt;/a&gt;<br />
&lt;/div&gt;<br />
&lt;/div&gt;<br />
&lt;div  id="dragContainer3" class="regular" style="position:absolute; top: 148px; left: 303px; height: 200px; width: 150px;"  &gt;<br />
&lt;div class="dragHandle"&gt;<br />
Drag Title<br />
&lt;/div&gt;<br />
&lt;div id="content"&gt;<br />
Here is some text in a box being draged. &lt;a href="#" &gt;Link goes here&lt;/a&gt;<br />
&lt;/div&gt;<br />
&lt;/div&gt;<br />
&lt;div id="data"&gt;<br />
&lt;br&gt;X: &lt;span id="xval"&gt;&lt;/span&gt;<br />
&lt;br&gt;Y: &lt;span id="yval"&gt;&lt;/span&gt;<br />
&lt;br&gt;<br />
&lt;br&gt;Xtop: &lt;span id="xtopval"&gt;&lt;/span&gt;<br />
&lt;br&gt;Ytop: &lt;span id="ytopval"&gt;&lt;/span&gt;<br />
&lt;br&gt;<br />
&lt;br&gt;x: &lt;span id="x"&gt;&lt;/span&gt;<br />
&lt;br&gt;y: &lt;span id="y"&gt;&lt;/span&gt;<br />
&lt;/div&gt;<br />
&lt;body&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</code></p>
]]></content:encoded>
			<wfw:commentRss>http://www.javascriptjunkie.com/?feed=rss2&amp;p=8</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>When Google thinks Links are Bad.</title>
		<link>http://www.javascriptjunkie.com/?p=7</link>
		<comments>http://www.javascriptjunkie.com/?p=7#comments</comments>
		<pubDate>Tue, 19 Jun 2007 06:14:30 +0000</pubDate>
		<dc:creator>JavaScript Junkie</dc:creator>
				<category><![CDATA[Search Engine Optimization]]></category>

		<guid isPermaLink="false">http://www.javascriptjunkie.com/?p=7</guid>
		<description><![CDATA[In the beginning Google created an Algorithm, and it was good. It was based on sites linking between each other, creating a &#8220;web&#8221; of pathways for users to follow.
Business practices have included &#8220;paid&#8221; advertising for many many many years. Links today are being purchased for advertising purposes. Google doesn&#8217;t like. Why is it now that [...]]]></description>
			<content:encoded><![CDATA[<p>In the beginning Google created an Algorithm, and it was good. It was based on sites linking between each other, creating a &#8220;web&#8221; of pathways for users to <strong>follow</strong>.</p>
<p>Business practices have included &#8220;paid&#8221; advertising for many many many years. Links today are being purchased for advertising purposes. Google doesn&#8217;t like. Why is it now that Google is wanting webmasters to <strong>nofollow</strong> and to not take money for links that allow users to <strong>follow</strong>. If you haven&#8217;t heard, nofollow is a <a target="_blank" href="http://www.linkcondom.com">Link Condom</a>, it protects Google&#8217;s Algorithm from skanky, whorish, God Forbid &#8211; &#8220;Paid Links&#8221;.</p>
<p>Google is wanting <a target="_blank" href="http://www.mattcutts.com/blog/how-to-report-paid-links/">Fake Link Pimps</a> to tattle on sites with paid links. &#8220;<a href="http://www.weaselyone.com/archives/matt-cutts-a-link-pimp/33.htm">Matt Cutts a Link Pimp?</a>&#8220;, is a fun Post with a pic of <a href="http://www.weaselyone.com/archives/matt-cutts-a-link-pimp/33.htm">Matt C. in Pimp Clothes.</a></p>
<blockquote><p>Just like prostitution<strong> paid linking will simply go low profile/underground.</strong> As Google has success penalizing paid linking people will simply stop using visible services like Text Link Ads and find new ways of doing business. Buying and selling paid links will become more sophisticated and/or secretive but it won’t disapear.</p></blockquote>
<p>I am not suggesting to hide the links you are being paid for with JavaScript or AJAX as that is probably not what was the expectation from the purchaser. But if you have Affiliate links or other links that you are not worried about passing &#8220;link value&#8221; then it might be a technique that could be used.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.javascriptjunkie.com/?feed=rss2&amp;p=7</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
