Theres this ie tester: http://www.my-debugbar.com/wiki/IETester/HomePage
thats adds a debugbar.
Its being hard to discover. Did you really get the reference to
$('rghtWrkCntnr')?
It stops at the insertion of the first div?
--
Fábio Miranda Costa
Solucione Sistemas
Front-End Engineer
http://meiocodigo.com
On Fri, Jul 31, 2009 at 4:58 PM, Sudheer <[email protected]> wrote:
>
> Fabio,
>
> I tried that too. Its still not working. I also tried to inject a
> 'div' in a completely different part of the page and it failed there
> too. So I don't think it has anything to do with the JSON response.
>
> I also added one
>
> alert("appending " + element.id +" at " + context.id);
>
> statement in "var inserters bottom" function in mootools.js file and
> IE responded back with correct element.id and context.id. So it seems
> IE is able to identify the element and the context, just not able to
> do "element.appendChild(context)"
>
> I have checked every ( for a matching ) and every { for a matching }.
> Also made sure that there are no extra commas after the last elements
> of arrays. Is there an equivalent of "developer extension in FF"
> available in IE so that we can debug these issues?
>
> Here is my complete code ....
>
> Really appreciate your time on this.... :)
>
> Sudheer
>
> =========================================================================================
> var updateAction2 = function(item,method) {
>
> switch(item) {
> case "GAME" :
> url = "gameUpdate.php";
> break;
> case "VENUE" :
> break;
> }
>
> var ajaxRequest = new Request.JSON({
> url: url,
> method: 'get',
> onSuccess: function(responseText) {
> // Lets build the table
> // Main div
> var gameLayout = new Element('div', {
> 'id': 'gameLayout'
> });
> gameLayout.inject($('rghtWrkCntnr'));
>
> // main Table
> var gameTable = new Element('table', {
> 'id': 'gameTable'
> });
> gameTable.inject($('gameLayout'));
>
> // Heading Row
> var headRow = new Element('tr', {
> 'id': 'gameTableHeadRow'
> });
> headRow.inject($('gameTable'));
>
> var mainHeading = new Element('th', {
> 'id': 'gameTableMainHead',
> 'text': "Game Information",
> 'colspan': '5'
> });
> mainHeading.inject($('gameTableHeadRow'));
>
> // Build the column heads
> var headRow = new Element('tr', {
> 'id': 'gameTableSubHeadRow'
> });
> headRow.inject($('gameTable'));
>
> var heads = new Array('Game', 'Game Date', 'Visitor Team',
> 'Reserve Price');
> heads.each(function(heading, index) {
> var headCell = new Element('th', {
> 'class': 'gameTableHeadCell',
> 'text': heading
> });
> headCell.inject($('gameTableSubHeadRow'));
> });
>
> // Now build each row
>
> var fields = new Array("GameDate", "VisitorId",
> "ReservePrice");
> responseText.each(function(game,index) {
> var bodyRow = new Element('tr', {
> 'id': 'gameTableBodyRow'+index+1
> });
> bodyRow.inject($('gameTable'));
>
> // Game sequence number in first column
> var bodyCell = new Element('td', {
> 'id': 'gameTableBodyRowGame'+index+1,
> 'text': index+1
> });
> bodyCell.inject($('gameTableBodyRow'+index+1));
>
> // Game fields in remaining columns
> fields.each(function(field,id) {
> var bodyCell = new Element('td', {
> 'id': 'gameTableBodyRow'+field+index+1,
> 'text': game[field]
> });
> bodyCell.inject($('gameTableBodyRow'+index+1));
> });
> });
> }
> }).send();
> }
>
> On Jul 31, 11:55 am, Fábio M. Costa <[email protected]> wrote:
> > oh i see the problem now hehe
> >
> > Try this:
> > var ajaxRequest = new Request.JSON({
> > url: url,
> > method: 'get',
> > onSuccess: function(responseText) {
> > // Lets build the table
> > var gameLayout = new Element('div', {
> > 'id': 'gameLayout'
> > });
> > gameLayout.inject($('rghtWrkCntnr'));
> > *} // <- this used to have a ');' which is wrong*
> > });
> >
> > But it should've give you an error on firefox, i dont understand how it
> was
> > working...
> >
> > --
> > Fábio Miranda Costa
> > Solucione Sistemas
> > Front-End Engineerhttp://meiocodigo.com
> >
> > On Fri, Jul 31, 2009 at 3:23 PM, Sudheer <[email protected]> wrote:
> >
> > > Hi Fabio,
> >
> > > Here is how the json looks like as sent by the server side php
> > > json_encode function. I am able to decode it using mootools json
> > > decode... No problems there (actually I love the way mootools does
> > > it). I rewrote the code as per previous post and still just not able
> > > to create a new div element.
> >
> > > [{"GameDate":"2010-01-01","VisitorId":"2","ReservePrice":"101"},
> > > {"GameDate":"2010-01-02","VisitorId":"2","ReservePrice":"103"}]
> >
> > > Thanks
> > > Sudheer
> >
> > > On Jul 31, 10:49 am, Fábio M. Costa <[email protected]> wrote:
> > > > Hi Sudheer, could you tell us whats the json your getting on the
> > > > responseText variable?
> > > > And please rewrite the code with the previous fix, so it will be
> easier
> > > to
> > > > help.
> > > > Welcome to Mootools!
> >
> > > > Cheers,
> >
> > > > --
> > > > Fábio Miranda Costa
> > > > Solucione Sistemas
> > > > Front-End Engineerhttp://meiocodigo.com
> >
> > > > On Fri, Jul 31, 2009 at 2:10 PM, Sudheer <[email protected]> wrote:
> >
> > > > > Oh ... I was trying to figure out if I am receiving the JSON data
> > > > > correctly or not. I have removed it and it still does not work.
> > > > > Unfortunately IE is not giving any error either. It just skips over
> > > > > the part of the code. I want to add a div and then add a
> dynamically
> > > > > generated table in it. One set of json data will provide the table
> > > > > headings and another set will provide the data itself and then I
> will
> > > > > generate the table dynamically. However, I am stuck at inserting
> the
> > > > > first div only.
> >
> > > > > Thanks
> > > > > Sudheer
> >
> > > > > On Jul 31, 9:32 am, Ryan Florence <[email protected]> wrote:
> > > > > > I really doubt this has anything to do with it ... but what's up
> > > with:
> >
> > > > > > responseText.each(function(game,index) {
> >
> > > > > > });
> >
> > > > > > On Jul 31, 2009, at 10:24 AM, Sudheer wrote:
> >
> > > > > > > Hi Friends,
> >
> > > > > > > I am a newbie to Mootools and to this group. I am learning
> Mootools
> > > > > > > and it has been a good ride so far. However I am stuck and
> would
> > > > > > > appreciate any help on this matter. Here is a small piece of
> code
> > > that
> > > > > > > is not working in IE6 & 7 (works fine with Firefox). I can
> create
> > > the
> > > > > > > elements in IE using createElement and appendChild methods.
> >
> > > > > > > var ajaxRequest = new Request.JSON({
> > > > > > > url: url,
> > > > > > > method: 'get',
> > > > > > > onSuccess: function(responseText) {
> > > > > > > responseText.each(function(game,index) {
> > > > > > > });
> > > > > > > // Lets build the table
> > > > > > > var gameLayout = new Element('div', {
> > > > > > > 'id': 'gameLayout'
> > > > > > > });
> > > > > > > gameLayout.inject($('rghtWrkCntnr'));
> > > > > > > });
> > > > > > > });
> >
> > > > > > > Am I missing something? Please help
> >
> > > > > > > Thanks and Cheers
> > > > > > > Sudheer
>
