Skip to main content

Upgrade Web Application support from IE8 to IE9

I got a task to investigate the IE 9 issue if we upgrade the system to from IE8. It's kinds of frustrated during the period. In the end, I am pretty happy I finished it.

IE 8 user the Quirks mode which  means not standard with the http://www.w3.org/standards/agents/browsers

IE 9 by default still using quirks mode, however, IE10 will use standard mode by default. So, it's good we test IE 9 in standard mode now to avoid the future issue with IE10.

Blog the knowledge for the reference of future project.

IE  8 vs IE 9(standard mode)
#1  createElement  method
IE 8 : will  support  the format like : .createElement("<span id='xx'>abc</span>");
IE 9 : you can only do with steps.  
        createElement("span"); .setAttribute("id","xx");

#2 getElementById method
<div name=”nameOfDiv”>
    …
</div>

In standards mode (IE9) the below code will not work anymore.

document.getElementById(“nameOfDiv”)  --- This will return null in IE9

 Too fix this, need to explicit define the id value.

<div name=”nameOfDiv” id=”nameOfDiv”>
   …

</div>


#3 document.all.framename.src
 <iframe style="display: none; width: 100%;" scrolling="no" name="framename"  id="framename"/>

IE 8:  value will be the related path /../foldername
ie 9:  will be the all url, e.g. http://127.0.0.1:8080/projectname/..../foldername




Comments

Post a Comment

Popular posts from this blog

Quicksort implementation by using Java

 source: http://www.algolist.net/Algorithms/Sorting/Quicksort. The divide-and-conquer strategy is used in quicksort. Below the recursion step is described: 1st: Choose a pivot value. We take the value of the middle element as pivot value, but it can be any value(e.g. some people would like to pick the first element and do the exchange in the end) 2nd: Partition. Rearrange elements in such a way, that all elements which are lesser than the pivot go to the left part of the array and all elements greater than the pivot, go to the right part of the array. Values equal to the pivot can stay in any part of the array. Apply quicksort algorithm recursively to the left and the right parts - the previous pivot element excluded! Partition algorithm in detail: There are two indices i and j and at the very beginning of the partition algorithm i points to the first element in the array and j points to the last one. Then algorithm moves i forward, until an element with value greater or equal
Post a Comment
Read more

Live - solving the jasper report out of memory and high cpu usage problems

I still can not find the solution. So I summary all the things and tell my boss about it. If any one knows the solution, please let me know. Symptom: 1.        The JVM became Out of memory when creating big consumption report 2.        Those JRTemplateElement-instances is still there occupied even if I logged out the system Reason:         1. There is a large number of JRTemplateElement-instances cached in the memory 2.     The clearobjects() method in ReportThread class has not been triggered when logging out Action I tried:      About the Virtualizer: 1.     Replacing the JRSwapFileVirtualizer with JRFileVirtualizer 2.     Not use any FileVirtualizer for cache the report in the hard disk Result: The japserreport still creating the a large number of JRTemplateElement-instances in the memory        About the work around below,      I tried: item 3(in below work around list) – result: it helps to reduce  the size of the JRTemplateElement Object        
1 comment
Read more

Stretch a row if data overflows in jasper reports

It is very common that some columns of the report need to stretch to show all the content in that column. But  if you just specify the property " stretch with overflow' to that column(we called text field in jasper report world) , it will just stretch that column and won't change other columns, so the row could be ridiculous. Haven't find the solution from internet yet. So I just review the properties in iReport one by one and find two useful properties(the bold  highlighted in example below) which resolve the problems.   example: <band height="20" splitType="Stretch" > <textField isStretchWithOverflow="true" pattern="" isBlankWhenNull="true"> <reportElement stretchType="RelativeToTallestObject" mode="Opaque" x="192" y="0" width="183" height="20"/> <box leftPadding="2"> <pen lineWidth="0.25"/>
4 comments
Read more