jquery - Banner not closing and staying closed with link -

-

hey guys have banner developed mootools library. banner appears on smartphones can see via chrome dev tools using toggle device mode. here link banner

my issue banner has "do not show again" link , not working.

this part of code using. using cookie. can let me know why not firing off. i've looked , looked , can't figure out. 

    /* not show window again */ window.addeventlistener('load', function() {      if ($('#appnotice')) {          var appnoticecloseelems = $$('.appnoticeclose'),             appnoticecloseperm = $$('.appnoticecloseperm'),             appnotice = $('#appnotice'),             appnoticeheight = appnotice.height(),             appnoticepaddingtop = math.abs(appnoticeheight.toint() - 5000),             bypassappnotice = cookie.read('bypassappnotice');          appnotice.css('padding-top', appnoticepaddingtop);          function appnoticeopen() {             console.log('appnoticeopen');             appnotice.css('display','block');         }          function appnoticeclose() {             console.log('appnoticeclose');             appnotice.css('display','none');         }          appnoticecloseelems.each(function(el, index) {             $(el).click(function(){                 console.log('appnoticeclose');                 var bypassappnotice = cookie.write('bypassappnotice', 'true');                 appnoticeclose();             });         });          appnoticecloseperm.each(function(el, index) {             el.click(function(){                 console.log('appnoticecloseperm');                 var bypassappnotice = cookie.write('bypassappnotice', 'true', {                     duration: 120                 });                 appnoticeclose();             });         });     }      if (bypassappnotice != 'true') {          /* detect smartphone */         var mobile = (/android/i.test(navigator.useragent.tolowercase()));         if (mobile) {              var useragent = navigator.useragent.tolowercase();             if ((useragent.search("android") > -1) && (useragent.search("mobile") > -1))                  var element = document.getelementbyid("apppage").style.display = "none";             var element = document.getelementbyid("googleplaybadge")                 .innerhtml = "<a href='https://play.google.com/store/apps/details?id=com.fiserv.touchbankingasp&hl=en' target='_blank'><img src='https://developer.android.com/images/brand/en_generic_rgb_wo_60.png'></a>";          }          var mobile = (/iphone/i.test(navigator.useragent.tolowercase()));         if (mobile) {             var useragent = navigator.useragent.tolowercase();             if ((useragent.search("iphone") > -1) && (useragent.search("mobile") > -1))                  var element = document.getelementbyid("apppage").style.display = "none";             var element = document.getelementbyid("appstorebadge")                 .innerhtml = "<a href='https://itunes.apple.com/us/app/touchbanking/id386678211?mt=8' target='_blank'><img src='http://linkmaker.itunes.apple.com/images/badges/en-us/badge_appstore-lrg.png'></a>";          }     } });  /* dismiss window ones */ function hideshow(which) {     if (!document.getelementbyid)         return     if (which.style.display == "block")         which.style.display = "none"     else         which.style.display = "block" } };

if possible, rid of 1 of 2 libraries (jquery / mootools). if not possible, @ least use jquery.noconflict(), in mootools avoid $ sign or use or use the dollar safe mode. besides unnecessarily gib footprint makes hard understand happens here. e.g. el.click - in vanilla js triggers click on element, if el simple dom element - same mootools, because mootools elements still elements (which appreciate btw) - in jquery might $(el) somthing el.addeventlistener('click', ..), latter in mootools el.addevent()

so $$('.appnoticeclose') returns - mootools elements or jquery objects, makes big difference. there might race condition in library loaded last.


Comments

Post a Comment

Popular posts from this blog

html - Firefox flex bug applied to buttons? -

-
i'm trying apply flex button on firefox i'm having problem on chrome doesn't happens. this css: .button { display: inline-flex; align-items: center; } as can see in fiddle, "caret" word moved new line, happens if element <button> tag, <div> works expected. http://codepen.io/anon/pen/xblmgx is firefox bug or there css i'm missing? nevermind, looks "mr firefox" doesn't idea... <button> not implementable (by browsers) in pure css, bit of black box, perspective of css. means don't react in same way e.g. <div> would. this isn't specific flexbox -- e.g. don't render scrollbars if put "overflow:scroll" on button, , don't render table if put "display:table" on it. stepping further, isn't specific <button> . consider <fieldset> , <table> have special rendering behavior: data:text/html,<fieldset style="d...
Read more

html - Missing border-right in select on Firefox -

-
Image
when put select div width , padding-left, options have no border on right. more, happend if select have width 118px , parent have 15px of padding left! have idea, going on? my code: <!doctype html> <html> <head lang="en"> </head> <body> <div style="width: 1000px; padding-left: 15px;"> <select style="width: 118px;"> <option>a</option> <option>b</option> <option>c</option> </select> </div> </body> </html> and result: here plunker: click it happend on firefox on windows. tested on 40.0.2 version -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; source: https://stackoverflow.com/a/11390432/4431269 source of problem: https://bugzilla.mozilla.org/show_bug.cgi?id=924068 and use of google ! edit: (source of problem, explained) after rea...
Read more

python - build a suggestions list using fuzzywuzzy -

-
i building suggestion engine database. i'm using fuzzywuzzy module match user input string existing database shown below. if request.method == "get": display_dict = {} user_input = request.get["user_input"] # user input match_dict = {} food_items_obj = food_items.objects.all() # fetch objects table items in food_items_obj : match = fuzz.ratio(user_input.lower(),items.name.lower()) # try match user input existing names match_dict[match] = items.name # put 1 dictionary matched_dict = ordereddict(sorted(match_dict.items(),reverse = true)) # sort dictionary if max(matched_dict.keys()) == 100: # if exact match put in dict , return display_dict[100] = matched_dict[100] else : # if not found try best matching words.. ###########this part need help! ############# k,v in matched_dict.items(): if user_input in v : display_dict[k]...
Read more