jquery/IE problem

[marc2003]

edit: original post removed. i've removed the problematic content from my page for now.

 

[marc2003]

the content of the box when it shows is simply....

<li onClick="fill('#cpu', '2 x intel xeon e5462');">2 x intel xeon e5462</li>
<li onClick="fill('#cpu', '2 x intel qx9775');">2 x intel qx9775</li>

and so on. the fill function is this...

function fill(myid, value) {
    $(myid).val(value);
    $(myid + '-suggest').hide('slow');
}

this populates the text box on the form with the value you select and hides the list. that's all there is to it. i just don't know why it closes when you click on the scrollbar.

 

[marc2003]

can't help you but it does the same thing in google chrome, closes the list box.

heh. i haven't even got around to trying other browsers yet.

i guess i shall have to install chrome and opera and test them as well.

 

[marc2003]

Not sure about your original problem but you shouldn't be using onclick with jQuery. Instead, do something like:

$(document).ready(function()
{
	// Stuff…
	
	$('#cpu-list li').click(function()
	{
		fill('#cpu', $(this).text());
	});
	
	// More stuff…
});

function fill(id, value)
{
	$(id).val(value);
	$(id + '-suggest').hide('slow');
}

<ul id="cpu-list">
	<li>2 x intel xeon e5462</li>
	<li>2 x intel qx9775</li>
</ul>

That way you don't end up polluting your markup with JavaScript.

thanks for that. i'm a complete noob at this and was simply using some code from a tutorial i found while googling.

 

[marc2003]

well i've got that working on my main form which tidies up the html nicely. thanks. and it works with whole classes. sweet.

but it won't work on the list for some reason. not that it matters. you won't even see the code for that unless you're monitoring the console in firebug.