jquery/IE problem

marc2003 · 16 Sep 2008 at 21:38

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

t31os · 16 Sep 2008 at 22:35

Perhaps relating to an onclick or onmousedown event somewhere? Seems to be a few scripts loading on the page. It seems to relating to the onclick event regardless of where you click in that windows it closes in IE.

Like you said FF is fine.

marc2003 · 16 Sep 2008 at 22:46

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

Code:

<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...

Code:

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.

geuben · 16 Sep 2008 at 22:48

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

marc2003 · 16 Sep 2008 at 23:06

geuben said:
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.

geuben · 16 Sep 2008 at 23:07

I just thought that as it didn't work in both IE and chrome that it might help indicate a slightly different problem or something....I don't know I don't do this type of coding.

Inquisitor · 16 Sep 2008 at 23:09

marc2003 said:
the content of the box when it shows is simply....

Code:

<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...

Code:

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.

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

Code:

$(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');
}

Code:

<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.

marc2003 · 16 Sep 2008 at 23:13

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

Code:

$(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'); }

Code:

<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 · 17 Sep 2008 at 00:59

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.