Many a time you use the <a href'#' title='display a message' /> to display a message when you want some hover over text to display additional information, which is fine, but what if you want to display some more fancy text, lets say in HTML you are stuck.

So I went on the search to find something that was easy to implement.

I came across a number of different popups

• overLIB
• ToolTips by jQueryTools
• qtip
• SimpleTip

Here is how I have implement the library

overLib.zip (71.66 kb)

After playing around with Combo boxes for a while within jQuery I thought it would be good to write down, mainly so I can remember how to find and play with properties from within jQuery.  So here we go, here is the HTML that we'll be using:

 <select id="ComboBox" >
   <option value="1">Value 1</option>
   <option value="2">Value 2</option>
   <option value="3">Value 3</option>
   <option value="4">Value 4</option>
   <optgroup label="Group1">
      <option value="5">Value 5</option>
      <option value="6">Value 6</option>
      <option value="7">Value 7</option>
      <option value="8">Value 8</option>
   </optgroup>
</select>

Get the value of the selected item

This is the easiest.  Use the val method.

$("#ComboBox").val()

Get the text of the selected item

If you just try using the text() method on the combobox, this will give you the text values of all of the options in a single string.  Not what you want.  The trick is to use the :selected query modifier on the option.

$("#ComboBox option:selected").text()

Find out when the select value changed

This is also rather easy with JQuery.

$("#ComboBox").change(function() { /* do something here */ });

Programmatically set the selected item.

$("#ComboBox").val(2);

Modify the list.

Modifying a select element is not fundamentally different than modifying any other element in the dom, but there are a few basics here to keep in mind. Mainly: try to avoid using the dom directly.  Create html strings instead.

Clear the list:   $("#ComboBox").html("");

Add to the list: $("<option value=’9’>Value 9</option>").appendTo("#ComboBox");

For more information check out the jQuery API

I needed a simple way of editing the text on the screen, without the need to open up or view a second screen, so I had a look around for some jQuery, and came across this very good jQuery plugin from Mika Tuupola, jEditable

For a live demo of jEditable click here

I am just so impressed with what you can do with jQuery, it's making JavaScript work the way it should have done all those years ago.

I've been looking around for some Data Grid's and as I love jQuery throught I'd share some Grid written in jQuery, well only one at present, froma Russian developer

http://trirand.com/jqgrid/jqgrid.html