[quote=xavierkym]Wew

There are tons of tutorials using innHTML with just using different tags and ids

I can't count them honestly. Some of them were rubbish.

I hope we can just compile the type of scripting in one thread and then it's up to the user on what ID or Tag he/she wants to replace it.

Anyway, thanks for sharing.

[/quote]
i get the idea of what xavier wants to happen here
well here it is xav a compilation of innhtml replacement module trick
since there are too many inhtml replace trick i think its nice to compile it on one topic
well some of them are obsolete or rubish like xavy said but i will add it anyway
ok lets get started:
i will show you the list of what you can replace on
first it must be the boxes
[b]Control Panel[/b]
[quote]document.getElementById("content_0").innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
[b]Photos[/b]
[quote]document.getElementById("content_1").innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
[b]Friends[/b]
[quote]document.getElementById("content_2").innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
[b]About Me[/b]
[quote]document.getElementById("content_6").innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
[b]Fan of[/b]
[quote]document.getElementById(content_"7").innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
[b]Groups[/b]
[quote]document.getElementById("content_8").innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
[b]Media Box[/b]
[quote]document.getElementById("content_10").innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
[b]Reviews[/b]
[quote]document.getElementById("content_12").innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
[b]Google Ads[/b]
[quote]document.getElementById("content_14").innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
[b]Meetrail(how we are connected)[/b]
[quote]document.getElementById("content_15").innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
[b]Testimonials and comments[/b]
[quote]document.getElementById("content_18").innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
now for the navigation part
[b]Main Navigation[/b](home profile search etc...)
[quote]document.getElementById("mainnav").innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
[b]Sub Navigation[/b](Message Log out etc...)
[quote]document.getElementById("subnav").innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
[b]Google Search[/b]
[quote]document.getElementById("search").innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
[b]Friendster Logo[/b](the smilie)
[quote]document.getElementById("logo").innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
[b]Language Panel[/b](Japanese Korean Spanish Chinese blah blah)
[quote]document.getElementById("navLang").innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
[b]Surfer [/b]
[quote]document.getElementById("surfer").innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
[b]Marketing[/b](this is not a market lol)
[quote]document.getElementById("marketing").innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
For the lower part
[b]Footer[/b]
[quote]document.getElementById('footer_container').innerHTML = "[b]PUT ANYTHING HERE[/b]";[/quote]
ok now for the contents of the control panel box
[b]Control Panel Data[/b](This will replace your login details including your URL, last login, hometown and more.)
[quote]document.getElementById("0").getElementsByTagName("ul")[1].innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
[b]Recent Updates[/b]
[quote]document.getElementById("0").getElementsByTagName("ul")[2].innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
[b]Shout Out Box[/b]
[quote]document.getElementById('cpShoutoutBox').innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
[b]Control Panel Buttons[/b]
[quote]document.getElementById("controlPanelButtons").innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
For the view all links
[b]View All Comment/Post a comment link[/b](upper part)
[quote]document.getElementById('content_18').getElementsByTagName("div")[0].innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
[b]View All Comment/Post a comment link[/b](lower part)
[quote]document.getElementById('content_18').getElementsByTagName("div")[21].innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
some of them aren't really necessary to replace so i just put some of those modules that can be useful a bit
ok i will tell you how you can apply or use it on your profile lets get the surfer as an example
[b]Surfer [/b]
[quote]document.getElementById("surfer").innerHTML="[b]PUT ANYTHING HERE[/b]";[/quote]
[quote]document.getElementById("surfer").innerHTML="[b]<br><font face='minion' Font size='2' font color='#ffffff'>-For The Best Result Of Viewing Please Use <a href='http://www.mozilla.com/firefox/' target='blank'><font face='minion' Font size='2' font color='orange'>Mozilla FireFox</font></a>[/b]";[/quote]
as you can see i put something there the surfer will be replace by that thing go to this for live preview
www.friendster.com/masamuneisnotemo you will notice the surfer that will be replace by this text there
not just the surfer has been replaced there you will also notice the navLang and the marketing too lol
as the word [b]"put anything here"[/b] says it means you can put almost anything there

flash objects mp3 chatbox images texts blah blah blah anything!!!!!
well with enough knowledge of js you can do anything there or you can even make a cool and neat trick on it
just play with the codes and you can learn something of it
why some of the modules aren't included there cause its already been shared here just go to these links
see more examples of replacement module trick
[b]this trick replaces the footer with sliding photo gallery[/b]
http://theftalk.com/t19137-Photo-Slide-Your-Footer%21%21.html
[b]this trick replaces the photos with sliding photo gallery[/b]
http://theftalk.com/t5696-Change-your-photo-gallery-using-SLIDE-SLIDING-IMAGE..html
[b]this trick replaces the main_bg with sliding photo gallery[/b]
http://theftalk.com/t8256-%22SLIDE%22-slideshow-BANNER-%28navigation%29.html
[b]this trick replaces the box header names[/b]
http://theftalk.com/t8219-Replace-Header-Names.html
[b]this trick replaces google ads with something[/b]
http://theftalk.com/t19047-Flashing-Text-Replacing-Your-Google.html
[b]this trick replaces the control panel data [/b]
http://theftalk.com/t20325-Playlist-your-Control-Panel.html
[b]this trick replaces the recent update box[/b]
http://theftalk.com/t16396-customized-your-recent-updates-box%28with-viewers-info.%29.html
[b]this trick replaces the marketing[/b]
http://theftalk.com/t10375-Personalize-Marketing.html
[b]this trick replaces the main navigation[/b]
http://theftalk.com/t19886-Marquee-Main-Navigation.html
[b]this trick replaces the navigation part with a flash[/b]
http://theftalk.com/t6586-Flash-Slideshow-Banner-Tutorial-%3CADVANCE%3E.html
[b]this trick replaces the friends box with a sliding gallery[/b]
http://theftalk.com/t10496-Vertical-Slide-your-Friends.html
[b]this trick replaces the Shout Out Box with something[/b]
http://theftalk.com/t17955-Theme-Switcher-Tweaked-Shout-With-Updated-Navigation..html
[b]this trick replaces the Footer with a cbox[/b]
http://theftalk.com/t15740-Replace-Footer-With-ChatBox.html
this cool peoples discover how to replace a module with something i hope you will get some ideas there so why don't you try it maybe you can make a better tricks on it

@the members please feel free to post your ideas or tricks here it is been well appreciated
Last edited by Shirow Masamune (2008-03-23 23:21:51)