javascript - Android Web Development...Div width (more likely inner text) is changing in pixels based on device zoom -

-

i developed application interfaces institution's emergency alert system. how works is, when there alert, on of institution's web pages displays scrolling marquee @ top of page put there javascript using protoype , scriptaculous.

all of works on desktop browsers (ie6-8, chrome, safari, firefox, opera). works on iphones. problem rendering on android.

in researching problem initially, found css property mobile devices (namely webkit) -webkit-text-size-adjust, keeps mobile devices resizing text when zooming , changing screen orientation. have set property 'none' stated many articles.

below picture of screen shots android emulator. left screen shot shows 1x magnification of page. spacing between each of messages should be. right screen shot shows page zoomed in. messages overlap, text size rendered differently, , div width not wide enough contain text.

http://www.themonkeyonline.com/spacing-example.jpg

here code places div on page:

var marquee = new element( 'div', { 'id' : 'marquee' + marquee_counter } )  .setstyle( { 'display' : 'block'   , 'webkittextsizeadjust' : 'none'   , 'fontsize' : '12px'   , 'lineheight' : '25px'   , 'left' : $( marquee_container ).getdimensions().width + 'px' } )  .addclassname( 'marquee_text' )  .update( marquee_text ); $( marquee_container ).insert( marquee );

is there missing?

i keep researching problem in time being. read of this.

a brief update...after more testing, appears problem isn't based on zoom. looks if problem viewport. tested long text, , zoomed way out, has overlapped. seems though div containing text not size greater window.

here example of code in action:

http://elliottr.www-dev.seminolestate.edu/alert/

could post link demo-page problem occurs? tried reproducing on milestone, couldn't.


Comments

Post a Comment

Popular posts from this blog

c++ - How do I get a multi line tooltip in MFC -

-
right now, have tool tip pops when hover on edit box. problem tool tip contains multiple error messages , in 1 long line. need have each error message on own line. error messages contained in cstring new line seperating them. my existing code below. bool ontooltiptext(uint, nmhdr* pnmhdr, lresult* presult) { assert(pnmhdr->code == ttn_needtexta || pnmhdr->code == ttn_needtextw); // need handle both ansi , unicode versions of message tooltiptexta* pttta = (tooltiptexta*)pnmhdr; tooltiptextw* ptttw = (tooltiptextw*)pnmhdr; // tchar szfulltext[256]; cstring strtiptext=_t(""); uint nid = pnmhdr->idfrom; if (pnmhdr->code == ttn_needtexta && (pttta->uflags & ttf_idishwnd) || pnmhdr->code == ttn_needtextw && (ptttw->uflags & ttf_idishwnd)) { // idfrom hwnd of tool nid = ::getdlgctrlid((hwnd)nid); } //m_errprojaccel[ch] contains 1 or more error messages each...
Read more

asp.net - In javascript how to find the height and width -

-
i having .aspx , masterpage page. in masterpage loading aspx page . in aspx page design using generating table structure using code-behind server in javascript how find height , width . regards, kumar if you're looking table height , width, should it var tbl = document.getelementbyid('tbldemo'); alert(tbl.offsetwidth + '\n' + tbl.offsetheight);
Read more

c# - DataTable to EnumerableRowCollection -

-
i have datatable according client requirement can contain invalid date "00/00/1999",null,empty string.(typed datset) when collect them enumerables wish convert of invalid forms empty string. (i.e) enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || (how check date invalid date) ? string.empty : order.field<datetime>("orderdate") } how check whether date valid date or not? datetime.tryparse...like given current code: datetime date; enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || !datetime.tryparse(convert.tostring(order.field<datetime...
Read more