If you are using the CKeditor also with JQuery (not the ckeditor plugin) then at some point you might want to get the editor data without submitting the form.

after a lot of searching i managed to get the editor data without using the jquery plugin for CKEditor.

So if you are replacing text areas with the common way , e.g.

var bodyEditorEN = CKEDITOR.replace( 'bodyen', {toolbar : 'Basic'});

and this applies to the html element :

<textarea id="bodyen" cols="70" rows="10" name="bodyen"></textarea>

then all you need to do to access data with Jquery from the editor is by using the getData method from CKEditor:

var body = CKEDITOR.instances['bodyen'].getData();
alert(body);

jQuery

Related posts:

1. JQuery wildcard selectors JQuery wildcard selectors on select boxes, how to reset all...
2. “Visualize” data as graphs How do you visualize data in interesting ways but allow...
3. Getting the page and viewport dimensions using jQuery Getting the page and viewport dimensions using jQuery is as...

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. get CKEditor data with Jquery – no plugin required If you are using the CKeditor also with JQuery (not...
2. JQuery wildcard selectors JQuery wildcard selectors on select boxes, how to reset all...
3. Custom info windows with jQuery and Google Maps Ben Nolan has a writeup on a new feature in...

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. 25 jQuery image galleries and slideshow plugins For some sites, image galleries are an absolute must. Portfolios...
3. [AJAX Magazine] DHTMLX Released Version 2.1 DHTMLX announced the update of their Ajax UI Toolkit, a...

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….

jQuery

Related posts:

1. get CKEditor data with Jquery – no plugin required If you are using the CKeditor also with JQuery (not...
2. Image upload with AS3 mac problem fix I hit my head several times on the wall before...
3. Getting the page and viewport dimensions using jQuery Getting the page and viewport dimensions using jQuery is as...