Re: How to Make Layers Visible with OnMouseOver

[Dave l]

holy cr*p Frontpage 2! damn that rocks!! haha


~|
Want to reach the ColdFusion community with something they want? Let them know 
on the House of Fusion mailing lists
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:325627
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: 
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4

RE: How to Make Layers Visible with OnMouseOver

[Adrian Lynch]

 -Original Message-
 From: Peter Boughton [mailto:bought...@gmail.com]
 
 And just a quick simplification of Adrian's jQuery...
 
 Instead of:
 $(#show).mouseover(func1).mouseout(func2)
 
 You can do:
 $(#show).hover(func1,func2)

Holy bejeasus, how long has hover() been there?!

God bless jQuery...


~|
Want to reach the ColdFusion community with something they want? Let them know 
on the House of Fusion mailing lists
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:325628
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4

Re: How to Make Layers Visible with OnMouseOver

[Larry Lyons]

Scott,

Here's how I do it. First of all I'm assuming that your divisions are initially 
visible, if not in your CSS set the display for the div to none. Add the 
following into your head area of your page:

script language=javascript type=text/javascript
 function toggle(item) {
  var e = document.getElementById(item);
  e.style.display = (e.style.display != 'none' ? 'none' : '' );
}
/script

Next put a link that would trigger the above toggle function, and pass in the 
name of the div. Assuming that your div name is foo, the link would look 
something like this:

a href = # onClick=toggle('foo')Hide Foo/a
div id=fooBar/div

hth,
larry


 Hi all --
 
 I can't figure out how to make Layer2 in this document visible when I 
 mouseover the a tag around the newbridgecollege.edu link. Can anyone 
 help me with this?
 
 Scott
 
 *
 

~|
Want to reach the ColdFusion community with something they want? Let them know 
on the House of Fusion mailing lists
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:325632
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: 
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4

Re: How to Make Layers Visible with OnMouseOver

[Peter Boughton]

 script language=javascript type=text/javascript

That language attribute does nothing - you don't need it.

script type=text/javascript is more than enough. 

~|
Want to reach the ColdFusion community with something they want? Let them know 
on the House of Fusion mailing lists
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:325637
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4

Re: How to Make Layers Visible with OnMouseOver

[Peter Boughton]

Way too much code to look at!

Definitely.

If you have that much code, use an external service to host it and put a link 
in the message!


And just a quick simplification of Adrian's jQuery...

Instead of:
$(#show).mouseover(func1).mouseout(func2)

You can do:
$(#show).hover(func1,func2)


~|
Want to reach the ColdFusion community with something they want? Let them know 
on the House of Fusion mailing lists
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:325611
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4

RE: How to Make Layers Visible with OnMouseOver

[Adrian Lynch]

Way too much code to look at!

But using jQuery:

style type=text/css
.hidden {
display: none;
}
/style

script type=text/javascript src=/path/to/jquery-1.3.2.min.js/script
script type=text/javascript
$(function() {
$(#show).mouseover(function() {
$(#hiddenDiv).show();
}).mouseout(function() {
$(#hiddenDiv).hide();
});
});
/script

span id=showShow that div/span

div id=hiddenDiv class=hiddenA hidden div/div

Rolling off will hide it again. Not sure if you want that or not.

Adrian

 -Original Message-
 From: Scott Williams [mailto:myscottwilli...@yahoo.com]
 Sent: 21 August 2009 19:36
 To: cf-talk
 Subject: How to Make Layers Visible with OnMouseOver
 
 
 Hi all --
 
 I can't figure out how to make Layer2 in this document visible when I
 mouseover the a tag around the newbridgecollege.edu link. Can anyone
 help me with this?
 
 Scott
 
 *
 
 !DOCTYPE HTML PUBLIC -//IETF//DTD HTML//EN
 html
 
*snip*
 /html
 ***
 
 Thanks in advance!
 
 Scott


~|
Want to reach the ColdFusion community with something they want? Let them know 
on the House of Fusion mailing lists
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:325599
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4