March 22nd, 2011
8:27 pm
Posted under JSF
Permalink
Tags Javascript, jQuery, JSF, Tip, Tutorial
jQuery ties into this event in a browser independant way. The following code fragment illustrates the use of this. Note tha following points:-
- Different browsers implement resize differently. Most fire continual events during the resize, but some browsers (e.g. I believe older versions of Firefox) just fire the resize at the end of the drag. You therefore cannot predict how often and when the resize is called.
- You need to place the code in the body section – I placed it in the head initially and it was never called.
- When referring to a function defined in the head section as I have here, you need to prefix the call with “document.” otherwise the target function appears out of scope. The example assumes that yourFunctionName is a Javascript function defined elsewhere, e.g. in the header section of the page.
<script type=”text/javascript”>
/*
* This script block executes the target function on a resize.
* Note that jQuery has a browser independant means to hook into the event.
*/
jQuery(window).resize(function() {
//alert(‘resize called’);
document.yourFunctionName(args);
});
</script>
Leave a Reply
You must be logged in to post a comment.