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

Paul Irish and Divya Manian have created a fun visualization on readiness of HTML5 and CSS3 standards in various browsers.

It uses a bunch of the usual CSS cool-suspects: -webkit-gradient, -webkit-transition, -webkit-border-radius, and the like (and -moz/-o too).

The added feature is…. do a mouse scroll on the page:

Related posts:

1. Why We Should Start Using CSS3 and HTML5 Today For a while now, I have taken notice of how...
2. YouTube and Vimeo turn on HTML5 video tag At Google I/O the team showed a demo of YouTube...
3. 25 jQuery image galleries and slideshow plugins For some sites, image galleries are an absolute must. Portfolios...

Ropox: Thats interesting enough, but still to my opinion there is a lot to be made yet.

Gmail started off with the awful input type="file" “add more” typical solution that we all know and love. Then they added the ability to select multiple files via Flash…. and now they allow the ability to drag and drop files right onto the message compose using HTML5 standards.

Want to do it too? Check out the APIs and how you can do it all, including showing the thumbnails:

function handleFiles(files) {
for (var i = 0; i
var file = files[i];
var imageType = /image.*/;

if (!file.type.match(imageType)) {
continue;
}

var img = document.createElement("img");
img.classList.add("obj");
img.file = file;
preview.appendChild(img);

var reader = new FileReader();
reader.onload = (function(aImg) { return function(e) { aImg.src = e.target.result; }; })(img);
reader.readAsDataURL(file);
}
}

Google

Related posts:

1. The Beast File- Google Θέλουμε δε θέλουμε, η Google είναι στη ζωή μας σχεδόν...
2. Ten Technologies That Will Rock 2010 Now that the aughts are behind us, we can...
3. YouTube and Vimeo turn on HTML5 video tag At Google I/O the team showed a demo of YouTube...

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

How do you visualize data in interesting ways but allow the data to be accessible for all? The jQuery Visualize work is the latest library that groks HTML and replaces the table with pretty graphs:

The Visualize plugin parses key content elements in a well-structured HTML table, and leverages that native HTML5 canvas drawing ability to transform them into a chart or graph visualization. For example, table row data values serve as chart bars, lines or pie wedges; table headers become value and legend labels; and the title and caption values provide title labels within the image. Visualize also automatically checks for the highest and lowest values in the chart and uses them to calculate x-axis values for line and bar charts. Finally, the plugin includes two different CSS styles — one light and one dark — that can be used as is, or can serve as a starting point to customize chart and graph presentation to match any application style.

Someone pointed out that “accessible” means many things. If you have a 10,000 row table, it may not be easy to consume…. but hey!

Source: ajaxian.com

Related posts:

1. get CKEditor data with Jquery – no plugin required If you are using the CKeditor also with JQuery (not...
2. why you rent your actual data and you dont know about it I was reading this interesting post about how Scobleizer was...