[jQuery] Re: Showing a bind(click...) as clickable

2007-04-22 Thread wyo
On 17 Apr., 00:06, Jörn Zaefferer [EMAIL PROTECTED] wrote: wyo schrieb: On 15 Apr., 18:27, Brian Cherne [EMAIL PROTECTED] wrote: .hover is this a jQuery function? Where is it described?

[jQuery] Re: Showing a bind(click...) as clickable

2007-04-16 Thread wyo
On 16 Apr., 00:21, Brian Cherne [EMAIL PROTECTED] wrote: Good point, Paul. Assuming it's not too much work, changing the IMG to an A tag would take care of most your problems... You wouldn't need ugly js hacks to get IE to understand hover and the only thing you'd need to do is Okay but how

[jQuery] Re: Showing a bind(click...) as clickable

2007-04-16 Thread Diego A.
enable/disable are for form fields only. Now you're talking about using CSS classes. CSS - .enabled{ /* CSS */ } .disabled{ /* CSS */ } SCRIPT - $('#address').removeClass('disabled').addClass('enabled'); // enables $('#address').removeClass('enabled').addClass('disabled'); // enables You have

[jQuery] Re: Showing a bind(click...) as clickable

2007-04-16 Thread Jörn Zaefferer
wyo schrieb: On 15 Apr., 18:27, Brian Cherne [EMAIL PROTECTED] wrote: You could chain this on the end of $('#prev') .hover( function(){ $(this).addClass('isOver'); }, // don't forget the comma function(){ $(this).removeClass('isOver'); } ); .hover is this a jQuery function?

[jQuery] Re: Showing a bind(click...) as clickable

2007-04-15 Thread Jörn Zaefferer
wyo schrieb: I've bound a click handler to an image and would like to see that this element is clickable on the page $('#prev').bind('click', function() {...} img id=prev src=images/prev01.png This doesn't show the click cursor (finger pointing to) when the cursor hovers over the element.

[jQuery] Re: Showing a bind(click...) as clickable

2007-04-15 Thread Diego A.
Only anchor elements (a href=''../a) with the href property show the hand by default. As Jorn suggested, you need to add a class to your element, eg.: 'hover' and use the following CSS: in IE: .hover{ cursor:hand; } Others: .hover{ cursor:pointer; } On Apr 15, 8:44 am, wyo [EMAIL PROTECTED]

[jQuery] Re: Showing a bind(click...) as clickable

2007-04-15 Thread boermans
Crudely, something like this: $('#prev').css('cursor','pointer').bind('click', function() {...} Adding a class may be preferable if you wish to provide further visual cues (such as a border) to your clickable images. $('#prev').addClass('clickable').bind('click', function() {...} And

[jQuery] Re: Showing a bind(click...) as clickable

2007-04-15 Thread Klaus Hartl
Diego A. schrieb: in IE: .hover{ cursor:hand; } This is only required for IE 5. IE 6 supports cursor: pointer. -- Klaus

[jQuery] Re: Showing a bind(click...) as clickable

2007-04-15 Thread wyo
On 15 Apr., 14:28, boermans [EMAIL PROTECTED] wrote: Adding a class may be preferable if you wish to provide further visual cues (such as a border) to your clickable images. $('#prev').addClass('clickable').bind('click', function() {...} Nice. And then in your css: .clickable

[jQuery] Re: Showing a bind(click...) as clickable

2007-04-15 Thread Brian Cherne
You could chain this on the end of $('#prev') .hover( function(){ $(this).addClass('isOver'); }, // don't forget the comma function(){ $(this).removeClass('isOver'); } ); And then update your CSS. img.isOver { cursor:pointer; border:solid 1px blue; } Brian. On 4/15/07, wyo [EMAIL

[jQuery] Re: Showing a bind(click...) as clickable

2007-04-15 Thread Final Coat Design
Hi wyo, If you want to get the pointing finger, use css. The easest way is to put a On Apr 15, 2:44 am, wyo [EMAIL PROTECTED] wrote: I've bound a click handler to an image and would like to see that this element is clickable on the page $('#prev').bind('click', function() {...} img

[jQuery] Re: Showing a bind(click...) as clickable

2007-04-15 Thread Final Coat Design
add $('#prev').css('cursor', 'pointer'); On Apr 15, 2:44 am, wyo [EMAIL PROTECTED] wrote: I've bound a click handler to an image and would like to see that this element is clickable on the page $('#prev').bind('click', function() {...} img id=prev src=images/prev01.png This doesn't