weird error msg (to me)
weird error msg (to me)
I am getting this error msg that references jQuery:
TypeError: 'checkValidity' called on an object that does not implement interface HTMLTextAreaElement.
I am using 10.2.
The code that is executing (or not executing really) at this point is a selectable, that is several LI in side a UL inside a div. I select something from the list which sets the value of a variable, I then click a button which is supposed to send the string as an object to a jsp. Thanks for any help.
- //get correct query translation
$('#selectable').selectable({
stop: function(){
var sql ='';
sql = $('.ui-selected').text()
console.log(sql);
}
});
$('#execute-canned').click(function(){
$('#execute-canned').hide();
$.post(
'plan.jsp',
{q:sql}
).done(function waitForPlan(){
var wait = setInterval(function(){
},3000);
$.ajax({
url:'plan.xml',
cache: false,
error: function(xhr, status, error){
clearInterval(wait);
waitForPlan();
//alert("Error: " + xhr.status + " - " + error)
},
dataType: 'xml',
success: function(data, status, jqXHR){
var html ='';
var text = '';
text = jqXHR.responseText;
html = '<h3>Raw Plan XML</h3>';
html += '<xmp>';
html += text
html+= '</xmp>';
$('#graphicsDisplay').html(html)
}
}).done(function waitForResult(){
var waitAgain = setInterval(function(){
},3000);
//load results with timer
$.ajax({
type:'get',
url:'result.xml',
beforeSend: function(){$('#query-results').html('<img src="images/ajax-loader.gif"><br>Loading...'); },
timeout: 10000,
error: function(xhr, status, error){
//alert("Error: " + xhr.status + " - " + error)
clearInterval(waitAgain);
waitForResult();
},
dataType: "xml",
cache:false,
success: function(data){
clearInterval(timer);
var html = '<h3>Query Results</h3>';
html += '<table><tbody><tr>';
var keys = $(data).find('row:first>*').map(function(){return this.nodeName}).get();
console.log(keys);
console.log(keys.length);
for (i=0; i<keys.length; i++){
html += '<th class="' + keys[i] +'">' + keys[i] + '</th>'
}
html += '</tr>';
$(data).find('row').each(function(){
var row = $(this);
html+= '<tr>';
$(data).find(row).children().each(function(){
html+= '<td>' + $(this).text() + '</td>';
}); //end each column
html+= '</tr>'
}); //end each row
$('#query-results').html(html); // Add to DOM
$('#execute-canned').show();
$('#translate').show();
}//end success
});//end ajax to show results
}); //end done, get result
}); //end done post
})
}); //end ready