2nd button cannot execute jquery CSS -


i have 2 live events need change background color whether user click button on .padd or .paddc. first button working, background can change not second button. wrong code jquery?

<a id="hms" href="1" onclick="adduser('1'); return false;"><img id="t1" class="padd" src="tta/addr.png"></a>     <a id="hms2" href="2" onclick="validateuser('2'); return false;"><img id="te2" class="paddc" src="tta/addr.png"></a>   $(document).ready(function(){     var ffd = "0";     $(".padd").live('click',function(event){         //update profile - remove pending         $.ajax({             type: "post",             cache: "false",             url: "pendingupd.php?pid="+event.target.id,             success: function(aaa) {             var ttf= "#t" + event.target.id;                 if(aaa=="approved"){                     $(ttf).css("background","url('tta/pass.png') 50% 50px no-repeat");                     $(ttf).css("background-color","#ffffda");                 } else {                     $(ttf).css("background","none");                     $(ttf).css("background-color","none");                 }                 if(aaa=="error"){                     $(ttf).css("background-color","#f0b7b7");                 }             }         });     });     $(".paddc").live('click',function(event2){         //update profile - remove pending         $.ajax({             type: "post",             cache: "false",             url: "pendingupd.php?pid="+event2.target.id,             success: function(aaa2) {             var ttf2= "#te" + event2.target.id;                 if(aaa2=="approved"){                     $(ttf2).css("background","url('tta/pass.png') 50% 50px no-repeat");                     $(ttf2).css("background-color","#ffffda");                 } else {                     $(ttf2).css("background","none");                     $(ttf2).css("background-color","none");                 }                 if(aaa2=="error"){                     $(ttf2).css("background-color","#f0b7b7");                 }             }         });     }); });

the difference between 2 functions first function has var ttf= "#t" + event.target.id; while second has var ttf2= "#te" + event2.target.id; leads me believe issue in dom. sure has right id? supposed different?

either way, shorter version of code might this:

$(document).ready(function(){     var ffd = "0";     // jquery lets select more 1 element.     // combining them makes intend more obvious.     // , means create fewer functions.     $(".padd, .paddc").live('click',function(event){         var ttf= $(this).hasclass( ".paddc" )? "#t": "#te" ;            //update profile - remove pending         $.ajax({             type: "post",             cache: "false",             url: "pendingupd.php?pid="+event.target.id,             success: function(aaa) {                       // replace ttf = "#t" if te typo.                 updatependingstate( aaa, ttf + event.target.id );             }         });     }); }); // there no point in having created  // every time ajax call made (the old way). function updatependingstate( aaa, selector ) {     // initialize values defaults.     var bgcolor = "none", bgimg = "none";     if(aaa=="approved"){         // update if change merited.         bgcolor = "url('tta/pass.png') 50% 50px no-repeat";         bgimg = "background-color","#ffffda";     } else if(aaa=="error"){         bgcolor = "#f0b7b7";     }     // grab value once , use multiple times. why wast function calls?     var ttf = $(selector);     ttf.css("background",bgimg);     ttf.css("background-color",bgcolor); }

Comments

Post a Comment

Popular posts from this blog

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

java - Output of Eclipse is rubbish -

i want write program in eclipse language different english. when display output using system.out program, displays output correctly in console editor. when accept input console , output it, output rubbish. how can solve it. many thnaks i'm not sure if problem, have character encoding problem. make sure you're using unicode, utf-8. you can read more @ official docs converting non-unicode text .
Read more

jquery - Confused with JSON data and normal data in Django ajax request -

i read json internet still have not got grasp of it. reading article http://webcloud.se/log/ajax-in-django-with-jquery/ i not understood first part function using json def xhr_test(request, format): if request.is_ajax(): if format == 'xml': mimetype = 'application/xml' if format == 'json': mimetype = 'application/javascript' data = serializers.serialize(format, examplemodel.objects.all()) return httpresponse(data,mimetype) # if want prevent non xhr calls else: return httpresponse(status=400) my main problems are from function getting format variable does format json mean data given function json or data recived json can give me simple example ouput of function data = serializers.serialize(format, examplemodel.objects.all()) how use data when response in jquery function if don't use json in above function how input , response chnage thanks ...
Read more