Envision, Create, Share

Welcome to HBGames, a leading amateur game development forum and Discord server. All are welcome, and amongst our ranks you will find experts in their field from all aspects of video game design and development.

Google Light

Pokémaniac":3f0j7yk2 said:
this is really neat! interface-wise, though. I think it would be good to have like a list of sites you can search that you can click to change the searchbar instead of always having to type the name. idk, might just be me.
Venetia":3f0j7yk2 said:
yeah actually i feel the same way. also it kind of freaks me out for the logo to change when i type it (in a "hey cool" way but it's distracting). if there were some clickables somewhere it wouldnt feel odd for me.

Hey, Wyatt, I added this feature to my offline version, can I upload it for others to try out?

It might even work better for Jbrist, maybe.

-Draycos Goldaryn

Oh, Jbrist, actually I just thought of something, do you have javascript enabled in your browser(s), if not then it won't work as intended.
 
ok, here it is in zip: Download from MediaFire

and the source:
Code:
<html><head>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

 

<script type="text/javascript">

 

last = "q";

 

function setCheckedValue(radioObj, newValue) {

    if(!radioObj)

        return;

    var radioLength = radioObj.length;

    if(radioLength == undefined) {

        radioObj.checked = (radioObj.value == newValue.toString());

        return;

    }

    for(var i = 0; i < radioLength; i++) {

        radioObj[i].checked = false;

        if(radioObj[i].value == newValue.toString()) {

            radioObj[i].checked = true;

        }

    }

}

 

function searchChanged()

{

 

brian = document.getElementById(last).value;

 

setCheckedValue(document.forms['select'].elements['site'], brian);

 

if (brian == "wikipedia ")

{

  document.getElementById(last).value = "";

  document.getElementById("img").src = "wikipedia.png";

  document.getElementById("form").action = "http://en.wikipedia.org/w/index.php";

  document.getElementById(last).id = "searchinput";

  last = "searchinput";

  document.getElementById(last).name = "search";

}

else if (brian == "youtube ")

{

  document.getElementById(last).value = "";

  document.getElementById("img").src = "youtube.png";

  document.getElementById("form").action = "http://www.youtube.com/results";

  document.getElementById(last).id = "q";

  last = "q";

  document.getElementById(last).name = "q";

}

else if (brian == "google ")

{

  document.getElementById(last).value = "";

  document.getElementById("img").src = "google.png";

  document.getElementById("form").action = "http://www.google.com/search";

  document.getElementById(last).id = "q";

  last = "q";

  document.getElementById(last).name = "q";

}

else if (brian == "twitter ")

{

  document.getElementById(last).value = "";

  document.getElementById("img").src = "twitter.png";

  document.getElementById("form").action = "http://www.twitter.com/search";

  document.getElementById(last).id = "q";

  last = "q";

  document.getElementById(last).name = "q";

}

else if (brian == "imdb ")

{

  document.getElementById(last).value = "";

  document.getElementById("img").src = "imdb.png";

  document.getElementById("form").action = "http://www.imdb.com/find";

  document.getElementById(last).id = "q";

  last = "q";

  document.getElementById(last).name = "q";

}

else if (brian == "hbgames ")

{

  document.getElementById(last).value = "";

  document.getElementById("img").src = "hbgames.png";

  document.getElementById("form").action = "http://www.arpgmaker.com/search.php";

  document.getElementById(last).id = "keywords";

  last = "keywords";

  document.getElementById(last).name = "keywords";

}

else if (brian == "reddit ")

{

  document.getElementById(last).value = "";

  document.getElementById("img").src = "reddit.png";

  document.getElementById("form").action = "http://www.reddit.com/search";

  document.getElementById(last).id = "q";

  last = "q";

  document.getElementById(last).name = "q";

}

else if (brian == "digg ")

{

  document.getElementById(last).value = "";

  document.getElementById("img").src = "digg.png";

  document.getElementById("form").action = "http://www.digg.com/search";

  document.getElementById(last).id = "q";

  last = "q";

  document.getElementById(last).name = "q";

}

else if (brian == "play ")

{

  document.getElementById(last).value = "";

  document.getElementById("img").src = "play.png";

  document.getElementById("form").action = "http://www.play.com/Search.html?searchtype=allproducts&searchsource=0";

  document.getElementById(last).id = "searchstring";

  last = "searchstring";

  document.getElementById(last).name = "searchstring";

}

else if (brian == "rmvx ")

{

  document.getElementById(last).value = "site:rpgmakervx.net ";

  document.getElementById("img").src = "rmvx.png";

  document.getElementById("form").action = "http://www.google.com/search";

  document.getElementById(last).id = "q";

  last = "q";

  document.getElementById(last).name = "q";

}

else if (brian == "bing ")

{

  document.getElementById(last).value = "";

  document.getElementById("img").src = "bing.png";

  document.getElementById("form").action = "http://www.bing.com/search";

  document.getElementById(last).id = "q";

  last = "q";

  document.getElementById(last).name = "q";

}

else if (brian == "rrr ")

{

  document.getElementById(last).value = "site:rpgrevolution.com ";

  document.getElementById("img").src = "rrr.png";

  document.getElementById("form").action = "http://www.google.com/search";

  document.getElementById(last).id = "q";

  last = "q";

  document.getElementById(last).name = "q";

}

else if (brian == "facebook ")

{

  document.getElementById(last).value = "";

  document.getElementById("img").src = "facebook.png";

  document.getElementById("form").action = "http://www.facebook.com/search";

  document.getElementById(last).id = "q";

  last = "q";

  document.getElementById(last).name = "q";

}

 

}

 

</script>

 

<style type="text/css">

<!--

label {padding: 0.1em 0.5ex 0.1em 0.5ex; line-height: 1.6em; }

//-->

</style>

 

</head>

 

<body style="font-family: arial; font-size: 12px;">

 

<div style="display: none;" id="changer" name="q"></div>

 

<div style="height: 38px; width: 517px; background-image: url('bar.png'); margin-top: 250px; margin-left: auto; margin-right: auto;">

 

<form id="form" method="get" action="http://www.google.com/search"><input onkeyup="searchChanged()" id="q" name="q" style="width: 500px; border: medium none; background: none repeat scroll 0% 0% transparent; position: relative; top: 7px; left: 10px;" type="text">

</form>

<form id="select">

<p><label for="s1" OnClick="document.getElementById(last).value = 'bing '; searchChanged()"><input type="radio" name="site" value="bing " value="s1" />Bing </label>

&nbsp;<label for="s2" OnClick="document.getElementById(last).value = 'digg '; searchChanged()"><input type="radio" name="site" value="digg " value="s2" />Digg </label>

&nbsp;<label for="s3" OnClick="document.getElementById(last).value = 'facebook '; searchChanged()"><input type="radio" name="site" value="facebook " value="s3" />Facebook </label>

&nbsp;<label for="s4" OnClick="document.getElementById(last).value = 'google '; searchChanged()"><input type="radio" name="site" value="google " value="s4" />Google </label>

&nbsp;<label for="s5" OnClick="document.getElementById(last).value = 'hbgames '; searchChanged()"><input type="radio" name="site" value="hbgames " value="s5" />HBGames </label>

&nbsp;<label for="s6" OnClick="document.getElementById(last).value = 'imdb '; searchChanged()"><input type="radio" name="site" value="imdb " value="s6" />IMDB </label>

&nbsp;<label for="s7" OnClick="document.getElementById(last).value = 'play '; searchChanged()"><input type="radio" name="site" value="play " value="s7" />Play </label>

&nbsp;<label for="s8" OnClick="document.getElementById(last).value = 'reddit '; searchChanged()"><input type="radio" name="site" value="reddit " value="s8" />Reddit </label>

&nbsp;<label for="s9" OnClick="document.getElementById(last).value = 'rmvx '; searchChanged()"><input type="radio" name="site" value="rmvx " value="s9" />RMVX </label>

&nbsp;<label for="s10" OnClick="document.getElementById(last).value = 'rrr '; searchChanged()"><input type="radio" name="site" value="rrr " value="s10" />RRR </label>

&nbsp;<label for="s11" OnClick="document.getElementById(last).value = 'twitter '; searchChanged()"><input type="radio" name="site" value="twitter " value="s11" />Twitter </label>

&nbsp;<label for="s12" OnClick="document.getElementById(last).value = 'wikipedia '; searchChanged()"><input type="radio" name="site" value="wikipedia " value="s12" />Wikipedia </label>

&nbsp;<label for="s13" OnClick="document.getElementById(last).value = 'youtube '; searchChanged()"><input type="radio" name="site" value="youtube " value="s13" />YouTube</label>

</p></form>

</div>

 

<div style="position: relative; top: -83px; margin-left: auto; margin-right: auto; width: 165px; height: 55px;"><img id="img" src="google.png"></div>

 

<script type="text/javascript">

document.getElementById(last).value = 'google ';

searchChanged()

</script>

 

</body></html>
 

Thank you for viewing

HBGames is a leading amateur video game development forum and Discord server open to all ability levels. Feel free to have a nosey around!

Discord

Join our growing and active Discord server to discuss all aspects of game making in a relaxed environment. Join Us

Content

  • Our Games
  • Games in Development
  • Emoji by Twemoji.
    Top