jQuery Forum

Hi,
I'm using ui tabs with jquery comboselect, the tabs seem to wait for
the combos select to finish doing its thing before loading.
I want the tabs to load first, then run the initialisation for the
comboselect.
However i can't seem to find the initial callback function for ui tabs
i've tried:
$("#container > ul").tabs().bind("load",
function(event, ui) {
console.log('test-inside');
});
$("#container > ul").tabs().bind("load.ui-tabs",
function(event, ui) {
console.log('test-inside');
});
$("#courseContainer > ul").tabs({
load: function(ui) {
console.log('test-load'); //this doesn't
},
select: function(ui){
console.log('test-select'); //this works
}
});
I think the load event is the callback for when you load tabs
dynamically and it does not fir on initialisation
so any ideas how i put the callback on the initial load?
cheers,
Ben

I'm using the autocomplete from Jörn's blog (http://bassistance.de/
jquery-plugins/jquery-plugin-autocomplete/)
(thanks Jörn'!)
I would like to return my data from the php script in json format,
eg:
[{"displayname":"Joe
Smith","username":"Jsmith","email_address":"Jsmith@example.com"},
{"displayname":"Jane
Smith","username":"JaneS","email_address":"JaneS@example.com"}]
Can this plugin play nicely with json returned data? I know it works
if it is static json data..
But at the moment it only views it as 1 string.

Hi i'm having trouble selecting items that are next to each oterh and
would love some help
The first issue is a dynamic table with a "remove row" link in the
last column
For each row in the table i want to add an onclick event to the
"remove row" link, that refers to some information contained in the
columns of that particular row (for e.g. the unique database column
name to remove)
<thead>
    <tr>
        <th>No</th>
        <th>User</th>
        <th>Role</th>
        <th>Actions</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td> RandomNo3 </td>
        <td> ImAUniqueDBEntry (thisUser) </td>
        <td> ImaDbValue (thisRole) </td>
        <td><a href="#" class="remove">remove</a></td>
    </tr>
</tbody>
this is what i used:
    $.each( $('tr:gt(0)'),function(i,val){
        //role=this row, all children, cell 3
        var thisRole = $(this).children().eq(2).html()
        //role=this row, all children, cell 2
        var thisUser =$(this).children().eq(1).html()
        $(this).append("<td><a href=\"#\" class=\"remove\">remove</a></
td>");
        //selects the link element with class remove in the last cell of
selected row
        $
(this).children().eq(3).children().filter('.remove').click(function(){
            //add click event to the remove link
            editDbRow('MyRemoveRowFunction', ''+thisRole+'' ,''+thisUser+'');
            return false;
        });
    });
}
That works but is there an easier way? i'm trying to understand jquery
syntax..
On a similar note, i have the same problem again.
I have a html select input in a table row.
One of the select options dynamically adds a text box directly after
the html select.
If i change this option though, i want to remove the text box. How do
i select this text box?
e.g.
<select class="select_other" name="test">
<option selected="selected" value="" label="Please Select
Action....">Please Select Action....</option>
<option value="0" label="Other (specify)">Other (specify)</option>
<option value="1" label="Hazard removed or controlled">Hazard removed
or controlled</option>
</select>
$(.select_other).change(function(){
                var newName=$(this).attr('name')
                newName = newName.replace('[action]','[customAction]');
                if ($(this).val() == 0){
                    var newInput='<br/><input class="newText" type="text"
name="'+newName+'">';
                    $(this).after(newInput);
                }
                else{
//remove The text box?
                 //    console.log($(this).parent.siblings().html());
//What selector would i use
here? thanks!
                }
            });
Thanks for your help in advance!