HTML and CSS RSS HTML and CSS RSS

Hotmail Search Field Bing

Thread Solved

•
•
Join Date: Jun 2009
Posts: 64
Reputation: furqan219 has a little shameless behaviour in the past 
Solved Threads: 4
furqan219 furqan219 is offline Offline
Junior Poster in Training

Hotmail Search Field Bing

 
0
  #1
Jun 17th, 2009
How I can make a Search field like a HOTMAIL Search Bing.
In which search button is inside a search field and there is a Bing image in search field and also when i click in search field, bing disappear. image is attached.
thanks in advance...
Attached Thumbnails
search.jpg  
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2009
Posts: 14
Reputation: Serellyn is an unknown quantity at this point 
Solved Threads: 2
Serellyn Serellyn is offline Offline
Newbie Poster

Re: Hotmail Search Field Bing

 
0
  #2
Jun 17th, 2009
Take a look at http://www.plus2net.com/javascript_t...xt-onclick.php.
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2009
Posts: 1,315
Reputation: almostbob has a spectacular aura about almostbob has a spectacular aura about 
Solved Threads: 161
almostbob's Avatar
almostbob almostbob is offline Offline
Nearly a Posting Virtuoso

Re: Hotmail Search Field Bing

 
0
  #3
Jun 17th, 2009
html Syntax (Toggle Plain Text) 
  1. <form action="blabla google blabla get the url from webmnaster tools blabla" method='get'>
  2. <input type='text' style="background:url('searchtheweb.jpg');" onfocus='style="background:none;";'>
  3. <input type='submit' value='Search' >
  4. </form>
see the attached image

google MSN(bing) and yahoo have a bunch of html buttons to do just that on their webmaster gadgets pages
Last edited by almostbob; Jun 17th, 2009 at 11:12 am.
Attached Images
 
Failure is not an option It's included free
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it

Please mark solved problems, solved
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2009
Posts: 64
Reputation: furqan219 has a little shameless behaviour in the past 
Solved Threads: 4
furqan219 furqan219 is offline Offline
Junior Poster in Training

Re: Hotmail Search Field Bing

 
0
  #4
Jun 18th, 2009
its working and showing picture but when I click picture does not disappear.

HTML and CSS Syntax (Toggle Plain Text) 
  1. onfocus='style="background:none;";
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2009
Posts: 1,315
Reputation: almostbob has a spectacular aura about almostbob has a spectacular aura about 
Solved Threads: 161
almostbob's Avatar
almostbob almostbob is offline Offline
Nearly a Posting Virtuoso

Re: Hotmail Search Field Bing

 
0
  #5
Jun 18th, 2009
•
•
•
•
Originally Posted by furqan219 View Post
its working and showing picture but when I click picture does not disappear.

HTML and CSS Syntax (Toggle Plain Text) 
  1. onfocus='style="background:none;";
my javascript is not perfect, sorry
try
HTML and CSS Syntax (Toggle Plain Text) 
  1. onfocus='this.style.background="none";'
not perfect = not good at all
Last edited by almostbob; Jun 18th, 2009 at 10:20 am.
Failure is not an option It's included free
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it

Please mark solved problems, solved
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2009
Posts: 64
Reputation: furqan219 has a little shameless behaviour in the past 
Solved Threads: 4
furqan219 furqan219 is offline Offline
Junior Poster in Training

Re: Hotmail Search Field Bing

 
0
  #6
Jun 19th, 2009
Thanks . now on focus is working.

Please Tell me how I can use onfocus with class. I use class and Exteranl CSS file. now How image will disppaer when focus?

HTML and CSS Syntax (Toggle Plain Text) 
  1. <input name="myusername" type="text" value="Enter Your Username" class="textfield_effect" id="myusername" onfocus="this.value=''" />
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2009
Posts: 1,315
Reputation: almostbob has a spectacular aura about almostbob has a spectacular aura about 
Solved Threads: 161
almostbob's Avatar
almostbob almostbob is offline Offline
Nearly a Posting Virtuoso

Re: Hotmail Search Field Bing

 
0
  #7
Jun 19th, 2009
css Syntax (Toggle Plain Text) 
  1. .textfield_effect { background:url('searchtheweb.jpg'); }
  2. .textfield_effect:focus { background:none; }
Failure is not an option It's included free
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it

Please mark solved problems, solved
Reply With Quote Quick reply to this message  
Reply

Quick Reply to Thread
This thread has been marked solved.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC