<div>
I have seen that but was worried it may be a lot of work pulling it apart to suit my needs.<br />
<br />
What I want be able to do is if the weight changes (which is pulled from the database) then the font sizes change.... Or if a new word gets added then it gets added to the wordle (with the other words moving out the way if needed).<br />
<br />
Any ideas??
</div>


I have seen that but was worried it may be a lot of work pulling it apart to suit my needs.

What I want be able to do is if the weight changes (which is pulled from the database) then the font sizes change.... Or if a new word gets added then it gets added to the wordle (with the other words moving out the way if needed).

Any ideas??

<div>
<div class="content wysiwyg-content">
I am creating a live WordCloud web-based screen.<br />
I have written the script to record the cloud words to my db and out put them to the screen via ajax. The output screen checks for new words every 30 seconds.<br />
<br />
I now want to be arty and place each keyword / div on the screen in an organized random format!! Ideally what I want it for each DIV to animate into place and move to make space for new div which will be added.<br />
<br />
Does anyone have any ideas on how I can do this??<br />
<br />
Many Thanks
</div>
</div>


I am creating a live WordCloud web-based screen.
I have written the script to record the cloud words to my db and out put them to the screen via ajax. The output screen checks for new words every 30 seconds.

I now want to be arty and place each keyword / div on the screen in an organized random format!! Ideally what I want it for each DIV to animate into place and move to make space for new div which will be added.

Does anyone have any ideas on how I can do this??

Many Thanks

Word Cloud Random Div Placement

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.