javascript - I need to mask the incoming number and show only last 4 digits? -

-

i want write mrender function j query datable give , hide , show link incoming data.

i have 2 columns in 1 description , other card number. now, when card number ajax call, need have show , hide link in second column card number displayed.

when data gets populated, should show show link -

on click of link should show hide link -

i new j query , java script thing.

would appreciate help. thanks

function displaycardlist() {     otable = $('#cardtable').datatable({         "aadata": cardlist,         "aocolumndefs": [             {                 "atargets": [0],                 "sclass": "card name",                 "mdata": "description"               },             {                 "atargets": [1],                 "sclass": "cardnumber",                  //i need write function here..             }         ]     });     $('#cardtable').show(); }

this display 'show' link in table cell:

'mrender': function (data, type, full) {           return '<span class=\'hidden\'>' + full[0].substring(full[0].length - 4) + '</span>' +            '<a href=\'javascript:;\' class=\'hidden\' id=\'hide\'>hide</a>' +            '<a href=\'javascript:;\' id=\'show\'>show</a>'; }

javascript click event handle show/hide

$(document).on("click", "a.show", function (e) {     // clicked object     var lnk = $(this);     // toggle visibility (ie hide 'show' link)     lnk.toggle();     // toggle visibility of previous element(ie show 'hide' link)     lnk.prev().toggle();     // toggle visibility of previous element(show span tag containing card no)     lnk.prev().prev().toggle();  });

this 'rough & ready' example, should started , you're new jquery, isn't difficult understand. if meets requirements can refine it.
mention there legal implications surrounding storage of card numbers (ie shouldn't unless have met requirements), i'm guessing exercise.


Comments

Post a Comment

Popular posts from this blog

matlab - "Contour not rendered for non-finite ZData" -

-
i'm trying plot frequency characteristic equation using ezplot, matlab gives following warning, "contour not rendered non-finite zdata". have used command plot frequency equations warning , plot display empty , not change axis range well. can please help. appreciated. here's code i'm using. % transfer matrix case-i, thin rotor clear all; clc; ei = 1626; l = 0.15; m = 0.44108; = 2.178*10^-4; i_p = 2.205*10^-5; itr = 0.24; i_pr = 0.479; syms p n; f = [1 l*1i l^2/(2*ei)*1i l^3/(6*ei); 0 1 l/ei -l^2/(2*ei)*1i; 0 0 1 -l*1i; 0 0 0 l]; p = [ 1 0 0 0; 0 1 0 0; 0 -it*p^2+i_p*n*p 1 0; -m*p^2 0 0 1]; p_r = [1 0 0 0; 0 1 0 0; 0 -itr*p^2+i_pr*n*p 1 0; -m*p^2 0 0 1]; = f*p*f*p*f*p*f; b = p_r*f*p*f*p*f; r = a(1,2)/a(1,4); a12_p = 0; a22_p = a(2,2)-r*a(2,4); a32_p = a(3,2)-r*a(3,4); a42_p = a(4,2)-r*a(4,4); ap(2,2) = a22_p; ap(3,2) = a32_p; ap(4,2) = a42_p; ap(4,4) = 1; c = b*ap; m = [c(3,2) c(3,4); c(4,2) c(4,...
Read more

delphi - Indy UDP Read Contents of Adata -

-
i using indy udp server read string of data. however, not know how work adata parameter. can around converting binary using bytetobin function below , convert hex using bintohex1 . feel stupid , works slow. know how can directly results without 2 conversions? thanks!! here codes: procedure tform1.idudpserver1udpread(athread: tidudplistenerthread; const adata: tidbytes; abinding: tidsockethandle); var buf: tidbytes; buffer: string; data_received: string; begin if bytestostring(adata) <> 'hello' begin buffer := hextostring('00'); setlength(buf, length(buffer)); copytidstring(buffer, buf, 0); abinding.sendto(abinding.peerip, abinding.peerport, buf); data_received := bintohex1(bytetobin(adata[1]) + bytetobin(adata[2]) + bytetobin(adata[3]) + bytetobin(adata[4]) + bytetobin(adata[5]) + bytetobin(adata[6]) + bytetobin(adata[7]) + bytetobin(adata[8]) + bytetobin(adata[9]) + bytetobin(adata[10]) + bytetobin(adata[11...
Read more

qt - How to embed QML toolbar and menubar into QMainWindow -

-
i using qwt library plot data. seems not possible embed qwidget qml quick 2 . so, decided create qmainwindow main window , create toolbar , menubar using quick controls . how should embed qml toolbar , menubar qmainwindow ? you should create qml applicationwindow qml menubar , toolbar main.qml applicationwindow { visible: false menubar: menubar { menu { title: "edit" menuitem { text: "cut" } } } toolbar: toolbar { row { anchors.fill: parent toolbutton { iconsource: "1.png" } } } } main.cpp qapplication app(argc, argv); qqmlapplicationengine engine; engine.load(qurl(qstringliteral("qrc:///main.qml"))); then pointer applicationwindow qwindow *qmlwindow = qobject_cast<qwindow*>(engine.rootobjects().at(0)); create window container, using qwidget::createwindowco...
Read more