Forum


08:51

25/02/2009

jqgrid 3.4.3
FF 3.0.9
IE 7.0.5730.11
I have implemented back button functionality using rsh. Everything works great in FF. In IE, everything works except when I click on the search button, the search form does not show. I have reproduced the problem in the simplified version of my code below. The issue is resolved if I remove the window.dhtmlHistory.create().
I have tried various solutions from the web but nothing changes the behavor. Can anyone suggest a solution?
Thanks,
Jerry
<script src="jquery-1.3.2.js" type="text/javascript"></script>
<script src="jquery.jqGrid.js" type="text/javascript"></script>
<script src="js/jqModal.js" type="text/javascript"></script>
<script src="js/jqDnR.js" type="text/javascript"></script>
<script type="text/javascript" src="js/min/rsh.compressed.js"></script>
<script type="text/javascript">
window.dhtmlHistory.create({
toJSON: function(o) {
return JSON.stringify(o);
}
, fromJSON: function(s) {
return JSON.parse(s);
}
});
function onHistoryChange(newLocation, retHistoryData) {
//code to restore history state for newLocation
};
$(document).ready(function(){
dhtmlHistory.initialize();
dhtmlHistory.addListener(onHistoryChange);
$("#list").jqGrid({
url:'cem_db_if.php?q=1&table_name=DT_Cemetery',
colNames:['Cemetery','USGS GNIS ID', 'County','USGS map','Location'],
colModel :[
{name:'cem_name', index:'cem_name', width:200, align:'center'},
{name:'cem_usgs', index:'cem_usgs', width:100, align:'center'},
{name:'cem_county_name', index:'cem_county_name', width:100, align:'center' },
{name:'cem_map', index:'cem_map', width:100, align:'center'},
{name:'cem_description_short', index:'cem_description_short', width:400, align:'center'} ],
height:'auto',
pager: '#pager',
rowNum:15,
rowList:[15,30,60,120],
sortname: 'cem_name',
sortorder: 'asc',
viewrecords:true,
imgpath: 'themes/basic/images',
caption: 'TNGenWeb Cemetery Database - Cemeteries',
shrinkToFit:true,
width:800,
subGrid:true
}).navGrid('#pager',{edit:false,add:false,del:false});
$.jgrid.search = { caption: 'Search...', Find: 'Find', Reset: 'Reset',
odata : ['equals', 'not equal', 'less', 'less or equal','greater','greater or equal',
'begins with','ends with','contains' ]};
$.extend($.jgrid.search,{Find:'Search'});
});
</script>
06:32

Moderators
30/10/2007

Hello,
I suppose if you enable the add edit or del the modal will not appear too. I think it is a z-index IE issue. In the search parameters try with z-ndex:2000. By default all modal forms have a z-index 950.
Regards
Tony
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
07:29

25/02/2009

Tony,
How do I set the z-index in the search parameters? I tried including it in the $.jgrid.search parameters and the browser complained about expecting a ":" on the "-".
I looked at the DOM for IE and if I include the RSH statements, the only object in <body> is <TEXTAREA id="rshStorageField">. All the other objects are in <head>. If I comment out the RSH statements, the DOM seems normal.
Thanks for your help,
Jerry
06:28

Moderators
30/10/2007

Hello,
....navGrid("#pager", {add:false,edit:false,del:false},
{}, // edit options
{}, // add options
{}, // del options
{zIndex:2000} //search options
); // end navigator
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
08:38

Moderators
30/10/2007

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
09:44

25/02/2009

Tony,
I already use
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
which should be good per the other posting.
I tried the body style changes that you suggest in the other posting but the overflow:hidden causes IE to show a background only page. FF works fine. I will look into this clue shortly.
Jerry
07:10

25/02/2009

rsh uses a hidden iframe to store the browser history. The iframe has these styles:
hideStyles: 'left:-1000px;top:-1000px;width:1px;height:1px;border:0; position:absolute;',
I am able to get the search form to show by changing to these styles:
hideStyles: 'left:-1000px;top:-1000px;width:-1px;height:-1px;border:0; position:relative;',
The only problem is that the hidden iframe is no longer hidden. It takes space at the top of the page.
My issue seems to be some sort of interaction between the jqmodal styles and the rsh hidden iframe styles. I tried changes to jqModal.css but could not get any better behaviour.
12:52

Moderators
30/10/2007

In 3.5 version there is a very easy solution where jqModal can be avoided.
Regards
Tony
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
12:56

Moderators
30/10/2007

In 3.5 version there is a very easy solution where jqModal can be avoided.
Regards
Tony
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
13:12

Moderators
30/10/2007

In 3.5 version there is a very easy solution where jqModal can be avoided.
Regards
Tony
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
Most Users Ever Online: 715
Currently Online:
51 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66