[Maltese]

hi dude, I'm trying to add the script into my html page as shown below:
it works fine, but just wondering how to resize the drop down box?
each time while i am trying to put style in it, it doesn't work properly and the java script doesn't work as well.
but once i've remove the style, everything works fine.

<form action="#">
<div id="x">
// repeat below code
1. <select onchange="listSel(this,'x')">
<option value=" " selected="selected"></option>
<option value="A">Option One</option>
<option value="B">Option Two</option>
<option value="C">Option Three</option>
<option value="D">Option Four</option>
</select>
// repeat above code
<input type="button" value="reset" onclick="resetSel('x',
[[' ',' '],['A','Option One'],['B','Option Two'],
['C','Option Three'],['D','Option Four']])">
</div>
</form>

THANK YOU!

This post has been edited by Dormilich: 15 February 2013 - 08:51 AM
Reason for edit:: please use [CODE] [/CODE] tags when posting code

[raghav.naganathan]

Well, you could use a class like this for the selector and then change the CSS accordingly.

<select onchange="listSel(this,'x')" class="resize">

CSS

.resize
{
  width:200px;
}

And yes, from next time onwards, please post the code in the code tags provided...also please avoid creating multiple posts for the same topic.

regards,
Raghav

This post has been edited by raghav.naganathan: 15 February 2013 - 07:21 AM

[raghav.naganathan]

One more thing I would like to tell you...always use

<!-- your comment here --> for HTML tags.

The /*comment */ can be used for the CSS part and the javascript.

regards,
Raghav

This post has been edited by raghav.naganathan: 15 February 2013 - 07:30 AM

[Maltese]

THANK YOU MAN, i will try later on!!! cheers bro!

This post has been edited by Dormilich: 20 February 2013 - 07:10 AM
Reason for edit:: removed unnecessary quote

[Maltese]

#3 raghav.naganathan

one more question: how to place the drop down box next to the text?

[andrewsw]

Maltese, on 15 February 2013 - 09:22 AM, said:

#3 raghav.naganathan

one more question: how to place the drop down box next to the text?

Next to what text..? SELECTs are inline elements by default, so it will sit next to other inline elements (SPANs, INPUTs, etc.) unless you have changed this behaviour in your CSS.

[raghav.naganathan]

Well, I don't seem to understand what text you are referring to here...

Well, I think you mean to use <div> tags for that...well...by default, <Select> tag will be placed next to the other elements...

Edit : Well, I have to say andrewsw was way quicker than me and spot on, as usual

regards,
Raghav

This post has been edited by raghav.naganathan: 15 February 2013 - 12:14 PM

[Maltese]

say i need to add a p tag next to the drop box,
<p>text</p>(then i drop box nearby here)

[andrewsw]

Maltese, on 15 February 2013 - 01:43 PM, said:

say i need to add a p tag next to the drop box,
<p>text</p>(then i drop box nearby here)

P-elements are block-level elements, so the paragraph will drop onto the line below. Use an inline element to contain your text, such as a SPAN. If it is a description, or instruction, relevant to the SELECT, then use a LABEL.

This post has been edited by andrewsw: 15 February 2013 - 01:48 PM

[andrewsw]

BTW It is Javascript NOT java: Java is a different language.