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 Engineer http://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 gets drop down menu where 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/" id="personmenu_buddyicon_link">Your Buddy Icon</a> > </div> > </div> > </div> > > </div> > </div> > > <script type="text/javascript"> > > </script> > > <script type="text/javascript"> > > try{ > if (window.personmenu_init) personmenu_init(1); > } catch(er) {} > > </script> > > <script src="http://us.adserver.yahoo.com/a? > f=792600147&p=flickr&l=FOOT9&c=r<http://us.adserver.yahoo.com/a?%0Af=792600147&p=flickr&l=FOOT9&c=r> > "></script> > </body> > </html> > [/code] > > Thanks.
![http://l.yimg.com/g/images/personmenu_down_default.gif"](http://l.yimg.com/g/images/personmenu_down_default.gif"){kind=link}