473,387 Members | 1,621 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,387 software developers and data experts.

Hint box in the side of text box

I have a doubt in java script.


when i keeps the mouse over to my text field,in the side of it something appears like please enter username.I dont know how they r doing.please help me
Sep 29 '07 #1
13 3011
It is very basic really, all they have is a span that is hidden and then to the side an input field. It would be done like this:

[HTML]<span id="name" style="visibility:hidden;">User Name:</span>
<input type="text" onmouseover="document.getElementById('name').style .visibility='visible'" onmouseout="document.getElementById('name').style. visibility='hidden'" />[/HTML]

Hope this is what you're after.
Sep 29 '07 #2
gits
5,390 Expert Mod 4TB
hi ...

changed thread title to better describe the problem ... please always use a good thread title

kind regards
Sep 29 '07 #3
hi i m elango i have a doubt .i have seen a site named mginger.com.In this site, a tab named invite s there. while entered in to the site two text boxes r there .while keeping the mouse focus over there it shows as Please enter the name in the side of the appropriate text box.its not an tooltip..please anyone help me.
Sep 30 '07 #4
acoder
16,027 Expert Mod 8TB
Threads merged. Please do not double post.
Sep 30 '07 #5
hi i m elango i have a doubt .i have seen a site named mginger.com.In this site, a tab named invite s there. while entered in to the site two text boxes r there .while keeping the mouse focus over there it shows as Please enter the name in the side of the appropriate text box.its not an tooltip..please anyone help me
Oct 2 '07 #6
dmjpro
2,476 2GB
hi i m elango i have a doubt .i have seen a site named mginger.com.In this site, a tab named invite s there. while entered in to the site two text boxes r there .while keeping the mouse focus over there it shows as Please enter the name in the side of the appropriate text box.its not an tooltip..please anyone help me
Give me the specific link.
I could not find those two boxes.

Kind regards,
Dmjpro.
Oct 2 '07 #7
gits
5,390 Expert Mod 4TB
heya elangobala,

please do not multipost you questions ...

regards
MOD
Oct 2 '07 #8
acoder
16,027 Expert Mod 8TB
hi i m elango i have a doubt .i have seen a site named mginger.com.In this site, a tab named invite s there. while entered in to the site two text boxes r there .while keeping the mouse focus over there it shows as Please enter the name in the side of the appropriate text box.its not an tooltip..please anyone help me
There's no invite tab.

If you need to see how something is implemented, you can view the source in the browser. If the source is not easily decipherable, then give the link to the page that you are referring to.

See FullyH3ktik's solution and adapt that to your requirements.
Oct 2 '07 #9
Hi, Friends

In some websites i have seen that in a website called mginger.com in that invite tab when i keep a mouse over the Text field in the side of it shows that please enter the name in a layer .It looks very nice .My friend says that its an ajax.How to do that please anyone help me.
Oct 11 '07 #10
dmjpro
2,476 2GB
Hi, Friends

In some websites i have seen that in a website called mginger.com in that invite tab when i keep a mouse over the Text field in the side of it shows that please enter the name in a layer .It looks very nice .My friend says that its an ajax.How to do that please anyone help me.
Na it's not Ajax.
Simply show and hide the text box on "MouseOver" and "MouseOut".

Debasis Jana
Oct 12 '07 #11
hi i m elango i have a doubt .i have seen a site named mginger.com.In this site, a tab named invite s there. while entered in to the site two text boxes r there .while keeping the mouse focus over there it shows as Please enter the name in the side of the appropriate text box.its not an tooltip..please anyone help me its a very urgent requirement

the link is http://mginger.com/emailInvite.html
Oct 12 '07 #12
acoder
16,027 Expert Mod 8TB
I've merged two more of your threads on the same topic. Next time you will receive an official warning.

If you feel that a question has not been answered, post back in the same thread to bump it back to the top of the list rather than continuously posting new threads.
Oct 15 '07 #13
acoder
16,027 Expert Mod 8TB
A better link would be this one.

It's simply using DHTML. The div is initially inactive. Onfocus or onmouseover, the class is changed to active which displays the div and the arrow/pointer effect is achieved by using an image.
Oct 15 '07 #14

Sign in to post your reply or Sign up for a free account.

Similar topics

2
by: Norman Fritag | last post by:
Hi there, I have a <a href "JavaScript:t('1')"> event that expands and collapse hyperlinks, similar to a treeview (<div>). The webpage is split in Left and right side. The "treeview" resides...
6
by: Mark P | last post by:
Some time ago I posted here about inserting into a set with a hint: ...
7
by: piperzen | last post by:
Hi, I'm developing a set of language learning exercises for http://www.yale.edu/swahili , and we've run into a javascript question that the programmer doesn't know how to tackle (we mostly work...
1
by: Robert T | last post by:
Hi I would like to change the title property(the hint displayed when you move over it) of an elements colour/and or text size. Is this possible Can I change the title property's (hint on...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.