Ajax DataGrid Support Product Page

Grid not appearing in Internet Explorer

Asked 20 Oct 2010 03:27:34
1
has this question
20 Oct 2010 03:27:34 Sally Carr posted:
I have the Sound Grid Bundle and after considerable tweaking by Miro (thank you very much, Miro) it works - almost. I was testing it today before publishing it live and found that it works in Firefox and Safari, but not Internet Explorer.

The Mp3 player shows, but not the data grid. You can see the code below, and view the page, without any template extras, here.

Thank you for any help in getting this working. It's been a real challenge and I thought I was finally there, but I guess not until it also works in IE.


Replies

Replied 20 Oct 2010 09:58:38
20 Oct 2010 09:58:38 Teodor Kuduschiev replied:
Hello Sally,

I see in your source code you have duplicate includes:


<link rel="stylesheet" type="text/css" href="Styles/dmxGrid/dmxgrid/dmxgrid.css" />
<script language="javascript" type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script language="javascript" type="text/javascript" src="ScriptLibrary/flexigrid.pack.js"></script>



These 3 lines are included twice in your <head></head> tag. Please remove the duplicate entries.
Replied 20 Oct 2010 13:40:17
20 Oct 2010 13:40:17 Sally Carr replied:
Thank you for your reply.

I have removed the duplicate code (see updated code below) and also any line breaks. If you look at View Source it looks like there's a line break at the beginning but the screen shot shows you that my code begins on line 1.



It still works with FF but not with IE. At the bottom left of IE's page there's an exclamation point that when I click on it says


I hope this helps solve the problem. Thank you.

Sally

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!--#include file="Connections/messages.asp" -->
<
%Dim rsSermons
Dim rsSermons_cmd
Dim rsSermons_numRows
Set rsSermons_cmd = Server.CreateObject ("ADODB.Command")
rsSermons_cmd.ActiveConnection = MM_messages_STRING
rsSermons_cmd.CommandText = "SELECT * FROM admin.sermons ORDER BY ID ASC" 
rsSermons_cmd.Prepared = true
Set rsSermons = rsSermons_cmd.Execute
rsSermons_numRows = 0
%>
<
%Dim Repeat1__numRows
Dim Repeat1__index
Repeat1__numRows = -1
Repeat1__index = 0
rsSermons_numRows = rsSermons_numRows + Repeat1__numRows
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>River of God Church - Sermon Messages</title>
<script src="ScriptLibrary/dmxMP3Player.js" type="text/javascript"></script>
<script type="text/javascript">
function dmxFlashMP3Action(playerName, actionName, playNumber) { // v1.07  
  function dmxGetFlashMovieObject(movieName) {
      if (window.document[movieName]) return window.document[movieName];
      if (navigator.appName.indexOf("Microsoft Internet")==-1) {
          if (document.embeds && document.embeds[movieName])
              return document.embeds[movieName];
      } else {
          return document.getElementById(movieName);
      }
  }  
  
  var mp3player = dmxGetFlashMovieObject('fl_fl_'+playerName);
  if (mp3player && mp3player.dmxPlay) {
    switch (actionName) {
      case 'play' : mp3player.dmxPlay(); break; 
      case 'stop' : mp3player.dmxStop(); break; 
      case 'pause': mp3player.dmxPause();break;         
      case 'next' : mp3player.dmxNext(); break; 
      case 'prev' : mp3player.dmxPrev(); break; 
      case 'goto' : mp3player.dmxGoto(playNumber); break;        
      case 'setvolume' : mp3player.dmxVolume(playNumber); break;        
      case 'setposition' : mp3player.dmxPosition(playNumber); break;        
      case 'setpan' : mp3player.dmxPan(playNumber); break;        
    }
  }  
}
</script>
<script src="ScriptLibrary/dmxMP3Player.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="Styles/dmxGrid/dmxgrid/dmxgrid.css" />
<script language="javascript" type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script language="javascript" type="text/javascript" src="ScriptLibrary/flexigrid.pack.js"></script>
</head>
<body>
<div class="container">
<div class="header"></div>    
<div class="dmxgrid">
<script type="text/javascript" language="javascript">
<!--
$(function(){$('#dmx_grid10').flexigrid({
    url: "ajax_servers/dmx_grid9.asp",
    title: "River of God Messages || Double click to play || Search bar below || Click column to sort",
    nowrap: false,
    showToggleBtn: false,
    sortname: "ID",
    sortorder: "DESC",
    dataType: "json",
    rpOptions: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],
    showSearchOnLoad: true,
    resizable: false,
    onrowclick: "dmxFlashMP3Action('testGridMp3','play');dmxFlashMP3Action('testGridMp3','goto',{ID}-1);",
    width: 500,
    colModel: [{
        display: "ID",
        name: "ID",
        width: "NaN",
        sortable: true,
        align: "left",
        hide: true
    },
    {
        display: "Date",
        name: "tbdate",
        width: 100,
        sortable: true,
        align: "left",
        hide: false
    },
    {
        display: "Speaker",
        name: "tbspeaker",
        width: 150,
        sortable: true,
        align: "left",
        hide: false
    },
    {
        display: "Title",
        name: "tbtitle",
        width: 250,
        sortable: true,
        align: "left",
        hide: false
    },
    {
        display: "tbaudio",
        name: "tbaudio",
        width: "NaN",
        sortable: true,
        align: "left",
        hide: true
    }],
    searchitems: [{
        display: "Date",
        name: "tbdate"
    },
    {
        display: "Speaker",
        name: "tbspeaker"
    },
    {
        display: "Title",
        name: "tbtitle",
        isdefault: true
    }]
});});
//-->
</script>
<table id="dmx_grid10"><tr><td></td></tr></table>
</div>
<table id="dmx_grid10"><tr><td></td></tr></table>
</div>
</div></td>
</tr>
</table>
<p>&nbsp;<span id="dv_testGridMp3"></span>
<script type="text/javascript">
// <![CDATA[
var Messages = new dmxMP3Player("vista", "fl_testGridMp3", "390", "255");
Messages.setScriptLibrary("ScriptLibrary");
Messages.addVariable("mp3s", "<% 'here is the repeat region that repeats only the mp3 column entry 
While ((Repeat1__numRows <> 0) AND (NOT rsSermons.EOF)) 
if (Repeat1__index <> 0) then
response.write(";")
end if    
%>
<%=(rsSermons.Fields.Item("tbaudio").Value)%>
<% 
Repeat1__index=Repeat1__index+1
Repeat1__numRows=Repeat1__numRows-1 
rsSermons.MoveNext()
Wend
%>");
Messages.addVariable("playerColor", "0x6699FF");
Messages.addVariable("updateInterval", "");
Messages.write("dv_testGridMp3");
</script></p></td>
</tr>
<tr valign="top">
<td align="center"></td>
</tr>
</table>
</div>
</body>
</html>

Reply to this topic