how can I create a drop down login box?

[suzisweet]

Hi all...

Im wanting to create a drop down login box which appears when you rollover a button saying 'login here'

can anyone help me with the best way to do this, or can anyone show me a working example...any info would be much appreciated.

Thanks in advance..

suzi

 

[feherke]

Hi

Try to reword. "drop down login box" is quite meaningless. The "drop down" is the alternative name of the select control, which usually is not used in login mechanisms.

Feherke.

http://rootshell.be/~feherke/

 

[Foamcow]

The easiest way, if you want smooth animation, is probably going to be to look at a javascript library.

If you are not going to include any other 'effects' in your site then look for a very small one, like MooFX.
Otherwise you may wish to look at Scriptaculous or Prototype.

They are both rather hefty if you just want to make a box appear, but they are fairly easy to use.

If you just want the 'box' to appear suddenly then:

1. Create the 'box'
2. 'Hide' it with CSS - set it to display:none
3. Set the mouseover event for a link to change the style of the 'box' with Javascript to display:block;

<honk>*:O)</honk>

Tyres: Mine's a pint of the black stuff.
Mike: You can't drink a pint of Bovril.

 

[Rieekan]

One JavaScript library that I prefer to use is JQuery. Has all of the features of Prototype, but can be packed to be only 20K in size. Very nice.

- George

 

[Foamcow]

I should have mentioned JQuery since I used it in the particular application I was thinking of when I wrote my initial reply!

I second the vote.

<honk>*:O)</honk>

Tyres: Mine's a pint of the black stuff.
Mike: You can't drink a pint of Bovril.