<?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>Herself&#039;s Webtools &#187; javascript</title>
	<atom:link href="http://herselfswebtools.com/category/javascript/feed" rel="self" type="application/rss+xml" />
	<link>http://herselfswebtools.com</link>
	<description>Scripts, HowTos, Templates, Plugins, Widgets, Tips</description>
	<lastBuildDate>Fri, 18 Nov 2011 15:47:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>How to create a list of posts from a specific label</title>
		<link>http://herselfswebtools.com/2007/06/how-to-create-a-list-of-posts-from-a-specific-label.html</link>
		<comments>http://herselfswebtools.com/2007/06/how-to-create-a-list-of-posts-from-a-specific-label.html#comments</comments>
		<pubDate>Mon, 18 Jun 2007 12:00:00 +0000</pubDate>
		<dc:creator>Linda MacPhee-Cobb</dc:creator>
				<category><![CDATA[blogger]]></category>
		<category><![CDATA[blogger template]]></category>
		<category><![CDATA[hack your template]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://timestocome.org/webtools/2007/06/how-to-create-a-list-of-posts-from-a-specific-label.html</guid>
		<description><![CDATA[I needed to make a link list of all the posts relating to specific plants on Herself&#8217;s House Plants. I wanted people to be able to quickly scan the list looking for what ever plant they are looking for instead of having them click the specific plant label and load up 60 plant entries. Blogs [...]]]></description>
			<content:encoded><![CDATA[<p>I needed to make a link list of all the posts relating to specific plants on Herself&#8217;s House Plants.  I wanted people to be able to quickly scan the list looking for what ever plant they are looking for instead of having them click the specific plant label and load up 60 plant entries.  Blogs are a great format for webpages but some information can get buried.</p>
<p>It was a far more challenging task than I planed.  I still do not have a good way to do this.  This is a two step hack. You can see it <a href="http://herselfshouseplants.com">Herself&#8217;s House Plants</a> here.  About mid way down the side bar is a lengthly list of links to specific plants.  You can also see a list of Topics in AI on the sidebar of <a href="http://herselfsai.com">Herself&#8217;s AI</a>.</p>
<p>This is how I did it.</p>
<p><span style="font-weight: bold;">Step 1:</span><br />
You need to create a feed that will fetch only the items from that label.  I learned how to do so at <a href="http://purplemoggy.blogspot.com/2006/09/blogger-beta-feeds.html">Purple Moggy&#8217;s</a> There are several feed instructions and examples there so if my example doesn&#8217;t do what you need check those out.</p>
<p>Feed URL</p>
<p>Replace {BLOG ID} and {LABEL}  with your information</p>
<p>http://beta.blogger.com/feeds/{BLOG ID}/posts/full/-/{LABEL}</p>
<p>The Feed URL I used (wrapping to fit in column):</p>
<p>http://beta.blogger.com/feeds/999999999999999999/posts/</p>
<p>full/-/Specific%20plant%20information?max-results=100</p>
<p>What it took me several hours to figure out:</p>
<p>- use &#8216;beta.blogger.com&#8217;  not your domain or your blogger account</p>
<p>- 999999999999  is your blog id number <a href="http://help.blogger.com/bin/answer.py?answer=42191">Detailed directions to find your blog id number</a>.  You will see it in the url when you are logged in and working on posts etc. (?blogID=1234567890123456&amp;post )</p>
<p>- Specific%20plant%20information  This is your label, put %20 in place of any spaces.</p>
<p>-?max-results=100  This is the maximum urls you would like in the list.  I only have 60 or so plants so 100 is more than I need.</p>
<p>That actually was the painful part.  Once you have your feed test it in GReader or some place and make sure you have it correct.</p>
<p><span style="font-weight: bold;">Second Step:</span><br />
You need a JavaScript to process the list.  I used the one from <a href="http://slashdemocracy.org/xml/feed2js/build.php">Cut n&#8217; Past JavaScript RSS Feed</a> here.  There are thousands of JavaScript from feed tools all over the net.  If you have a favorite place use that one.</p>
<p>Then you just paste the JavaScript into a HTML/JavaScript element in your template.</p>
<p><span style="font-weight: bold;">WordPress</span><br />
For WordPress the feed for a specific category:</p>
<p>http://www.yourwebsite.com/wordpressDirectory/category/CategoryName/feed/</p>
<p>category and feed are fixed, you have to customize to match your blog and category:<br />
www.yourwebsite.com<br />
wordpressDirectory<br />
CategoryName</p>
<p>Then you will need to place the JavaScript some where in your sidebar template.  Work on a copy of your template, they are fragile.</p>
<p>There is also a WordPress <a href="http://ryowebsite.com/?p=46">plugin to show information from certain categories</a> I have not tried it.  I just ran across the information while researching how to do the category feed.</p>
<p>* If I can figure out a way to do this with out relying on a third party JavaScript/RSS processing place I&#8217;ll come back to here and post the directions.</p>
<p>4/2/10  <a href="http://herselfswebtools.com/2010/04/how-to-create-a-list-of-posts-by-category-in-wordpress.html">See also How to lists posts by category in WordPress</a>; for a newer, easier way to do this.</p>
]]></content:encoded>
			<wfw:commentRss>http://herselfswebtools.com/2007/06/how-to-create-a-list-of-posts-from-a-specific-label.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mouse trails</title>
		<link>http://herselfswebtools.com/2007/03/mouse-trails.html</link>
		<comments>http://herselfswebtools.com/2007/03/mouse-trails.html#comments</comments>
		<pubDate>Fri, 16 Mar 2007 12:00:00 +0000</pubDate>
		<dc:creator>Linda MacPhee-Cobb</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[useful sites]]></category>

		<guid isPermaLink="false">http://timestocome.org/webtools/2007/03/mouse-trails.html</guid>
		<description><![CDATA[You no longer have to write your own code to use Javascript mouse trails. Several sites will do this for you and customize it exactly to your wishes. Dynamic Drive DHTML Scripts, Image Trail Script HTML BASIX, mouse trail generator And here are some cool stars to use:]]></description>
			<content:encoded><![CDATA[<p>You no longer have to write your own code to use Javascript mouse trails.  Several sites will do this for you and customize it exactly to your wishes.</p>
<p><a href="http://www.dynamicdrive.com/dynamicindex13/trailer.htm">Dynamic Drive DHTML Scripts, Image Trail Script</a></p>
<p><a href="http://www.htmlbasix.com/mousetrails.shtml">HTML BASIX, mouse trail generator</a></p>
<p>And here are some cool stars to use:</p>
<p><img src="/images/t1.gif" /><br />
<img src="/images/t2.gif" /><br />
<img src="/images/t3.gif" /><br />
<img src="/images/t4.gif" /><br />
<img src="/images/t5.gif" /><br />
<img src="/images/t6.gif" /></p>
]]></content:encoded>
			<wfw:commentRss>http://herselfswebtools.com/2007/03/mouse-trails.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to do mouse rollovers in javascript</title>
		<link>http://herselfswebtools.com/2007/03/how-to-do-mouse-rollovers-in-javascript.html</link>
		<comments>http://herselfswebtools.com/2007/03/how-to-do-mouse-rollovers-in-javascript.html#comments</comments>
		<pubDate>Thu, 01 Mar 2007 12:00:00 +0000</pubDate>
		<dc:creator>Linda MacPhee-Cobb</dc:creator>
				<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://timestocome.org/webtools/2007/03/how-to-do-mouse-rollovers-in-javascript.html</guid>
		<description><![CDATA[Mouse rollovers in javascript A rollover is a javascript that lets a new image or message appear when the mouse is hovering over an image or link. There are two images for each link. The first shows when the mouse is not over the image the second show when the mouse is over the link. [...]]]></description>
			<content:encoded><![CDATA[<p>Mouse rollovers in javascript</p>
<p>A rollover is a javascript that lets a new image or message appear when the mouse is hovering over an image or link.  There are two images for each link.  The first shows when the mouse is not over the image the second show when the mouse is over the link.</p>
<p>HTML/Javascript code:</p>
<p>&lt; a href=&#8221;http://www.anypage.com&#8221;<br />
onMouseover=&#8221;document.dummy.src=&#8217;mouseoverpicture.jpg&#8217;&#8221;<br />
onMouseout=&#8221;document.dummy.src=&#8217;mousenotover.jpg&#8221;<br />
&gt; img src=&#8221;images/mousenotover.jpg&#8221; name=&#8221;dummy&#8221; &lt; /a &gt;</p>
<p>The mouseoverpicture.jpg is the image that shows while the mouse is over the link.  The mousenotover.jpg is the image that shows while you do not have the mouse over the link.  You may use a name other than &#8216;dummy&#8217; in the name and the onMouseover/out, but be sure it is consistent.  You may use any type images recognized by html, jpg, gif<br />
or png.</p>
<p><a href="/examples/rolloverexample.html">Rollover Example</a></p>
]]></content:encoded>
			<wfw:commentRss>http://herselfswebtools.com/2007/03/how-to-do-mouse-rollovers-in-javascript.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

