www.webdeveloper.com
Results 1 to 7 of 7

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

  1. #1
    Join Date
    Dec 2010
    Posts
    7

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

    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:
    Code:
    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?...:
    Code:
    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!

  2. #2
    Join Date
    Aug 2009
    Posts
    593
    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.

    Code:
    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';
    	}
    }

  3. #3
    Join Date
    Dec 2010
    Posts
    7
    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,):

    Code:
    <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?..

  4. #4
    Join Date
    Dec 2010
    Posts
    7
    Oh and what are the. I believe it's a entity? yeah.. what are the html entities for the characters ' ( ) "?..

  5. #5
    Join Date
    Dec 2010
    Posts
    7
    Nvm, figured the whole /' thing out so please disregard that post:
    Quote Originally Posted by Marcos Cosmos View Post
    Oh and what are the. I believe it's a entity? yeah.. what are the html entities for the characters ' ( ) "?..

  6. #6
    Join Date
    Dec 2010
    Posts
    7
    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:
    Code:
    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.
    Code:
     document.write(html);
    I know I'm missing something key, but I can't tell what, thanks in advanced?

  7. #7
    Join Date
    Dec 2010
    Posts
    7
    Ok nevermind, how do I close this thread?..

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles