Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Dropdown menu with overflow script?

LEGEND ,
Jan 08, 2007 Jan 08, 2007
Hi all,

I need a script that will produce a dropdown menu that is limited in width
when not expanded but once clicked will show the full contents. Does that
make sense? For example:

When not clicked the dropdown would be fixed 20px width but once the user
expands it the below list would be capable of expanding to the same width as
the largest row in the contents. Does anyone know of such a script please?


TOPICS
Server side applications
417
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 08, 2007 Jan 08, 2007
On 08 Jan 2007 in macromedia.dreamweaver.appdev, Pat Shaw wrote:

> I need a script that will produce a dropdown menu that is limited in
> width when not expanded but once clicked will show the full
> contents. Does that make sense? For example:
>
> When not clicked the dropdown would be fixed 20px width but once the
> user expands it the below list would be capable of expanding to the
> same width as the largest row in the contents. Does anyone know of
> such a script please?

http://projectseven.com/products/menusystems/

--
Joe Makowiec
http://makowiec.net/
Email: http://makowiec.net/email.php
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 08, 2007 Jan 08, 2007
Hi Joe,

None of these really suit what I need. I am after a basic look html style
dropdown menu that will has the capability to show an expanded width list
when clicked.

Thanks,

Pat.


"Joe Makowiec" <makowiec@invalid.invalid> wrote in message
news:Xns98B27B0D9BE64makowiecatnycapdotrE@216.104.212.96...
> On 08 Jan 2007 in macromedia.dreamweaver.appdev, Pat Shaw wrote:
>
>> I need a script that will produce a dropdown menu that is limited in
>> width when not expanded but once clicked will show the full
>> contents. Does that make sense? For example:
>>
>> When not clicked the dropdown would be fixed 20px width but once the
>> user expands it the below list would be capable of expanding to the
>> same width as the largest row in the contents. Does anyone know of
>> such a script please?
>
> http://projectseven.com/products/menusystems/
>
> --
> Joe Makowiec
> http://makowiec.net/
> Email: http://makowiec.net/email.php


Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 08, 2007 Jan 08, 2007
> When not clicked the dropdown would be fixed 20px width but once the user
> expands it the below list would be capable of expanding to the same width
> as the largest row in the contents. Does anyone know of such a script
> please?

By Drop down, are you referring to a from element drop down?

If not, can you give us a bit more context? I imagine you could do this via
a combination of separte scripts if the menu isn't too complex.

That said, I have to ask: why have the end-user have to click an additional
icon to read the full menu each time?

-Darrel


Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 08, 2007 Jan 08, 2007
Darrel,

Yes I am referring to a form element drop down menu but I am not sure where
you get the "additional icon" bit from.

I want to locate a script (and I have seen this before) that will create a
fixed-width drop down (ie select) menu (form element type) that when
selected will expand the width to a greater size than the un-expanded
fixed-width section, as wide as the largest select item in the list.

I understand this is a little to explain so I hope this is clearer.

Pat.
"darrel" <notreal@nowhere.com> wrote in message
news:enu2ou$nah$1@forums.macromedia.com...
>> When not clicked the dropdown would be fixed 20px width but once the user
>> expands it the below list would be capable of expanding to the same width
>> as the largest row in the contents. Does anyone know of such a script
>> please?
>
> By Drop down, are you referring to a from element drop down?
>
> If not, can you give us a bit more context? I imagine you could do this
> via a combination of separte scripts if the menu isn't too complex.
>
> That said, I have to ask: why have the end-user have to click an
> additional icon to read the full menu each time?
>
> -Darrel
>
>


Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 08, 2007 Jan 08, 2007
> I want to locate a script (and I have seen this before) that will create a
> fixed-width drop down (ie select) menu (form element type) that when
> selected will expand the width to a greater size than the un-expanded
> fixed-width section, as wide as the largest select item in the list.

Ah! Gotcha.

Well, again, why not just let it be as wide as it has to be?

Otherwise, you should be able to set the width of the ddl via your CSS, then
use an onClick event to change it:

document.getElementById('yourDropDownList').style.width= "200px";

and then use an onChange event to swap it back:

document.getElementById('yourDropDownList').style.width= "100px";

There's probably a more automated/elegant way to write all that but that
should get you started, hopefully.

But, depending on your layout, that might cause other parts of the page to
jump around.

-Darrel


Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 09, 2007 Jan 09, 2007
LATEST
Just for general interest and in case anyone needs similar:

http://www.javascriptkit.com/script/script2/dhtmlcombo.shtml

This will do the trick.

Cheers guys.


"darrel" <notreal@nowhere.com> wrote in message
news:enukn3$f7u$1@forums.macromedia.com...
>> I want to locate a script (and I have seen this before) that will create
>> a fixed-width drop down (ie select) menu (form element type) that when
>> selected will expand the width to a greater size than the un-expanded
>> fixed-width section, as wide as the largest select item in the list.
>
> Ah! Gotcha.
>
> Well, again, why not just let it be as wide as it has to be?
>
> Otherwise, you should be able to set the width of the ddl via your CSS,
> then use an onClick event to change it:
>
> document.getElementById('yourDropDownList').style.width= "200px";
>
> and then use an onChange event to swap it back:
>
> document.getElementById('yourDropDownList').style.width= "100px";
>
> There's probably a more automated/elegant way to write all that but that
> should get you started, hopefully.
>
> But, depending on your layout, that might cause other parts of the page to
> jump around.
>
> -Darrel
>


Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines