javascript - How to call correctly this function in Ajax? -

-

i have code:

function changeeventstatusclass(object){     if ($(object).hasclass("fa-circle")) {         $(object).removeclass("fa-circle").addclass("fa-circle-o");         //alert("adevarat");     } else {         $(object).removeclass("fa-circle-o").addclass("fa-circle");     } }  function changeeventstatus(eventid, status) {     console.log(eventid, status);     $.ajax({         type:'post',         data: {             eventid: eventid,             status: status,         },         url: "<?php echo $this->serverurl().str_replace('public','',$this->basepath()).'/user/ajaxupdateappointmentstatus'; ?>",         success: function (result) {             if (result.success) {                 console.log(eventid);                 changeeventstatusclass(eventid); //here problem             }         }     }); }  $(".crad").on('click', function(){     var eventid = $(this).attr('data-id');     var completed = ($( ).hasclass("fa-circle-o")) ? true : false;     console.log(completed);     if (completed) {         changeeventstatus(eventid, 7);     } else {         changeeventstatus(eventid, 0);     } }) 
<i class="fa fa-circle-o circle crad" data-id="241"></i> <i class="fa fa-circle-o circle crad" data-id="242"></i> <i class="fa fa-circle-o circle crad" data-id="243"></i> <i class="fa fa-circle-o circle crad" data-id="244"></i>

i have problem when try call function changeeventstatusclass because not parameter id (it's data-id);

how order correctly make function? site changing class buttons , want current one

can me solve problem?

thanks in advance!

you can use attribute equals selector [name=”value”], additionally can use .toggleclass() add or remove classes.

function changeeventstatusclass(object){     $("[data-id='"+object+"']").toggleclass("fa-circle-o fa-circle"); }

however better approach pass object like

function changeeventstatusclass(element){     element.toggleclass("fa-circle fa-circle-o"); }  function changeeventstatus(element, status) {     $.ajax({         type:'post',         data: {             eventid: element.attr('data-id'),             status: status,         },         url: "<?php echo $this->serverurl().str_replace('public','',$this->basepath()).'/user/ajaxupdateappointmentstatus'; ?>",         success: function (result) {             if (result.success) {                 console.log(eventid);                 changeeventstatusclass(element); //here problem             }         }     }); }  $(".crad").on('click', function(){     var element = $(this);     var eventid = element.attr('data-id');     var completed = element.hasclass("fa-circle-o");     if (completed) {         changeeventstatus(element, 7);     } else {         changeeventstatus(element, 0);     } })

Comments

Post a Comment

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

-
i beginner in autocad plugins .i have created array of circle using following code. now, have hatch circles in array .how that??how hatch circles @ once? moreover, how can return hatch method , use hatch objects.sorry language.thanks in advance. [assembly: commandclass(typeof(beamsection.class1))] namespace beamsection { public class class1 { //class1 obj = new class1(); [commandmethod("beamatsupport")] public void addlightweightpolyline() { // current document , database document acdoc = application.documentmanager.mdiactivedocument; database accurdb = acdoc.database; promptpointresult ppr = acdoc.editor.getpoint("\nselect starting point "); var ucs = acdoc.editor.currentusercoordinatesystem; point3d startingpt = ppr.value.transformby(ucs); list<double> radius = new list<double>(); radius.add(0.5); ...
Read more

ios - UITEXTFIELD InputView Uipicker not working in swift -

-
hello trying pop uipickerview view programmatically when user clicks on textfield. have tried doesn't doing anything. isn't working. nothing happening when click textfield class userprofiletableviewcontroller: uitableviewcontroller,uitextfielddelegate,uipickerviewdelegate,uipickerviewdatasource { var itempicker: uipickerview! = uipickerview() @iboutlet weak var gendertxtfield: uitextfield! var gender = ["male","female"] override func viewdidload() { super.viewdidload() gendertxtfield.delegate = self itempicker!.delegate = self itempicker!.datasource = self itempicker!.backgroundcolor = uicolor.blackcolor() self.gendertxtfield.inputview = itempicker } func numberofcomponentsinpickerview(pickerview: uipickerview) -> int{ return 1 } // returns # of rows in each component.. func pickerview(pickerview: uipickerview, numberofrowsincomponent component:...
Read more