Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Saurabh Malviya on Dec 09, 2009 03:58
open dhtmlx forum
Basic HTML drop down not working with IE 8 in dhmtlx grid

Hi,
I have used normal html drop down i.e. <select><option value="a">A</option></select>
in one of columns in grid with the help of placing this inside <!CDATA[ ]>.
It was working fine till date in each and every browser we were supporting in
our application (IE6 & 7, Firefox above 2, opera, safari).
But now we have to support IE 8 as well and now its creating the problem.
------> dropdown is not opening properly (Opens and closes in no time, not allowing the user to select anything)


I know we could have used dhtmlx combo for this but now the project is in critical stage
and the complete functionilty can't be changed.
Kindly look into the matter asap.

Below is the example of XML where drop down is not opening in IE 8

<rows><head><column width="5" align="center" type="ch"><![CDATA[ <div style="text-align:center;">Select</div>]]></column><column width="22" align="left" type="ro" sort="na">Variable</column><column width="22" align="left" type="ro" sort="na">Item Description</column><column width="0" align="left" type="ro" sort="na">Type</column><column width="0" align="center" type="ro" sort="na"><![CDATA[ <div style="text-align:center;">Scope</div>]]></column><column width="8" align="center" type= "ro" sort="na">#cspan</column><column width="20" align="left" type="ro" sort="na">Fund/Document Name</column><column width="9" align="left" type="ro" sort="na"><![CDATA[ <div style="text-align:center;">Class</div>]]></column><column width="15" align="left" type="ro" sort="na">Style</column><column width="0" align="left" type= "ro" sort="na">Eff. Date</column><column width="0" align="left" type= "ro" sort="na">Exp. Date</column><column width="0" align="left" type= "ro" sort="na">jsonarray</column><settings><colwidth>%</colwidth></settings></head><row id="1000_S"><cell>0</cell><cell style="height:auto;white-space:normal;">Client Name</cell><userdata name="tip_2"><![CDATA[cssbody=[dvbdy1] cssheader=[dvhdr1] header=[Client Name] body=[Eff Date: <br>Exp Date: ]]]></userdata><cell>Client Name</cell><cell>System</cell><cell><![CDATA[<img id=0 src="/db4.2/images/g.gif"/>]]></cell><cell>Global</cell><cell><![CDATA[<select id="ObjectData1000_S" name="ObjectData1000_S" onchange="dropDownValues(this,'object','1000_S')" class="dropDownBlack_22text"><option value="22">Oppenheimer</option></select>]]></cell><cell><![CDATA[<select class="dropDownBlack_22text" id="clsObjData1000_S" name="clsObjData1000_S" style="display:none"><option  value="00" >-None-</option></select>]]></cell><cell><![CDATA[<select id="styledata1000_S" name="styledata1000_S" onchange="dropDownValues(this,'styleObject','1000_S')" class="dropDownBlack_22text" ><option value="default">default</option><option value="lcase">Lower Case</option><option value="ucase">Upper Case</option></select>]]></cell><cell></cell><cell></cell><cell><![CDATA[[]]]></cell></row>
</rows>

Atleast provide some hint that which part can be the possible source of conflict.

Thanks
Answer posted on Dec 09, 2009 06:50
Second select box has "onchange" event handler. If dropDownValues(this,'styleObject','1000_S') function is not defined on the page IE8 doesn't allow select option at select box.