javascript - Logic part of UI that is not working in all browsers -


the piece of code makes web page not work in browsers , working totally expected in ie11 , firefox(for specific resolution). chrome , edge working same gen_content division popping down need appear on right side of screen. think major problem logic calculated. there alternate way in can same here. or problems things used in causes browser problems.

i tried upload images, have low reputation cannot it.

genwindow.prototype.resizewindowpanels = function resizewindowpanels() {         if (this.isprimary) {             var height = document.documentelement.clientheight;             var width = document.documentelement.clientwidth;             var contentstyle = this.win.queryselector(".gen_content").style;             var heightoffset = 0;             var widthoffset = 0;             var statusheight = 0;              if (this.menu != null && this.menustyle == 'horizontal') {                 heightoffset += parseint(this.menu.element.getstyle("height"), 10);             }              if (this.menu != null && this.menustyle == 'vertical') {                 widthoffset += parseint(this.menu.element.getstyle("width"), 10);             }              if (this.toolbar != null                     && this.toolbar.element.getstyle('display') != "none") {                 heightoffset += parseint(this.toolbar.element.getstyle("height"), 10);             }              var statusbar = this.win.queryselector(".gen_statusbar");             if (statusbar != null && statusbar.getstyle('display') != "none") {                 statusheight = parseint($(statusbar).getstyle("height"), 10);                 heightoffset += statusheight;             }              this.win.setstyle({                 width : width + "px",                 height : height + "px"             });              this.body.setstyle({                 width : width + "px",                 height : (height - statusheight) + "px"             });              contentstyle.height = document.documentelement.clientheight - heightoffset + "px";             contentstyle.width = document.documentelement.clientwidth - widthoffset + "px";              if (this.menu != null && this.menustyle == 'vertical') {                 var menuwidth = parseint(this.menu.element.getstyle("width"), 10);                 if (!isnan(menuwidth)) {                     this.win.queryselector(".gen_menu").style.height = height                             + "px";                     var borderleft = parseint(this.menu.element.getstyle("borderleftwidth",10));                     var borderright = parseint(this.menu.element.getstyle("borderrightwidth",10));                     if(!isnan(borderleft)){                        menuwidth = menuwidth + borderleft;                     }                     if(!isnan(borderright)){                        menuwidth = menuwidth + borderright;                     }                     this.win.queryselector(".gen_content").style.width = document.documentelement.clientwidth - menuwidth + "px";                     if (this.bidirectional != null) {     //                    this.win.queryselector(".gen_content").style.right = menuwidth     //                            + "px";                     } else {     //                    this.win.queryselector(".gen_content").style.left = menuwidth     //                            + "px";                     }                 }             }         }     }; 

here link see problem in ui u can see white screen division need coming , not visible popped down screen. https://i.stack.imgur.com/vt7hb.png


Comments

Popular posts from this blog

resizing Telegram inline keyboard -

command line - How can a Python program background itself? -

php - "cURL error 28: Resolving timed out" on Wordpress on Azure App Service on Linux -