I believe your code would look something like this. You didn't show where
your event handlers are set up, so I'm assuming that you want the check()
function to be run whenever any of the three checkboxes is clicked, or
whenever the Enter key is pressed when any of the three has the focus. (I
added the spacebar since that toggles a checkbox.) If you currently have
inline event handlers that call your handleKeyPress and onclick functions,
you won't need them.
$('#question,#ans1,#ans2')
.click( function() {
check();
}).keypress( function( event ) {
var key = event.which;
if( key == 13 || key == 32 )
check();
});
function check() {
var chk = $('#hash').val();
if( chk == $('#ans1').val() || chk == $('#ans2').val() )
return;
setQAA( '', '', '' );
$.ajax({
url: 'fn.php?id=1',
dataType: 'text',
success: function( text ) {
var values = text.split('<#>');
setQAA( values[0], values[1], values[2] );
},
error: function( xhr, status, error ) {
alert( 'Error: status code is ' + status );
}
});
}
function setQAA( q, a1, a2 ) {
$('#question').html( q );
$('#ans1').val( a1 );
$('#ans2').val( a2 );
}
A little cleaner this way, isn't it? :-)
-Mike
_____
From: [email protected] [mailto:[EMAIL PROTECTED] On
Behalf Of psarun kumar
Sent: Friday, September 05, 2008 4:51 AM
To: [email protected]
Subject: [jquery-dev] how to convert this code to jquery
hi,
any one tell how convert below code in jquery
var XMLHttpArray = [
function() {return new XMLHttpRequest();},
function() {return new ActiveXObject("Msxml2.XMLHTTP");},
function() {return new ActiveXObject("Msxml2.XMLHTTP");},
function() {return new ActiveXObject("Microsoft.XMLHTTP");}
];
function createXMLHTTPObject(){
var xmlhttp = false;
for(var i=0; i<XMLHttpArray.length; i++){
try{
xmlhttp = XMLHttpArray[i]();
}catch(e){
continue;
}
break;
}
return xmlhttp;
}
function AjaxRequest(url,method){
var req = createXMLHTTPObject();
req.onreadystatechange= function(){
if (req.readyState == 4){
if (req.status == 200){
var resarray = req.responseText.split("<#>");
document.getElementById('question').innerHTML= resarray[0];
document.getElementById('ans1').value = resarray[1];
document.getElementById('ans2').value = resarray[2];
}
else {
alert("Error: status code is " + req.status);
}
}
};
req.open(method,url,true);
//req.setRequestHeader('User-Agent', 'My XMLHTTP Agent');
req.setRequestHeader("Content-Type", "text/html");
req.send(null);
}
function AjaxResponse(req){
var respXML=req.responseXML;
if(!respXML) {return;}
var respVAL=respXML.getElementsByTagName('family')[0]
.getAttribute('result');
document.getElementById("status").innerHTML += respVAL;
}
function ClearResponse(){
mdiv=document.getElementById("status");
mdiv.innerHTML = "";
}
function MakeRequest(){
AjaxRequest("fn.php?id=1","get");
}
function handleKeyPress(e){
var key=e.keyCode || e.which;
if (key==13){
check();
//form.submit();
//return false;
}
}
function onclick(event) {
check();
}
function check()
{
var chk = document.getElementById('hash').value ;
var chk1 = document.getElementById('ans1').value;
var chk2 =document.getElementById('ans2').value;
if((chk == chk1) || (chk == chk2))
{
return;
}
else
{
document.getElementById('question').innerHTML= '';
document.getElementById('ans1').value = '';
document.getElementById('ans2').value = '';
MakeRequest();
}
}
bye
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery Development" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-dev?hl=en
-~----------~----~----~----~------~----~------~--~---
