ansaurus

Question

Answer 1

+1 A:

i assume you're using jquery

$('#yourimageid').bind('click', function(){
    .... your box appearance code here
});

if not it's a bit mor letters, but the same thing

document.getElementById('yourimageid').onclick = function(){
     .... your box appearance code here
}

helle 2010-06-11 08:15:56

Actually, they're not *exactly* the same thing. The former you can run multiple times and it will execute all of the callbacks. The latter will only execute the last one assigned.

icktoofay 2010-06-11 08:18:25

@icktoofay thanks for the addendum. this is for sure neccessary to mention!

helle 2010-06-11 08:21:08

but this code will execute when ever i will click on any part of image i just want to fire click event while user click on "click to edit..." text inside image

Hunt 2010-06-11 08:22:31

okay then i suggest using image-maps ... and binding the event on that area then.

helle 2010-06-11 08:33:35

@Hunt If you want to have more than one link per image (or a restricted clickable area), it's the same principle. You'd need to create an image map. You'd then give each image-map link a separate ID and use helle's method.

Brock Adams 2010-06-11 08:36:40

Answer 2

A:

$("#the-image").click(function() {
    // show the edit box
    $("#edit-box").show();
}

If it's something simple like that, then just position #edit-box with CSS.

N. Lucas 2010-06-11 08:17:07

ansaurus

tags:

views:

answers:

open text box which clicking on image

related questions