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 = '39651334@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#39651334@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/39651334@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/39651334@N04/"><img src="http://
l.yimg.com/g/images/buddyicon.jpg#39651334@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/39651334@N04/"
id="personmenu_your_photos_link">Your Photostream</a>
</div>
<a class="block" href="/photos/39651334@N04/collections/"
id="personmenu_collections_link">Your Collections</a> <a
class="block" href="/photos/39651334@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/39651334@N04/"
id="personmenu_your_profile_link">Your Profile</a>
<a class="block" href="/photos/39651334@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"></script>
</body>
</html>
[/code]
Thanks.