thats why i Love jquery, cause everything is so simple…

To get the width and height of the whole page (document), use:

var pageWidth = $(document).width();
var pageHeight = $(document).height();

To get the width and height of the viewport (window), use:

var viewportWidth = $(window).width();
var viewportHeight = $(window).height();

Opera though has a different approach. with Opera 9.5 $(window).height() returns the document height (more info here)
you can get around this by using

var viewportHeight = window.innerHeight ? window.innerHeight : $(window).height();

Related posts:

1. JQuery wildcard selectors JQuery wildcard selectors on select boxes, how to reset all...
2. Custom info windows with jQuery and Google Maps Ben Nolan has a writeup on a new feature in...
3. HTML 5 section is not just a “semantic div” James Graham of Opera has a post about how section...

I hit my head several times on the wall before I found out why browsers on MAC dont work exactly as browsers on windows, after uploading a file via Flash.

the reason is simple : on MAC the browsers never calls onComplete = function(fileRef:FileReference) {}. Which means that the image is uploaded alright, but the flash app never gets a response back that the file has finished uploading.

All you have to do is , on your php/aspx/apsx/py or whatever server side file is handling your file upload from flash, you need to print something at the end of uploading.

for example in php, you could print the word : completed.

print "completed";

you can print whatever word you want, it doesnt matter, all that matters is that the server side file is printing something (After the upload has finished) and browsers on mac platforms, will pick up on that , and your file upload will work!

Related posts:

1. Error #2101: The String passed to URLVariables.decode() must be a URL-encoded query string containing name/value pairs It was nice enough in AS2 when you did a...
2. [AJAX Magazine] DHTMLX Released Version 2.1 DHTMLX announced the update of their Ajax UI Toolkit, a...
3. JQuery wildcard selectors JQuery wildcard selectors on select boxes, how to reset all...

Ok i spend a lot of time on finding how to work this around using JQuery, but i finally found a solution.

Say we have some elements in our page that we don’t know their ID’s. For example in my case I was printing dynamically select elements but did not know their ID cause each id had an integer to distinguish it from the others. What i wanted to do was to reset all select boxes with a certain word in their ID’s to their first element as soon as one of them changed.

For example all the elements that i wanted to change had the word “upgrade” in them plus some other numbers. What I did was on the onChange function that would trigger the event:

$("select[id^=upgrade]").each(function() {
$(this).val("-");
});

which would return to me all elements that started with the word upgrade.  JQuery selectors are great. Using the each function you can go around all selectors and set the value of each select box to “-” which in my case the “-” was the first element of each select box. Usually you will have as the first element something like “0″ or “” (empty).

Also searching I found this interesting snippet which didnt work for me, but i assume i did something wrong.

 $('#myElement').html();

You can use \\S* to make wildcard selections, I.E.:

 $('#myEle\\S*').each();

Dont know why it didnt work on my case….

Related posts:

1. Image upload with AS3 mac problem fix I hit my head several times on the wall before...
2. Getting the page and viewport dimensions using jQuery Getting the page and viewport dimensions using jQuery is as...
3. Custom info windows with jQuery and Google Maps Ben Nolan has a writeup on a new feature in...