Troubles with DHTML menu

Question

fusarium 0 Newbie Poster

13 Years Ago

I'm trying to take normal, plain Jane drop-down boxes to choose a time, and replace them with a nicer DHTML version.

I followed this tutorial http://www.javascriptkit.com/script/script2/dhtmlcombo.shtml but now my buttons are stacked on each other, the selected="selected" variable isn't pre-selecting anything, and if you click on a number (5), it takes you to .com/5. This isn't going to work, as I need all the inputs set, then the submit button to be pushed.

This is what it looks like:
[IMG]http://img573.imageshack.us/img573/7617/dhtmlsshot.jpg[/IMG]

Any ideas?

Code: http://pastebin.com/TN7HaWF5

Thank you!

-- fusarium

html-css javascript

2 Contributors
4 Replies
78 Views
12 Hours Discussion Span
Latest Post 13 Years Ago Latest Post by Airshow

Airshow 416 WiFi Lounge Lizard

13 Years Ago

First thing to check the DOCTYPE. Make sure it's the same as the javascriptkit example page. With luck, that'll fix it.

Airshow

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

fusarium 0 Newbie Poster · Answer 1 · 2010-11-28T01:00:37+00:00

Airshow,

Thanks for the quick reply. I checked, this is what I have:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">

I added to the last part:

<html xmlns="http://www.w3.org/1999/xhtml" [B]lang="en" xml:lang="en"[/B]>

But that didn't seem to make a difference. Am I missing something?

fusarium 0 Newbie Poster · Answer 2 · 2010-11-28T01:18:48+00:00

Just closed the js script:
<script type="text/javascript" src="/js/dhtmlcombo.js"></script>

Didn't seem to help. I'm adding the Facebook Comment widget to the page, so I added the following to the DOCTYPE:
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" xmlns:fb="http://www.facebook.com/2008/fbml">

Airshow 416 WiFi Lounge Lizard Team Colleague · Answer 3 · 2010-11-28T06:35:20+00:00

Mmmm, DOCTYPE and html both tag look right.

Closing script tag is a must though it appears that omiting it wasn't as serious as I would have expected.

XHTML TRANSITIONAL is pretty tollerant (much more so than STRICT) but even so, certain rules should be adhered to. Try checking your XHTML againt the advice in this tutorial, and/or run the page through a validator (Google XHTML validator for links).

After that, I'm out of concrete ideas except to suggest a strategy ...

... Try taking a copy of the javascriptkit example page (right-click, view source, select all, copy, then paste into your favourite editor ....) and gradually migrate your XHTML in and theirs out - see at which point it breaks.

Airshow