Hi,

Here's one for you. I've had a go at this already but I'm crap at JS.

I've got a site where I cannot edit the HTML. I'm quite good with CSS and jQuery helps with all the other stuff I need to control. However, there's a:

<input type="image" src="blah/blah.gif" />

This has no class, no id. The only way to target this is using the cascade and input[type="image"] (and Dean Edwards IE8 script so IE can see it).

My question is, how can I target this in jQuery to change the image (or better still, change it from an image entirely so I can build a sensible proper button)?

I look forward to some creative or well tested solutions

Ta,

Scott.

$(document).ready(function() {
     $('input[type="image"]').attr("src", "/whatever");
});

Remember, jQuery knows most of the CSS that your browsers don't.

Hi, thanks for your help.

I've created an image, uploaded it, referenced it using your example and added it to the head area of my page. No luck. If you get a minute, can you have a look at the page to let me know where I'm going wrong on this one? 999 Gifts.

Also, would your example affect all input type="image" on the page? I'd like to change each of them individually if possible.

Cheers,

Scott.

jQuery doesn't work by itself, you need to define it somewhere by linking to it. You have not. Link to it before any other scripts that may need it. I usually use Google's hosted version like this:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

Yes, the way I wrote it would affect all of the inputs with a type of "image". To target different ones, just use more specific CSS rules inside your jQuery selector. Like I said before, jQuery knows CSS, including advanced CSS3 selectors like nth-child() which aren't even supported by really good browsers.

Sorry! I'm working on 3 or 4 sites at the moment, all of which use jquery and have it cheerfully sat in the head section. I hadn't done it yet with this one but assumed I had. Please excuse me!

What's even more annoying is that what I tried originally bears a striking resemblance to what you suggested so I might have even solved a JavaScript problem by myself for once!

Thanks a lot for your help.