This code allows you to display the user's avatar anywhere that you so wish. It's rather awesome to be honest!
Global Header:
<script type="text/javascript">
/*Avatar Anywhere
Coded By Wrighty*/
var functions = {
av: document.createElement('img'),
save: function(prefix, item, place){
if(get(place,'name')[0].value.match('{'+prefix+': (.+?)}')){
get(place,'name')[0].value = get(place,'name')[0].value.replace(RegExp.$1, item);
}else{
get(place,'name')[0].value += '{'+prefix+': '+item+'}';
}
},
load: function(prefix){
if(vf_hiddenvars.match('{'+prefix+': (.+?)}')){
return RegExp.$1.replace(/(\[|\])/g,'');
}else{
return '';
}
},
build: function(){
with(this.av){
src = this.load('av-url');
height = this.load('av-height');
width = this.load('av-width');
}
get('av_hold','id').appendChild(this.av);
}
}
</script>
Global Footer:
<script type="text/javascript">
/*Avatar Anywhere
Coded By Wrighty*/
if(location.href.match(/\/modify_profile\/user\/(.+?)($|\/$)/) && RegExp.$1 == vf_username){
var f = document.profile_form
if(document.addEventListener){
f.addEventListener('submit', function(){ functions.save('av-url','['+get("avatar_url","name")[0].value+']','hidden'); functions.save('av-width', '['+get("avatar_width","name")[0].value+']', 'hidden'); functions.save('av-height', '['+get("avatar_height","name")[0].value+']', 'hidden');} , false);
}else{
f.attachEvent('onsubmit', function(){ functions.save('av-url','['+get("avatar_url","name")[0].value+']','hidden'); functions.save('av-width', '['+get("avatar_width","name")[0].value+']', 'hidden'); functions.save('av-height', '['+get("avatar_height","name")[0].value+']', 'hidden');});
}
}
functions.build();
</script>
Now, to decide where to put the avatar, we use a simple 'div' with id: 'av_hold'. The code will then put the avatar in that div with the correct height and width too!
<div id='av_hold'></div>
Enjoy.
