[quote]preview will only be available until July 01 since geocities is closing - so sorry for the inconvinience[/quote] [b]credits to: -nopathz -original creator of the code -HCG -heinz [/b] i just want to share what i have learned and since i believe the codes differ from the ff: -[url=http://theftalk.com/t42637-Another-Show-Hide-Boxes-Effect-(gradual-element-fader).html]Another Show Hide Boxes Effect (gradual element fader)-boim[/url] -[url=http://theftalk.com/t7285-Show-Hide-Effects-%5BMay-28%2C-2008%5D.html]Show/Hide Effects [May 28, 2008]-feruzz[/url] -[url=http://theftalk.com/t7772-hide-code-(script-style).html]hide code (script style)-xavierkym[/url] -[url=http://theftalk.com/t43738-Box-toggler-with-transition.html]Box toggler with transition-marfillaster[/url] preview: [url=http://profiles.friendster.com/mariella888]testing phage[/url] note: should have a tracker codes in your js after your onload handler, insert the codes below [b] code[/b] [spoiler]h=document.getElementById([b]"18"[/b]).getElementsByTagName("h2")[0]; h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_[b]18[/b]'); return false\"><div>[b]your header[/b]</div></a>"; show_hide('content_[b]18[/b]');[/spoiler] wherein; [b]18[/b] is the div_id for testimonials and comment box just replace it with the div_id for main boxes and [b]your header[/b] with your prepferred header name [b] FOR MAIN BOXES [/b] use the div id's below: for main boxes [quote]0 = controlpanel 1 = photos 13 = blogs 12 = reviews 6 = moreabout 18 = publiccomments 10 = scrapbook[/quote] [b] FOR SIDE BOXES [/b] use the div id's below: [quote]15 = meettrail 2 = friends 14 = googleads 7 = fan 8 = groups[/quote] and add the code below either at the end of your tracker.js or after the [b]//*END MISC FUNCTIONS*[/b] [spoiler]function show_hide(the_box) { if (document.getElementById(the_box)) { if (document.getElementById(the_box).style.display == 'none') { document.getElementById(the_box).style.display = 'block'; } else { document.getElementById(the_box).style.display = 'none'; } } }[/spoiler] if you want to apply this on your addboxes (slides, mp3, etch...), just replace the div_ids by the css_id for instance, [spoiler]var slodde1="<center><div><embed src=\"http://widget-7e.slide.com/widgets/slideticker.swf\" type=\"application/x-shockwave-flash\" quality=\"high\" scale=\"noscale\" salign=\"l\" wmode=\"transparent\" flashvars=\"cy=fr&il=1&channel=12243586975469&site=widget-7e.slide.com\" width=\"300\" height=\"150\" name=\"flashticker\"/></center>"; addBox("RIGHT","-o-my slides",slodde1,"[b]div_2[/b]");[/spoiler] get the bolded part and place the codes after the addbox codes it should be like this [spoiler]function onProfileLoad() { //onload handler //(pattern) addBox("L-R","Header",htm,"cssid","sibling"); var slodde1="<center><div><embed src=\"http://widget-7e.slide.com/widgets/slideticker.swf\" type=\"application/x-shockwave-flash\" quality=\"high\" scale=\"noscale\" salign=\"l\" wmode=\"transparent\" flashvars=\"cy=fr&il=1&channel=12243586975469&site=widget-7e.slide.com\" width=\"300\" height=\"150\" name=\"flashticker\"/></center>"; addBox("RIGHT","my slides",slodde1,"[b]div_2[/b]"); h=document.getElementById("[b]div_2[/b]").getElementsByTagName("h2")[0]; h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_[b]div_2[/b]'); return false\"><div>my slides</div></a>"; show_hide('content_[b]div_2[/b]');[/spoiler] and as for the tracker add this codes in your onload handler [spoiler]h=document.getElementById("[b]tracker[/b]").getElementsByTagName("h2")[0]; h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_[b]tracker[/b]'); return false\"><div>VISITORS</div></a>"; show_hide('content_[b]tracker[/b]');[/spoiler] note: boxes will be minimized upon profile loads. if you want the box to be be shown when profile load just remove the [quote]show_hide('content_[b]div_id[/b]');[/quote] at the end of the code. thanks again to the creators of this code... [spoiler]mods can delete this post if you found it a duplicate[/spoiler]

Last edited by mama0114 (2009-06-09 08:48:24)