

<rss version="2.0"
	xmlns:atom="http://www.w3.org/2005/Atom" 
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:admin="http://webns.net/mvcb/"
	xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
		
	<channel>
		<title>RSS Feeds :: DEVPPL - Forums > CSS Forum : Topics : Make other things happen on hover?</title>
	<!--<atom:link href="http://www.devppl.com/forum" rel="self" type="application/rss+xml" />-->
		<description>TOGETHER WE ARE THE BEST</description>
		<link>http://www.devppl.com/forum</link>
		<language>en-gb</language>
		<pubDate>Tue, 17 Aug 2004 14:07:13 +0100</pubDate>
		<lastBuildDate>Tue, 24 Nov 2009 02:24:48 +0000</lastBuildDate>
		<docs>http://blogs.law.harvard.edu/tech/rss</docs>
		<generator>MSSTI v0.0.1 - (C) 2008 leviatan21 - http://www.mssti.com/</generator>
		<copyright>Copyright : (c) RSS Feeds :: DEVPPL - Tue, 17 Aug 2004 14:07:13 +0100</copyright>
		<dc:creator>webmaster@devppl.com (DEVPPL)</dc:creator>

		<image>
			<title>RSS Feeds :: DEVPPL - Forums > CSS Forum : Topics : Make other things happen on hover?</title>
			<url>http://www.devppl.com/forum/styles/DEVPPL-v2/imageset/site_logo.gif</url>
			<link>http://www.devppl.com/forum</link>
		</image>
		<ttl>60</ttl>
		
		<item>
			<title>Re: Make other things happen on hover?</title>
			<link>http://www.devppl.com/forum/./viewtopic.php?p=49296#p49296</link>
				<description><![CDATA[  Might be of interest:<br /><dl class="codebox"><dt>Code: <a href="#"
onclick="selectCode(this); return false;" class="postlink-local">Select
all</a></dt><dd><code> <br /><style type="text/css"><br
/>*{margin:0px;padding:0px;}<br />#container{<br />margin:20px;<br
/>font-family:Arial,tahoma,verdana;<br />font-size:12pt;<br />}<br
/>#container ul{<br />list-style-type:none;<br />margin:10px 0px 30px
0px;<br />height:50px;<br />}<br />#container ul
li{float:left;margin:10px;}<br />#container div{<br />width:300px;<br
/>height:100px;<br />border:1px solid #999;<br />margin:10px;<br
/>text-align:center;<br />}<br /></style><br /><script
type="text/javascript"><br />var ray={<br />&nbsp;
&nbsp;hover:function(){<br />&nbsp; &nbsp;&nbsp; &nbsp;var arg =
ray.hover.arguments&#91;0&#93;;<br />&nbsp; &nbsp;&nbsp; &nbsp;for(var i in
arg){<br />&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
&nbsp;this.getID(i).style.color=arg&#91;i&#93;;<br />&nbsp; &nbsp;&nbsp;
&nbsp;}<br />&nbsp; &nbsp;},<br />&nbsp; &nbsp;<br />&nbsp;
&nbsp;getID:function(el){<br />&nbsp; &nbsp;&nbsp; &nbsp;return
document.getElementById(el);<br />&nbsp; &nbsp;}<br />}<br /></script><br
/><div id="container"><br />&nbsp; &nbsp;<ul><br />&nbsp; &nbsp;<li><br
/>&nbsp; &nbsp;<a href="#"
onmouseover="ray.hover({content:'red',another_content:'#930',h1_el:'#09c'})"
onmouseout="ray.hover({content:'bl</code></dd></dl>...<p>Statistics : Posted by <a href="http://www.devppl.com/forum/memberlist.php?mode=viewprofile&amp;u=15155">rangana</a> &bull; on Wed Jan 14, 2009 8:45 pm &bull; Replies 5 &bull; Views 396</p><hr />]]></description>
					<content:encoded><![CDATA[  Might be of interest:<br /><dl class="codebox"><dt>Code: <a href="#"
onclick="selectCode(this); return false;" class="postlink-local">Select
all</a></dt><dd><code> <br /><style type="text/css"><br
/>*{margin:0px;padding:0px;}<br />#container{<br />margin:20px;<br
/>font-family:Arial,tahoma,verdana;<br />font-size:12pt;<br />}<br
/>#container ul{<br />list-style-type:none;<br />margin:10px 0px 30px
0px;<br />height:50px;<br />}<br />#container ul
li{float:left;margin:10px;}<br />#container div{<br />width:300px;<br
/>height:100px;<br />border:1px solid #999;<br />margin:10px;<br
/>text-align:center;<br />}<br /></style><br /><script
type="text/javascript"><br />var ray={<br />&nbsp;
&nbsp;hover:function(){<br />&nbsp; &nbsp;&nbsp; &nbsp;var arg =
ray.hover.arguments&#91;0&#93;;<br />&nbsp; &nbsp;&nbsp; &nbsp;for(var i in
arg){<br />&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
&nbsp;this.getID(i).style.color=arg&#91;i&#93;;<br />&nbsp; &nbsp;&nbsp;
&nbsp;}<br />&nbsp; &nbsp;},<br />&nbsp; &nbsp;<br />&nbsp;
&nbsp;getID:function(el){<br />&nbsp; &nbsp;&nbsp; &nbsp;return
document.getElementById(el);<br />&nbsp; &nbsp;}<br />}<br /></script><br
/><div id="container"><br />&nbsp; &nbsp;<ul><br />&nbsp; &nbsp;<li><br
/>&nbsp; &nbsp;<a href="#"
onmouseover="ray.hover({content:'red',another_content:'#930',h1_el:'#09c'})"
onmouseout="ray.hover({content:'bl</code></dd></dl>...]]></content:encoded>
					<category domain="http://www.devppl.com/forum/viewforum.php?f=43"><![CDATA[CSS Forum]]></category>
			<dc:creator><![CDATA[15155]]></dc:creator>
			<dc:date>2009-01-15T01:50:12+00:00</dc:date>
			<guid isPermaLink="false">http://www.devppl.com/forum/./viewtopic.php?p=49296#p49296</guid>
		</item>
			<item>
			<title>Re: Make other things happen on hover?</title>
			<link>http://www.devppl.com/forum/./viewtopic.php?p=49289#p49289</link>
				<description><![CDATA[Great, thanks for the help! Going to push this even further though :p<br
/><br />Say I have this setup:<br /><br />Link (red) - Hover turns text
below red.<br />Link (green) - Hover turns text below green.<br />Link
(blue) - Hover turns text below blue.<br /><br />'Text that changes color
when link is hovered'.<br /><br />Basically I need a way to separate them
into different ids?<br /><br />Hope that made sense! :p<br /><br />Thanks
again.<p>Statistics : Posted by <a href="http://www.devppl.com/forum/memberlist.php?mode=viewprofile&amp;u=3687">Tomi</a> &bull; on Wed Jan 14, 2009 8:45 pm &bull; Replies 5 &bull; Views 396</p><hr />]]></description>
					<content:encoded><![CDATA[Great, thanks for the help! Going to push this even further though :p<br
/><br />Say I have this setup:<br /><br />Link (red) - Hover turns text
below red.<br />Link (green) - Hover turns text below green.<br />Link
(blue) - Hover turns text below blue.<br /><br />'Text that changes color
when link is hovered'.<br /><br />Basically I need a way to separate them
into different ids?<br /><br />Hope that made sense! :p<br /><br />Thanks
again.]]></content:encoded>
					<category domain="http://www.devppl.com/forum/viewforum.php?f=43"><![CDATA[CSS Forum]]></category>
			<dc:creator><![CDATA[3687]]></dc:creator>
			<dc:date>2009-01-15T01:06:43+00:00</dc:date>
			<guid isPermaLink="false">http://www.devppl.com/forum/./viewtopic.php?p=49289#p49289</guid>
		</item>
			<item>
			<title>Re: Make other things happen on hover?</title>
			<link>http://www.devppl.com/forum/./viewtopic.php?p=49278#p49278</link>
				<description><![CDATA[ <dl class="codebox"><dt>Code: <a href="#" onclick="selectCode(this);
return false;" class="postlink-local">Select all</a></dt><dd><code><script
type="text/javascript"><br />function changeover() {<br />&nbsp;
&nbsp;document.getElementById('link1').style.color = "red";<br />&nbsp;
&nbsp;document.getElementById('image1').style.display = "block";<br />}<br
/>function changeout() {<br />&nbsp;
&nbsp;document.getElementById('link1').style.color = "green";<br />&nbsp;
&nbsp;document.getElementById('image1').style.display = "none";<br />}<br
/></script><br /><br /><a href="#"
onMouseOver="javascript&#058;changeover();"
onMouseOut="javascript&#058;changeout();">Hover over me :)</a><br><br><br
/><a href="#" id="link1" style="color: green">green link?</a><br><br /><img
src="http://www.modernlifeisrubbish.co.uk/images/illustrations/google-as-a-giant-robot.jpg"
id="image1" style="display: none" width=500></code></dd></dl> <br /><br
/>Something like that.<br />Flabby Rabbit...<p>Statistics : Posted by <a href="http://www.devppl.com/forum/memberlist.php?mode=viewprofile&amp;u=7034">flabbyrabbit</a> &bull; on Wed Jan 14, 2009 8:45 pm &bull; Replies 5 &bull; Views 396</p><hr />]]></description>
					<content:encoded><![CDATA[ <dl class="codebox"><dt>Code: <a href="#" onclick="selectCode(this);
return false;" class="postlink-local">Select all</a></dt><dd><code><script
type="text/javascript"><br />function changeover() {<br />&nbsp;
&nbsp;document.getElementById('link1').style.color = "red";<br />&nbsp;
&nbsp;document.getElementById('image1').style.display = "block";<br />}<br
/>function changeout() {<br />&nbsp;
&nbsp;document.getElementById('link1').style.color = "green";<br />&nbsp;
&nbsp;document.getElementById('image1').style.display = "none";<br />}<br
/></script><br /><br /><a href="#"
onMouseOver="javascript&#058;changeover();"
onMouseOut="javascript&#058;changeout();">Hover over me :)</a><br><br><br
/><a href="#" id="link1" style="color: green">green link?</a><br><br /><img
src="http://www.modernlifeisrubbish.co.uk/images/illustrations/google-as-a-giant-robot.jpg"
id="image1" style="display: none" width=500></code></dd></dl> <br /><br
/>Something like that.<br />Flabby Rabbit...]]></content:encoded>
					<category domain="http://www.devppl.com/forum/viewforum.php?f=43"><![CDATA[CSS Forum]]></category>
			<dc:creator><![CDATA[7034]]></dc:creator>
			<dc:date>2009-01-14T20:42:03+00:00</dc:date>
			<guid isPermaLink="false">http://www.devppl.com/forum/./viewtopic.php?p=49278#p49278</guid>
		</item>
			<item>
			<title>Re: Make other things happen on hover?</title>
			<link>http://www.devppl.com/forum/./viewtopic.php?p=49277#p49277</link>
				<description><![CDATA[Awesome thanks! Now how would I make it so when I stop hovering it goes
back to how it was?<p>Statistics : Posted by <a href="http://www.devppl.com/forum/memberlist.php?mode=viewprofile&amp;u=3687">Tomi</a> &bull; on Wed Jan 14, 2009 8:45 pm &bull; Replies 5 &bull; Views 396</p><hr />]]></description>
					<content:encoded><![CDATA[Awesome thanks! Now how would I make it so when I stop hovering it goes
back to how it was?]]></content:encoded>
					<category domain="http://www.devppl.com/forum/viewforum.php?f=43"><![CDATA[CSS Forum]]></category>
			<dc:creator><![CDATA[3687]]></dc:creator>
			<dc:date>2009-01-14T20:05:56+00:00</dc:date>
			<guid isPermaLink="false">http://www.devppl.com/forum/./viewtopic.php?p=49277#p49277</guid>
		</item>
			<item>
			<title>Re: Make other things happen on hover?</title>
			<link>http://www.devppl.com/forum/./viewtopic.php?p=49276#p49276</link>
				<description><![CDATA[<dl class="codebox"><dt>Code: <a href="#" onclick="selectCode(this); return
false;" class="postlink-local">Select all</a></dt><dd><code><script
type="text/javascript"><br />function change() {<br />&nbsp;
&nbsp;document.getElementById('link1').style.color = "red";<br />&nbsp;
&nbsp;document.getElementById('image1').style.display = "block";<br />}<br
/></script><br /><br /><a href="#"
onMouseOver="javascript&#058;change();">Hover over me :)</a><br><br><br
/><a href="#" id="link1" style="color: green">green link?</a><br><br /><img
src="http://www.modernlifeisrubbish.co.uk/images/illustrations/google-as-a-giant-robot.jpg"
id="image1" style="display: none" width=500></code></dd></dl><br /><br
/>Hope that helps,<br />Flabby Rabbit<p>Statistics : Posted by <a href="http://www.devppl.com/forum/memberlist.php?mode=viewprofile&amp;u=7034">flabbyrabbit</a> &bull; on Wed Jan 14, 2009 8:45 pm &bull; Replies 5 &bull; Views 396</p><hr />]]></description>
					<content:encoded><![CDATA[<dl class="codebox"><dt>Code: <a href="#" onclick="selectCode(this); return
false;" class="postlink-local">Select all</a></dt><dd><code><script
type="text/javascript"><br />function change() {<br />&nbsp;
&nbsp;document.getElementById('link1').style.color = "red";<br />&nbsp;
&nbsp;document.getElementById('image1').style.display = "block";<br />}<br
/></script><br /><br /><a href="#"
onMouseOver="javascript&#058;change();">Hover over me :)</a><br><br><br
/><a href="#" id="link1" style="color: green">green link?</a><br><br /><img
src="http://www.modernlifeisrubbish.co.uk/images/illustrations/google-as-a-giant-robot.jpg"
id="image1" style="display: none" width=500></code></dd></dl><br /><br
/>Hope that helps,<br />Flabby Rabbit]]></content:encoded>
					<category domain="http://www.devppl.com/forum/viewforum.php?f=43"><![CDATA[CSS Forum]]></category>
			<dc:creator><![CDATA[7034]]></dc:creator>
			<dc:date>2009-01-14T19:58:24+00:00</dc:date>
			<guid isPermaLink="false">http://www.devppl.com/forum/./viewtopic.php?p=49276#p49276</guid>
		</item>
			<item>
			<title>Make other things happen on hover?</title>
			<link>http://www.devppl.com/forum/./viewtopic.php?p=49275#p49275</link>
				<description><![CDATA[What I want is so when I hover over a link, a word which is not apart of
the link will change color and an image will appear that was once hidden.
Trying to make quite an interesting and dynamic portfolio page, this would
be very useful! <br /><br />Thanks<p>Statistics : Posted by <a href="http://www.devppl.com/forum/memberlist.php?mode=viewprofile&amp;u=3687">Tomi</a> &bull; on Wed Jan 14, 2009 8:45 pm &bull; Replies 5 &bull; Views 396</p><hr />]]></description>
					<content:encoded><![CDATA[What I want is so when I hover over a link, a word which is not apart of
the link will change color and an image will appear that was once hidden.
Trying to make quite an interesting and dynamic portfolio page, this would
be very useful! <br /><br />Thanks]]></content:encoded>
					<category domain="http://www.devppl.com/forum/viewforum.php?f=43"><![CDATA[CSS Forum]]></category>
			<dc:creator><![CDATA[3687]]></dc:creator>
			<dc:date>2009-01-14T19:45:36+00:00</dc:date>
			<guid isPermaLink="false">http://www.devppl.com/forum/./viewtopic.php?p=49275#p49275</guid>
		</item>
	
	</channel>
</rss>