Javascript onkeyup function not working

Question

Don't know whats exactly going on, but it's definitely killing my time for nothing. Here's my javascript function :

<script type="text/javascript"  >

function loadSponsorName() {
    var sp_id = document.getElementById('sponsor_id').value;
    var murl = 'load_sponsor.php?sp_id='+sp_id+'';

    var a=new Ajax(murl,{
        method:"post",
        onComplete: function(response){
        $('sponsorName').setHTML(response); 
        }
    }).request();
}
</script>

and inside a form this are my inputs

<tr>
    <td width="33%" height="20">
        <label id="namemsg" for="name">Sponsor ID:</label>
    </td>                          
    <td width="67%">
        <input type="text" name="sponsor_id" id="sponsor_id" size="40" value="" class="inputbox required" maxlength="50" onkeyup="loadSponsorName();" /> *
    </td>
</tr>
<tr>
    <td height="20">
        <label id="namemsg" for="name">Sponsor Name:</label>
    </td>                          
    <td><div id="sponsorName">
        <input type="text" name="sponsor_name" id="sponsor_name" size="40" value="" class="inputbox required" maxlength="50" /> *
    </div></td>
</tr>

It seems the onkeyup event is not even calling the function.

Can somebody help me?

if you write onkeyup="alert(1)" - it works?

Itay Kinnrot
– Itay Kinnrot

2011-11-24 15:00:51 +00:00
Commented Nov 24, 2011 at 15:00 — Itay Kinnrot
– Itay Kinnrot, Commented Nov 24, 2011 at 15:00
it works for me - jsfiddle.net/x5t3b

Gatekeeper
– Gatekeeper

2011-11-24 15:18:04 +00:00
Commented Nov 24, 2011 at 15:18 — Gatekeeper
– Gatekeeper, Commented Nov 24, 2011 at 15:18

Yusuf K. · Accepted Answer · 2011-11-24 15:12:26Z

1

onkeyup is working try this javascript code to see how works;

function loadSponsorName() {
       alert(document.getElementById('sponsor_id').value);
}

I think there is a problem with;

 var a=new Ajax(murl,{
            method:"post",
            onComplete: function(response){
            $('sponsorName').setHTML(response); 
            }
        }).request();

Where is Ajax class? Did you import it from an other lib?

edited Nov 24, 2011 at 15:12

answered Nov 24, 2011 at 15:05

Yusuf K.

4,2601 gold badge36 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

tintinboss Over a year ago

Thanks. That's right. But can you tell what library I can use for the code to work? I've a project that have this code and works fine. But when I imported to my project, it doesn't... I cant find any, but I think I'm missing the library you are referring...

Yusuf K. Over a year ago

Maybe these three lib meet your needs; api.jquery.com/jQuery.ajax and prototypejs.org/api/ajax/request and tutorialspoint.com/prototype/prototype_ajax_request.htm or you must find Ajax class from your previous project

tintinboss Over a year ago

Hey :) Thats the perfect answer! I was missing the library and thats mootools.js. THANKS A LOTT!

Strelok · Accepted Answer · 2011-11-24 15:21:20Z

0

Ajax call in the handler + "handler not working aaaaaarghhhhh hellpppp" = usually means a not working Ajax call.

I am not sure what library you are using for your Ajax call, but try to add something like an onError callback function there where you are adding onComplete. I bet that will be called because there is a problem with the Ajax call.

answered Nov 24, 2011 at 15:21

Strelok

51.7k9 gold badges106 silver badges118 bronze badges

2 Comments

tintinboss Over a year ago

I'm using <script type="text/javascript" src="ajax.googleapis.com/ajax/libs/jquery/1.4.2/…>

tintinboss Over a year ago

"I am not sure what library you are using for your Ajax call" - Is there any library required for this type of call? please let me know.

Collectives™ on Stack Overflow

Javascript onkeyup function not working

2 Answers 2

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related