I'm sorry for being harsh but tell me, how do you expect to build a "flickr like application" using MooTools (apparently) if you don't know how to modify/create a simple script like that? Show us what you have done with the code, have you even tried to do something? Post some code to mooshell.net and we'll be happy to fix/alter it there. Don't wait for a pre-made solution.
___ Oskar Krawczyk http://nouincolor.com On Wed, Sep 16, 2009 at 11:42, cuty <[email protected]> wrote: > > I just got this link, Can anyone please tell me how can i use it here > for my effect? > > > http://www.php-help.ro/mootools-12-javascript-examples/javascript-drop-down-menu-using-mootools-12/ > > On Sep 16, 3:27 pm, cuty <[email protected]> wrote: > > Hello Fábio, thanks for your reply, > > > > As you said i have wrapped up my code into mooshell.As this effect is > > not done with mootools, that's why actually its not working in > > mooshell, but you can see it here > > > > http://mooshell.net/MSRHv/ > > > > now on hover (you can check my previous code as its html source code > > which is working) of the image i wantdropdownmenu. > > > > could you please tell me how can i do that? > > > > On Sep 15, 5:26 pm, Fábio M. Costa <[email protected]> wrote: > > > > > Hi cuty, > > > > > As this is a lot of code, try using mooshell.net this will help us > modify > > > your code and see it "in action". > > > Will be easier to help you. > > > > > -- > > > Fábio Miranda Costa > > > Solucione Sistemas > > > Front-End Engineerhttp://meiocodigo.com > > > > > On Tue, Sep 15, 2009 at 2:09 AM, cuty <[email protected]> wrote: > > > > > > Hello, > > > > > > I am trying to build up flickrs like application on my page. On > > > > flickrs once user logs in he/she gets his/her avatar and besides that > > > > avatar he/she getsdropdownmenuwhere he can find the other sub link > > > > related to his account. so i have copied this and tried it > separately. > > > > but this effect is with prototype. can anyone please tell me how can > i > > > > implement this with mootools? > > > > > > Here is my code so you can get the idea what exactly i am talking > > > > about. > > > > > > [code] > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> > > > > <html> > > > > <head> > > > > <title>Welcome to Flickr!</title> > > > > <meta http-equiv="Content-Type" content="text/html; > charset=UTF-8"> > > > > <meta name="keywords" content="photography, digital > photography, > > > > cameraphones, camera, hobby photography, photo, digital camera, > > > > compactflash, smartmedia, cameras, canon, nikon, olympus, fujifilm, > > > > video"> > > > > <meta name="description" content="Flickr is almost certainly > the > > > > best > > > > online photo management and sharing application in the world. Show > off > > > > your favorite photos and videos to the world, securely and privately > > > > show content to your friends and family, or blog the photos and > videos > > > > you take with a cameraphone."> > > > > <meta http-equiv="imagetoolbar" content="no"> > > > > <meta name="title" content="Welcome to Flickr!" /> > > > > > > <meta name="medium" content="image" /> > > > > > > <link rel="image_src" href="" /> > > > > <meta name="viewport" content="width=820"> > > > > > > <link type="text/css" rel="stylesheet" href="style.css"> > > > > > > <script type="text/javascript"> > > > > var global_magisterLudi = '466f88d3bba13b8ed1ab437648ac5dc2', > > > > global_auth_hash = 'a1c93ecf6e97ab890cf60715ef05d3dc', > > > > global_auth_token = '', > > > > global_flickr_secret = '724c86a27aecfbb8', > > > > global_slideShowVersion = '6708', > > > > global_slideShowCodeVersion = '34351', > > > > global_slideShowVersionV2 = '33427', > > > > global_slideShowCodeVersionV2 = '49745', > > > > global_slideShowTextVersion = '66488', > > > > global_slideShowVersionV3 = '71649', > > > > global_nsid = '39651...@n04', > > > > global_ispro = 0, > > > > global_dbid = '39619195', > > > > global_name ='cuty_cute', > > > > global_expire ='0', > > > > global_icon_url ='http://l.yimg.com/g/images/ > > > > buddyicon.jpg#39651...@n04< > http://l.yimg.com/g/images/%0abuddyicon.jpg#39651...@n04> > > > > ', > > > > global_tag_limit = '75', > > > > global_collection_depth_limit = 5, > > > > global_stewartVersion = '71377', > > > > global_contact_limit = '3000', > > > > global_eighteen = 1, > > > > global_group_limit = 10, > > > > global_photos_ids_limit = 20, > > > > one_photo_show_belongs = 0, > > > > prefs_isset_viewgeo = 0, > > > > photos_url = '/photos/39651...@n04/', > > > > disable_stewart = 0; > > > > disable_geo = 0; > > > > var global_rper = 0; > > > > > > var global_widget_carets = 0; > > > > var global_explore_search = 1; > > > > > > var global_intl_lang = 'en-us'; > > > > > > var _photo_root = 'http://farm.static.flickr.com/'; > > > > var _site_root = 'http://www.flickr.com'; > > > > var _images_root = 'http://l.yimg.com/g/images'; > > > > var _intl_images_root = 'http://l.yimg.com/g/images/en-us'; > > > > > > var do_bbml = 1; > > > > > > </script> > > > > > > <script type="text/javascript" src="http://l.yimg.com/g/javascript/ > > > > global.js.v76438.14"></script> > > > > > > <script type="text/javascript" src="http://l.yimg.com/g/javascript/ > > > > > > > fold_main.js.v48851.48851.48851.48851.48851.38771.48851.48851.76369.38771.71746.71745.62864.38771.66362.77756.76912.69832.38771.63688.38771.73289.67088.55944.73491.14"></ > > > > script> > > > > > > </head> > > > > > > <body> > > > > > > <div id="Main" class=""> > > > > > > <table class="launchHead"> > > > > <tr> > > > > <td width="48"> > > > > <a href="/photos/39651...@n04/"><img > src="http:// > > > > l.yimg.com/g/images/buddyicon.jpg#39651...@n04" alt="edit your buddy > > > > icon" width="48" height="48" style="vertical-align:middle"></a> > > > > > > </td> > > > > <td> > > > > <h1><span lang="fr" > > > > title="fr-fr">Salut</span> cuty_cute!</h1> > > > > <small > > > > id="VastConspiracytoDumbDownFlickr">Now you know how to > > > > greet people in French!</small> > > > > </td> > > > > </tr> > > > > > > </table> > > > > > > </div><!--end Main--> > > > > > > <div id="person_hover"> > > > > <div id="person_hover_shadow" class="shadowLight"></div> > > > > <div id="person_hover_inner"> > > > > <a href="#" id="person_hover_link"></a> > > > > <div id="personmenu_button_bar" > class="candy_button_bar"> > > > > <img src=" > > > >http://l.yimg.com/g/images/personmenu_down_default.gif"; > > > > alt="More options" id="personmenu_down_button" class="candy_button" > > > > width="15" height="48" alt="" border="0" onclick="_ge > > > > ('person_hover').hover_toggle_menu();"> > > > > <div class="candy_menu" > id="personmenu_down_menu"> > > > > > > <div > id="personmenu_border_blocker"></div> > > > > > > <p id="personmenu_relationship_p">Hi, > > > > you!</p> > > > > <div id="person_menu_other_div"> > > > > <a class="block" href="#" > > > > id="personmenu_contact_link" > > > > onclick="_ge('person_hover').hover_add_contact(); return false;"></a> > > > > <div > class="menu_item_line_above"> > > > > <a class="block" > href="#" > > > > id="personmenu_photos_link">Photostream</a> > > > > </div> > > > > > > <a class="block" href="#" > > > > id="personmenu_collections_link">Collections</a> > > > > <a class="block" > > > > href="#" id="personmenu_sets_link">Sets</a> > > > > > > <a class="block" href="#" > > > > id="personmenu_profile_link">Profile</ > > > > a> > > > > <a class="block" href="#" > > > > id="personmenu_tags_link">Tags</a> > > > > <a class="block" href="#" > > > > id="personmenu_archives_link">Archives</ > > > > a> > > > > <a class="block" href="#" > > > > id="personmenu_map_link">Map</a> > <a > > > > class="block" href="#" id="personmenu_faves_link">Favorites</a> > > > > > > <a class="block" href="#" > > > > id="personmenu_contacts_link">Contacts</ > > > > a> > > > > > > <div class="menu_item_lines_around"> > > > > <a class="block" > href="#" > > > > id="personmenu_mail_link">Send > > > > FlickrMail</a> > > > > </div> > > > > <a href="/ignore.gne" > > > > id="personmenu_block_link"></a> > > > > > > </div> > > > > <div id="person_menu_you_div"> > > > > > > <div > class="menu_item_line_above"> > > > > <a class="block" > > > > href="/photos/39651...@n04/" > > > > id="personmenu_your_photos_link">Your Photostream</a> > > > > > > </div> > > > > <a class="block" > > > > href="/photos/39651...@n04/collections/" > > > > id="personmenu_collections_link">Your Collections</a> > > > > <a > > > > class="block" href="/photos/39651...@n04/sets/" > > > > id="personmenu_sets_link">Your Sets</a> > > > > <a class="block" > > > > href="/recent_activity.gne" > > > > id="personmenu_activity_link">Recent Activity</a> > > > > > > <a class="block" href="/mail/" > > > > id="personmenu_your_mail_link">FlickrMail</a> > > > > > > <a class="block" > href="/account/" > > > > id="personmenu_account_link">Your Account</a> > > > > <a class="block" > > > > href="/people/39651...@n04/" > > > > id="personmenu_your_profile_link">Your Profile</a> > > > > > > <a class="block" > > > > href="/photos/39651...@n04/map/" > > > > id="personmenu_your_map_link">Your Map</a> > > > > <a class="block" href="/ > > > > iconbuilder/" > > > > ... > > > > read more »
![http://l.yimg.com/g/images/personmenu_down_default.gif"](http://l.yimg.com/g/images/personmenu_down_default.gif"){kind=link}