If an element is visible or hidden using jQuery

 Programming  No Responses »
Aug 182009

Usually you can trust the .toggle function (or .slideToggle) to hide or show whatever you want it to. But occasionally you need to know if something is hidden or shown.

var isVisible = $('#giftMsg').is(':visible');
var isHidden = $('#giftMsg').is(':hidden');
Posted by Jason at 2:25 pm  Tagged with:

unsolved: jQuery: Can you redefine the click function on a button? (unsolved mystery)

 Uncategorized  1 Response »
Aug 142009

I have defined a click function in the document ready

$("#submit_request_toggle").click(function() {
$('#submit_request').slideToggle(500);
});

Later, I do an ajax call and I want to be able to redefine the click so that the link doesn't work anymore (after my ajax call)

$.ajax({
type: "POST",
url: "index.php",
data: "action=submit_request&first_name=" + $('#submit_request_form input[name=first_name]').val() + "&last_name=" + $('#submit_request_form input[name=last_name]').val() + "&message=" + $('#submit_request_form textarea[name=message]').val(),
success: function(msg){

$("#submit_request_toggle").click(function() { return false; });
$("#submit_request").fadeOut(500, function() { $("#submit_request_response").html(msg).fadeIn(); } );
}  Read more...

Posted by Jason at 1:28 pm  Tagged with:

jQuery function for slightly opaque images

 Programming  No Responses »
Jul 202009

Here's a jQuery function to make your images slightly opaque (or "disabled" looking), then have them fade in when you rollover them.

Just class your <img> tags with imgfade, like this:

<img src="someimage.jpg" class="imgfade">

And put this in <head> declaration:

<script language="javascript">
$(document).ready(function(){
$(".imgfade").fadeTo(1, 0.55);
$(".imgfade").mouseover(function(){
$(this).fadeTo("500", 1);
}).mouseout(function(){
$(this).fadeTo("500", 0.55);
});
});
</script>
Posted by Jason at 8:23 pm  Tagged with:
© 2012 Tech Notes Suffusion theme by Sayontan Sinha