• Nike free run 2 pink
  • Nike free 5.0 kids
  • Oakley sunglasses discount
  • CodeAve.com CodeAve.com - JavaScript - Forms
    ASP
    JavaScript
    ·Document Info
    ·Forms
    ·Images
    ·Miscellaneous
    ·Navigation
    ·Script Writers
    ·Contents
    ·What's New?
    CSS
    HTML
    Maps
    Links
    Mail List
    Search
    Sitemap


     

  • Retro 3 jordans
  • Jordan 13 retro
  • Nike free 5.0

  • Search Form Images
  • Air jordan 11 low
  • New Balance 996
  • Ray ban vintage sunglasses
  • If you’re utilizing a search form to a search engine for a web search or a search of just your site you can add flair to your form and save some space by setting a background image to the site that the search results come from. The following examples demonstrate a web search from Yahoo! and Google and will display a background image in the text field of the search engine until the user click on the text box where it will change to a background color
    View the Output
    Text View
    Print View
    Mail this Link
    Download the Code

    <html>
    <title>CodeAve.com(JavaScript: TextBox Images)</title>
    <body bgcolor="#FFFFFF">

    <center>

    <!-- Begin Yahoo Search -->

    <!-- Basic input form set to Yahoo.com with some style commands to
    match the height and width of the background image being utilzed -->

    <form name="form_name" action="http://search.yahoo.com/search">
    <input type="text" name="p" style="width=130px; height=16px; font=normal 10px arial" size="20">
    <input type=Submit value=Submit style="width=50px; height=16px; font=normal 10px arial">
    </form>

    <script language="JavaScript">
    // set the text input background to an image
    document.form_name.p.style.background="url('search_yahoo.gif') #ffffff no-repeat";

    // declare the text input function for when input is entered
    document.form_name.p.onfocus=remove_the_image;

    // remove the image and replace it with a color when
    // the text input area is toggled to or click on
    function remove_the_image()
    {
    document.form_name.p.style.background="#ffffCC";
    }
    </script>


    <br><br><br><br>

    <!-- Begin Google Search -->

    <!-- Basic input form set to Google.com with some style commands to
    match the height and width of the background image being utilzed -->

    <form name="Google_form_name" action="http://www.google.com/search">
    <input type="text" name="q" style="width=130px; height=16px; font=normal 10px arial" size="20">
    <input type=Submit value=Submit style="width=50px; height=16px; font=normal 10px arial">
    </form>

    <script language="JavaScript">
    // set the text input background to an image
    document.Google_form_name.q.style.background="url('search_google.gif') #ffffff no-repeat";

    // declare the text input function for when input is entered
    document.Google_form_name.q.onfocus=remove_the_image;

    // remove the image and replace it with a color when
    // the text input area is toggled to or click on
    function remove_the_image()
    {
    document.Google_form_name.q.style.background="#ffffCC";
    }
    </script>




    </center>
    </body>
    </html>

     

     

     



    ASP: What's New? | Articles | Script Writers | Database Display | Read/Write
    Server Variables | Response Objects | Random Events | Miscellaneous
    HTML: Forms | Hyperlinks | Headers | Tables | Hyperlinks | Headers | Text Display
    JavaScript: Document Info | Forms | Images | Navigation | Script Writers
    CSS: Basics | Page Display | Text Display | Script Writers | Miscellaneous
  • 2014 michael kors
  • air max women 2013
  • 2014 michael kors
  • air max 2014
  • oakley glasses
  • oakley glasses

  • Maps: Map Script Writers | Bing Maps | Google Maps
  • bottes fr
  • ugg boot
  • Privacy Statement

    CodeAve.com is hosted by MyHosting.com
    Donate Food Online with a Mouse Click at TheHungerSite.com
    Donate Land Online with a Mouse Click at TheRainForestSite.com
    © 1999 - 2017 CodeAve.com
    All Rights Reserved

    jordan 11 gamma Nike KD VI lebron 11 low