New to Java... is/what is missing from this? Thanks in advance.

[Marcos Cosmos]

Okay so I'm trying to over-ride some code on a website to change my profile's favicon and title... and I know it can be done, I've seen it done on another profile and I have their code, trouble is.. they did extra things to their page aswell, and I'm failing to remove those extra aspects of code without losing the funtionality of the code I need... I assume its syntax related and but I just can't get it to work, could someone please advise me?

Oh, and I also want to remove the minimum width or whatever is causing the additional horizontal scrollbar like this whenever the window is too small:
http://i.imgur.com/geqjL.png


Here's the codes I'm trying to work with, and the site I'm trying to overwrite:
The full original code that I know works looks like this:

var html = "<style>";
html = html + "body { background-color: #000; color: #FF0000; font: italic 25px serif; }";
html = html + ".shadow { border:1px solid #C8C8C8; margin: 15px 0px 0px 25px; width: 400px; } ";
html = html + ".shadow img { margin:-4px 4px 4px -5px;  border:1px solid #666; } ";
html = html + ".name { position: absolute; bottom: 10; right: 10; text-align: right; } ";

html = html + "</style>";

html = html + "<div class=\"shadow\">";
html = html + "<img width=\"400\" src=\"http://fp.chatango.com/profileimg/g/u/guyfox/full.jpg\" />";
html = html + "</div>";
html = html + "<div class=\"name\">";
html = html + "[guyfox]";
html = html + "</div>";

function rewrite() {
 document.write(html);
 document.title = "- guy -";
 
 var link = document.createElement('link');
 link.type = 'image/x-icon';
 link.rel = 'shortcut icon';
 link.href = 'http://d3in0s.webs.com/icos/guyfox.ico';
 document.getElementsByTagName('head')[0].appendChild(link);
}

window.onload = rewrite;

Which ofcourse does this: http://guyfox.chatango.com/
But I only want to rewrite the title and icon.. although I have tried to use it to write the whole page code, I failed at that repeatedly, and I found simpler ways of doing things, except for the favicon and title..

So whats missing from this, that prevents the alterations to take place?...:

function rewrite() {
 document.write(html);
 document.title = "- guy -";
 
 var link = document.createElement('link');
 link.type = 'image/x-icon';
 link.rel = 'shortcut icon';
 link.href = 'http://d3in0s.webs.com/icos/guyfox.ico';
 document.getElementsByTagName('head')[0].appendChild(link);

Thanks in advanced!

[thraddash]

This does the title part fine, the favicon seems a little harder. FireFox displays the new icon so at least the code is doing what its meant to do.

document.title = 'A New Title';
for (var $i = 0, $tags = document.getElementsByTagName('link'); $i < $tags.length; $i++) {
	if ($tags[$i].rel == 'shortcut icon') {
		$tags[$i].href = 'http://d3in0s.webs.com/icos/guyfox.ico';
	}
}

[Marcos Cosmos]

Thanks alot. Lol at first the favicon was altered, though for some reason now it's not.. Which is perplexing...

do you know how to fix the scrolling issue I mentioned too? Oh, that was using this code (css this time though,):

<style type="text/css">
#left_container, table, span.profile_text
{
display: none;
}
iframe
{
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
border-style: none;
}
</style>

and then ofcourse the iframe, and this covered the whole page for me, but when the window was too small it gave a random, useless scrollbar?:
http://i.imgur.com/geqjL.png

Also I'm a little confused about the difference between the two codes, and why the original was written the way it was, I mean, I assume it's related to the other content in it.. but it's still strange to me?..

[Marcos Cosmos]

Oh and what are the. I believe it's a entity? yeah.. what are the html entities for the characters ' ( ) "?..

[Marcos Cosmos]

Nvm, figured the whole /' thing out so please disregard that post:

Oh and what are the. I believe it's a entity? yeah.. what are the html entities for the characters ' ( ) "?..

[Marcos Cosmos]

Ok well I worked out a bunch of things since I posted this, and what I really want to know is why this requires additional html to be written along side it:

function rewrite() {
 document.write(html);
 document.title = "- guy -";
 
 var link = document.createElement('link');
 link.type = 'image/x-icon';
 link.rel = 'shortcut icon';
 link.href = 'http://d3in0s.webs.com/icos/guyfox.ico';
 document.getElementsByTagName('head')[0].appendChild(link);
}

window.onload = rewrite;

I now assume that this might be a problem, though removing it does nothing.

 document.write(html);

I know I'm missing something key, but I can't tell what, thanks in advanced?

[Marcos Cosmos]

Ok nevermind, how do I close this thread?..