javascript - Telegram messenger colored box filled with the initials of the contacts -

-

i developing chat website similar telegram(http://zhukov.github.io/webogram/#/im?p=u67212536_13900205441461158827) . can see in contacts section first letter of contact name taken , placed in colored box. attaching screenshot of question. have tried code, failing implement it. here code have written. using bootstrap make happen. know have add code li tag.enter image description here

    sortedarray = eliminateduplicates(removedups);     console.log(sortedarray);     sortedarray.sort();     sortedarray = sortedarray.filter(emptyelement);     for(r=0;r<sortedarray.length;r++){     var contact = $('#contact');     var display = $('#display');     var newcontact= $('<li><a href="#">' + sortedarray[r] + '</a></li>');     contact.append(newcontact);     }

you can see in image below initials of names displayed in colored circle.

i have solution it.         var contact = $('#contact');         var display = $('#display');         initial = sortedarray[r].slice(0,1)+" "+sortedarray[r].slice(1,2);         var newcontact= $('<div><span class="peer_initials im_dialog_photo   user_bgcolor_8">'+initial+'</span><li><a> ' + sortedarray[r] + '</a></li>   </div>');         contact.append(newcontact);         }         div.im_dialog_photo .peer_initials {          line-height: 48px;          font-size: 18px;          }       .im_dialog_photo {   width: 48px;         height: 48px;         line-height: 48px;          border-radius: 50%;        overflow: hidden;         } .peer_initials {   display: block;   color: #fff;   text-align: center;   text-transform: uppercase; } .user_bgcolor_8 {   background: #fba76f;

Comments

Post a Comment

Popular posts from this blog

c# - ItextSharp font color issue in ver 5.5.4+ -

-
Image
i have code creates red "stamp" using red font color: string stampdate = datetime.now.tostring("mm/dd/yyyy"); string fontpath = server.mappath("/assets/fonts"); string origfile = server.mappath("/test.pdf"); const int opacitypercent = 80; const float pdfpaidfontsize = 28; const float pdfcopyx = 170; const float pdfpaidx = 385; const float pdfy = 20; const float pdfdatexoffset = 7; const float pdfdateyoffset = 12; const float pdfdatefontsize = 10; const string paidstamptxt = "paid"; const string copystamptxt = "copy"; const string arialfilename = "arialbd.ttf"; pdfstamper stamper = null; pdfreader reader = null; pdfreader.unethicalreading = true; memorystream streampdf; try { reader = new pdfreader(origfile); streampdf = new memorystream(); stamper = new pdfstamper(reader, streampdf); (int = 1; <= r...
Read more

jquery - Multiple issues with pushstate: history, loading, calling functions -

-
i have script pulling data via ajax/pushstate; works relatively well, there issues i'm running into. first , foremost, here code i'm using: function goto(href) { $.ajax({ url: href, success: function(data) { $('#wrapper').fadeout('fast', function(){ $(this).html(data).fadeto('fast', 1); $(".scroll").nicescroll({cursorcolor:"#f33d39", cursorwidth: "10px", cursorborder: "none", cursorborderradius: "0px", fixed: true}); }); // update page title var title = $('#page-right').find('h1').text(); $('head').find('title').text(title); } }); } if (typeof history.pushstate !== "undefined") { var historycount = 0; $('a[href*="rage.rage-wrestling.com"]').live('click',function(){ var href = $(this).attr('h...
Read more

ios - retrievePeripherals deprecated in IOS7 how to substitude it with retrievePeripheralsWithIdentifiers -

-
i using "[self.manager retrieveperipherals:[nsarray arraywithobject:(id)aperipheral.uuid]];” works fine deprecated in ios7. found have use “ retrieveperipheralswithidentifiers ” instead. can not figure out right syntax new function. can please translate "[self.manager retrieveperipherals:[nsarray arraywithobject:(id)aperipheral.uuid]];” to new function “retrieveperipheralswithidentifiers”. // invoked when central discovers heart rate peripheral while scanning. - (void) centralmanager:(cbcentralmanager *)central diddiscoverperipheral:(cbperipheral *)aperipheral advertisementdata:(nsdictionary *)advertisementdata rssi:(nsnumber *)rssi { nsmutablearray *peripherals = [self mutablearrayvalueforkey:@"heartratemonitors"]; if(![self.heartratemonitors containsobject:aperipheral]) [peripherals addobject:aperipheral]; // retrieve known devices [self.manager retrieveperipherals:[nsarray arraywithobject:(id)aperipheral.uuid]]; } ...
Read more