Custom homepage NEED COLORS

[carolcat]

There's no 8, I swear.

http://www.leetlegacy.co.cc/homepage8.html
bitch what else aren't you teling us

[Ad Bot]

[LeetZero]

Your page is now my new homepage, I had google forever but now I love this, though I wish you could see wish bar was what search engine.  It's not a big deal but to be a little more apparent would be nice.

I wanted to make them quite slim, to do so I instead made the small images under every bar with the same color scheme as the logo/title of the respective search engines.

http://www.leetlegacy.co.cc/homepage8.html

/easteregg

[suburb]

I wanted to make them quite slim, to do so I instead made the small images under every bar with the same color scheme as the logo/title of the respective search engines.

You should add a custom feature in order to allow people to select different search engine options.

[LeetZero]

You should add a custom feature in order to allow people to select different search engine options.

I suck in jquery/javascript. As I said I tried to some customization features but I failed up to the point where I had to do a full rollback (for that I needed to replace multiple parts of the html and css that forgeted everything up, and ending up to another spot where everything IS forgeted up).

I searched on Google like, 2 hours, literally, about how to change background dynamically just by pressing some buttons. I found over 10 scripts and tried to implement them, with no success.


That reminds me, about your concern; Demian suggested me to add text on the search bars with the search engine, very transparent, and when you click the search bar the respective text on it is gone. But then once again I might get in more hassle with jquery and javascript, which I am trying not to do. Also that would mean that if you click the search box again even if you typed your own content, it would be erased (I think). So that's even more impractical.


Also I am disappointed on how laggy the main homepage ended up being in the end.

[suburb]

It isn't laggy.  I could even upload a video to show you that it really isn't

[Lugnut]

That reminds me, about your concern; Demian suggested me to add text on the search bars with the search engine, very transparent, and when you click the search bar the respective text on it is gone. But then once again I might get in more hassle with jquery and javascript, which I am trying not to do. Also that would mean that if you click the search box again even if you typed your own content, it would be erased (I think). So that's even more impractical.

Code: [Select]

<input type='Text' id='searchBarInputTextThing' value='Google' onClick='clearField()' />
<script type='text/JavaScript' language='JavaScript'>
$(document).ready( function () { var default = $("#searchBarInputTextThing").val(); } );
function clearField() {
var currentValue = $("#searchBarInputTextThingg").val(); // can you use $(this) here?
if( currentValue == default ) // check if it's the default
$("#searchBarInputTextThing").val(""); //set it to nothing if it is the default
else
return;
} //forgot this lol
</script>
Alas, this will cause the input to be cleared if you're dumb enough to google "Google".

edit: making this better. hold please

[suburb]

Here you go leet

It isn't very laggy at all

[DontCare4Free]

Or you could use features built into HTML5-browsers instead of hacking up your own crap with JavaScript.

https://developer.mozilla.org/en/HTML/Element/input (search for placeholder)

[Lugnut]

there. now just make different ids and names for each of the other bars.

Code: [Select]

<input type='Text' id='GoogleBar' value='Google' onClick='clearField("GoogleBar")' />
<script type='text/JavaScript' language='JavaScript'>
$(document).ready( function () { var defaultArray = new Array();
var defaultArray["GoogleBar"] = "Google";
var defaultArray["Duck_Duck_GoBar"] = "Duck Duck Go";
var defaultArray["Wolfram_AlphaBar"] = "Wolfram Alpha";
var defaultArray["YoutubeBar"] = "Youtube";
var defaultArray["WikipediaBar"] = "Wikipedia";
} );
function clearField(bar) {
var TargetID = document.getElementById(bar);
var currentValue = TargetID.value;
if( currentValue == defaultArray[bar] ) // check if it's the default
TargetID.value = ""; //set it to nothing if it is the default
else
return;
}
</script>

Or you could use features built into HTML5-browsers instead of hacking up your own crap with JavaScript.

https://developer.mozilla.org/en/HTML/Element/input (search for placeholder)

loving

[LeetZero]

there. now just make different ids and names for each of the other bars.

Code: [Select]

<input type='Text' id='GoogleBar' value='Google' onClick='clearField("GoogleBar")' />
<script type='text/JavaScript' language='JavaScript'>
$(document).ready( function () { var defaultArray = new Array();
var defaultArray["GoogleBar"] = "Google";
var defaultArray["Duck_Duck_GoBar"] = "Duck Duck Go";
var defaultArray["Wolfram_AlphaBar"] = "Wolfram Alpha";
var defaultArray["YoutubeBar"] = "Youtube";
var defaultArray["WikipediaBar"] = "Wikipedia";
} );
function clearField(bar) {
var TargetID = document.getElementById(bar);
var currentValue = TargetID.value;
if( currentValue == defaultArray[bar] ) // check if it's the default
TargetID.value = ""; //set it to nothing if it is the default
else
return;
}
</script>loving

HA.

[DontCare4Free]

Oh, by the way, thanks for that, I completely forgot about https://developer.mozilla.org/en/HTML/Element/keygen, it could come in handy for BLG.

[Placid]

hm, simplistic but cool. i like it, nice job.

[LeetZero]

Placeholders added, the colored bars under every searchbars are currently rendered useless, but I'll leave them there because they look cool all together.