I am sorry that i had asked pre-made script. but i just wanted to see if someone has worked on something like this similar.
Ok, here is what i have tried http://mooshell.net/WAuNJ/ Now what i am trying to do is on hover of the image(as my first code is showing), i want to show the drop down menu. can anyone further guide me how can i move ahead with this? On Sep 16, 4:40 pm, Oskar Krawczyk <[email protected]> wrote: > 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 Krawczykhttp://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-dro... > > > 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> > > ... > > read more »
![http://l.yimg.com/g/images/personmenu_down_default.gif"](http://l.yimg.com/g/images/personmenu_down_default.gif"){kind=link}