|
Also, to do the
mouse over and not close change Event.observe(
"button", "click",
function(){$("popUpContainer").style.display="block"}); To Event.observe(
"button", "mouseover",
function(){$("popUpContainer").style.display="block"}); -Andrew Martinez -----Original
Message----- In
my opinion Prototype and Scriptaculous aren’t widget libraries (except
Scriptaculous has a quasai-widget; the auto-completer). However to create a
pop-up like Netflix or google, is incredibly easy. <html> <head> <title>SimpleUgly
PopUp Test</title> <script type="text/_javascript_" src=""> <script type="text/_javascript_" src=""> </head> <body> <input
type="button" id="button" name="blar"
value="blar"> <div
style="display:none;width:500;border:1px solid black;"
id="popUpContainer"> <div
id="title" style="border-bottom:1px solid black;"> <span
id="title" >My PopUpTitle</span> <span
id="close" >X</span> </div> <div
id="content" >blablalba<BR>bla<BR>bla</div> </div> <script
type="text/_javascript_"> new
Draggable( "popUpContainer" ); Event.observe(
"button", "click",
function(){$("popUpContainer").style.display="block"}); Event.observe(
"close", "click",
function(){$("popUpContainer").style.display="none"; }); </script> </body> <head> The
ToDo List: 1)
add fade in/fade out
effects from scriptaculous 2)
attach an IFRAME and div
combo the document.body and have them “mask” the underlying page. 3)
Add better CSS to the
dialogue to add rounded corners (possibly remove the title text) -Andrew Martinez -----Original
Message----- I need
to have a toolip-like object which has dynamic content in it. I plan on
using scriptaculous with an ajax call to retrieve the content, but I would like
to make the popup/tooltip/balloon text look as nice as possible. Does anyone
have any examples or anything useful to create a popup like the ones that
Google and Netflix have? I’d like to have one which must be “X’ed” out
of, not simply disappearing after mousing off of the object. I googled
around some, but didn’t find anything super easy to use. I was surprised
that I didn’t find anything built into Prototype/Scriptaculous to help with the
Dom work. Ideas? Thanks for any help. Joe Athman ============================================================================== This communication, together with any attachments hereto or links contained herein, is for the sole use of the intended recipient(s) and may contain information that is confidential or legally protected. If you are not the intended recipient, you are hereby notified that any review, disclosure, copying, dissemination, distribution or use of this communication is STRICTLY PROHIBITED. If you have received this communication in error, please notify the sender immediately by return e-mail message and delete the original and all copies of the communication, along with any attachments hereto or links herein, from your system. ============================================================================== The St. Paul Travelers e-mail system made this annotation on 07/05/06, 13:51:11. |
_______________________________________________ Rails-spinoffs mailing list Rails-spinoffs@lists.rubyonrails.org http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
