javascript - Disabling click event of Controls in Table Data -


i have list of controls in table data enclosed in div tag parent tag , want disable click events on power on , power off button . presently if click buttons request sent website iot . want disable click event on these 2 items .

here code looks :

<table class="pure-table pure-table-horizontal" style="width: 90%;">                     <thead>                     <tr>                         <th>#</th>                         <th>device name</th>                         <th>status</th>                         <th>temperature (&#176; c)</th>                         <th align="left">action</th>                     </tr>                     </thead>                      <tbody>                      <% devices.foreach(function(device, i){ %>                     <tr>                         <td><%= (i + 1) %></td>                         <td>                             <%= device.name || device.macaddress %>                         </td>                         <td id="text_<%= device.id %>">                             <% if (device.updateinprogress) { %>                             <i class="fa fa-spinner fa-spin"></i>                             <% } else if (device.powerstate == false) { %>                             <%= "powered off" %>                             <% } else if (device.startstate == true) { %>                             <%= "running" %>                             <% } else { %>                             <%= "not running" %>                             <% } %>                         </td>                         <td>                             <% if (device.updateinprogress){ %>                             n/a                             <% } else if (device.powerstate) { %>                             <div class="pure-g">                                 <div class="pure-u-1-4">                                     <%= device.temperature %>                                 </div>                                  <!--i tried commenting remove temperature edit icon single device-->                                  <!--<div class="pure-u-1-4">-->                                     <!--<i class="fa fa-pencil-square-o" id="set_temp" data-value="<%= device.id %>"></i>-->                                 <!--</div>-->                               </div>                             <% } else { %>                             n/a                             <% } %>                         </td>                         <td align="left">                             <a href='/user/startoff/<%= device.id %>?boxid=<%= id %>'                                class="pure-button button-green <%= device.updateinprogress == true ? 'hidden' : device.powerstate == false ? 'hidden' : device.startstate == false ? 'hidden' : '' %>"                                type="button">start off</a>                              <a href='/user/starton/<%= device.id %>?boxid=<%= id %>'                                class="pure-button button-green <%= device.updateinprogress == true ? 'hidden' : device.powerstate == false ? 'hidden' : device.startstate == true ? 'hidden' : '' %>"                                type="button">start on</a>                              <a href='/user/poweroff/<%= device.id %>?boxid=<%= id %>'                                class="pure-button button-warning <%= device.updateinprogress == true ? 'hidden' : device.powerstate == true ? '' : 'hidden' %>"                                type="button">power off</a>                              <a href="/user/poweron/<%= device.id %>?boxid=<%= id %>"                                class="pure-button <%= device.updateinprogress == true ? 'hidden' : device.powerstate == true ? 'hidden' : '' %>"                                type="button">power on</a>                              <a href="/user/deletedevice/<%= device.id %>?boxid=<%= id %>"                                class="pure-button button-error pull-right <%= device.updateinprogress == true ? 'hidden' : '' %>"                                type="button ">                                 <i class="fa fa-times"></i>                             </a>                          </td>                     </tr>                     <% }) %>                      </tbody>                  </table>

this running on node.js website .

also ideally how screen looks current code :

enter image description here

i want display same except click events on "power on" , "power off " should nothing .

what thought remove " " know making link or url active . not able fit code without .

please .

you can add class disabled on link. using either css or javascript disable links class:

<a href="/user/poweron/<%= device.id %>?boxid=<%= id %>"  class="disabled pure-button <%= device.updateinprogress == true ? 'hidden' :device.powerstate == true ? 'hidden' : '' %>" type="button">power on</a>  <script>     $('body').on('click','a.disabled', function(e){        e.preventdefault();     }) </script>  <!-- or -->  <style>   a.disabled{     cursor: not-allowed;     pointer-events: none;    } </style>

bear in mind browser compatibility css solution.


-

Comments

Post a Comment

Popular posts from this blog

OpenCV OpenCL: Convert Mat to Bitmap in JNI Layer for Android -

there several posts converting mat bitmap using utils.mattobitmap() function. i'm assuming function can called in java layer after importing utils class. i want transfer data memory address pointed uint32_t* bmpcontent; in code below. jniexport void jnicall java_com_nod_nodcv_nodcvactivity_runfilter( jnienv *env, jclass clazz, jobject outbmp, jbytearray indata, jint width, jint height, jint choice, jint filter) { int outsz = width*height; int insz = outsz + outsz/2; androidbitmapinfo bmpinfo; if (androidbitmap_getinfo(env, outbmp, &bmpinfo) < 0) { throwjavaexception(env,"gaussianblur","error retrieving bitmap meta data"); return; } if (bmpinfo.format != android_bitmap_format_rgba_8888) { throwjavaexception(env,"gaussianblur","expecting rgba_8888 format"); return; } uint32_t* bmpcontent; if (androidbitmap_lockpixels(env, outbmp,(void**)&bmpcontent)...
Read more

android - org.xmlpull.v1.XmlPullParserException: expected: START_TAG {http://schemas.xmlsoap.org/soap/envelope/}Envelope -

i trying hit soap api in application login purpose , getting above mentioned error , can 1 tell me going wrong , first time soap apis. here code hit soap :- vector<object> args = new vector<object>(); hashtable<string, object> hashtable = new hashtable<string, object>(); hashtable.put("email", "mss.siddhart28@gmail.com"); hashtable.put("password", "siddharth"); args.add(hashtable); soapserializationenvelope envelope = new soapserializationenvelope( soapenvelope.ver11); envelope.dotnet = true; envelope.xsd = soapserializationenvelope.xsd; envelope.enc = soapserializationenvelope.enc; (new marshalhashtable()).register(envelope); httptransportse androidhttptransport = new httptransportse( "http://tempuri.org/", 15000); androidhttptransport.debug = true; string result = ""; try { soapobject request = new soapobject("http:...
Read more

python - How to remove the Xframe Options header in django? -

i have made page has iframe . inside iframe want show multiple different links article facebook, or news, or youtube video or other possible url. but, due xframe header, unable so. referred following link: https://docs.djangoproject.com/en/1.8/ref/clickjacking/ , django xframeoptionsmiddleware (x-frame-options) - allow iframe client ip but didn't help. my settings.py file's middleware_classes is: middleware_classes = ( 'django.contrib.sessions.middleware.sessionmiddleware', 'django.middleware.common.commonmiddleware', 'django.middleware.csrf.csrfviewmiddleware', 'django.contrib.auth.middleware.authenticationmiddleware', 'django.contrib.auth.middleware.sessionauthenticationmiddleware', 'django.contrib.messages.middleware.messagemiddleware', 'django.middleware.clickjacking.xframeoptionsmiddleware', ) from http://django-secure.readthedocs.org/en/latest/middleware.html , found using ...
Read more