Problema Ajax Con Ie8

[ernie (Ernesto Carbone)]

Buongiorno a tutti.

Ho cercato nei forum, ma non ho trovato la soluzione a questo problema: le chiamate ajax non funzionano con IE8, mentre lo stesso codice funziona perfettamente con Firefox.

Entro nel dettaglio:

1. la mia configurazione è Apache/2.2.14(Win32), Yii 1.1.13, IE 8.0.6001.18702, Firefox 18.0.2

2. con Gii ho creato del codice automatico e cerco di utilizzare la cGridView dell’admin.php, ma, quando cerco di ordinare o di passare alla pagina successiva della grid, la tabella sparisce in IE, mentre funziona normalmente con Firefox

3. dopo aver letto dei post nei forum, ho fatto anche la prova con la grid da "Manage post" della demo "Blog" inserita in Yii, ma ottengo lo stesso comportamento.

Sapete darmi qualche indicazione sulla soluzione al problema?

Grazie in anticipo

[sensorario]

Lo so che qualcuno mi odierà per questo ma, … il bug è IE8. E’ vecchio ed è necessario aggiornare il software a casa del visitatore.

[st4nny]

purtroppo conosco direttamente la questione, alcune aziende però continuano a fornire pc con xp e max ie8 come terminali per i propri utenti. magari perchè per fare un Windows domain hanno solo licenze xp, o magari perchè i pc datati. ovviamente non è una scelta condivisibile, io neanche lo utilizzo windows. però è una triste realtà.

e quando trovi ie8, sorridi di gioia! ie6 a giro… ti viene da piangere.

[ernie (Ernesto Carbone)]

Purtroppo sono vincolato dai miei utenti a IE8. Non c’è nessun workaround? Un mio collega per una sua applicazione si è creato tutto il codice ajax da solo e gli funziona, ma non vorrei intraprendere la sua strada

[sensorario]

Nessun workaround. Si può fare come faceva drupal che in caso di ie6 bloccava l’utilizzo del sito e ti spiegava che dovevi aggiornare il tuo software. Siamo noi i professionisti. Se andiamo dal medico che ci dice che dobbiamo smettere una cura e farne un’altra ci fidiamo. E’ anche nostra responsabilità far comprendere che ciò che facciamo è utilizzabile in un browser adeguato. Il problema non è nel nostro prodotto.

Detto questo, tutto quello che riguarda software antiquato io lo considero lavoro in più. Quindi me lo faccio pagare. Ma da questo punto non mi smuove nessuno. Possiamo iniziare a volere più bene al nostro lavoro.

Ragionando così, ho “mostrato internet” vista da Chrome e da IE. Il cliente è passato a Chrome. No ti piace? C’è Firefox. Non ti piace? C’è Opera. Ad un certo punto è nostra responsabilità. Fin dove posso, trasmetto tutto quello mi è consentito al prossimo, cliente o non cliente. IE8 è semplicemente antico.

E quando qualcuno non è d’accordo gli mostro questo link oppure quest’altro.

[sensorario]

Buongiorno a tutti.

Ho cercato nei forum, ma non ho trovato la soluzione a questo problema: le chiamate ajax non funzionano con IE8, mentre lo stesso codice funziona perfettamente con Firefox.

Ma sopratutto, non ci hai spiegato che cosa ti succede. Anzi, mi sa che ti devo chiedere scusa perché anziché rispondere alla tua domanda ho fatto altro. Puoi mostrarci i files che hai creato e/o anche dirci che cosa ti dice firebug?

[ernie (Ernesto Carbone)]

Non c’è problema, non c’è bisogno di scuse.

Come dicevo il problema si verifica anche con la demo "Blog" inserita in Yii, che hanno tutti: quando clicco, ad esempio, sul titolo della grid della pagina "Manage post" per ordinare i post, la grid sparisce.

Il problema non risulta in Firefox e quindi Firebug non segnala niente. In IE, dove c’è il problema, non viene segnalato niente nell’angolo in basso a destra. Non so se posso fare il debug in IE in qualche modo.

Per completezza, sto facendo i test tutti in localhost

[ernie (Ernesto Carbone)]

Ho fatto il debug con Fiddler e risulta questa strana cosa: la response ha tutto (anche la grid ordinata), ma nel browser la grid non è mostrata. Di seguito la response intercettata da Fiddler:

HTTP/1.1 200 OK

Date: Mon, 18 Feb 2013 14:37:52 GMT

Server: Apache/2.2.14 (Win32) mod_ssl/2.2.14 OpenSSL/0.9.8k

Expires: Thu, 19 Nov 1981 08:52:00 GMT

Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0

Pragma: no-cache

Keep-Alive: timeout=5, max=100

Connection: Keep-Alive

Transfer-Encoding: chunked

Content-Type: text/html; charset=utf8

4030

<!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" xml:lang="en" lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<meta name="language" content="en" />





<!-- blueprint CSS framework -->


<link rel="stylesheet" type="text/css" href="/yii/demos/blog/css/screen.css" media="screen, projection" />


<link rel="stylesheet" type="text/css" href="/yii/demos/blog/css/print.css" media="print" />


<!--[if lt IE 8]>


<link rel="stylesheet" type="text/css" href="/yii/demos/blog/css/ie.css" media="screen, projection" />


<![endif]-->





<link rel="stylesheet" type="text/css" href="/yii/demos/blog/css/main.css" />


<link rel="stylesheet" type="text/css" href="/yii/demos/blog/css/form.css" />





<link rel="stylesheet" type="text/css" href="/yii/demos/blog/assets/6433e41a/gridview/styles.css" />

<link rel="stylesheet" type="text/css" href="/yii/demos/blog/assets/1574112/pager.css" />

<script type="text/javascript" src="/yii/demos/blog/assets/b0b946d5/jquery.min.js"></script>

<script type="text/javascript" src="/yii/demos/blog/assets/b0b946d5/jquery.ba-bbq.min.js"></script>

<title>Yii Blog Demo - Admin Post</title>

</head>

<body>

<div class="container" id="page">

<div id="header">


	<div id="logo">Yii Blog Demo</div>


</div><!-- header -->





<div id="mainmenu">


	<ul id="yw5">

<li><a href="/yii/demos/blog/index.php/post/index">Home</a></li>

<li><a href="/yii/demos/blog/index.php/site/page?view=about">About</a></li>

<li><a href="/yii/demos/blog/index.php/site/contact">Contact</a></li>

<li><a href="/yii/demos/blog/index.php/site/logout">Logout (demo)</a></li>

</ul> </div><!-- mainmenu -->

<div class="breadcrumbs">

<a href="/yii/demos/blog/index.php">Home</a> &raquo; <span>Manage Posts</span></div><!-- breadcrumbs -->

<div class="container">


<div class="span-18">


	<div id="content">


		<h1>Manage Posts</h1>

<div id="yw0" class="grid-view">

<div class="summary">Displaying 1-15 of 16 results.</div>

<table class="items">

<thead>

<tr>

<th id="yw0_c0"><a class="sort-link asc" href="/yii/demos/blog/index.php/post/admin?Post_sort=title.desc&amp;ajax=yw0">Title</a></th><th id="yw0_c1"><a class="sort-link" href="/yii/demos/blog/index.php/post/admin?Post_sort=status&amp;ajax=yw0">Status</a></th><th id="yw0_c2"><a class="sort-link" href="/yii/demos/blog/index.php/post/admin?Post_sort=create_time&amp;ajax=yw0">Create Time</a></th><th class="button-column" id="yw0_c3">&nbsp;</th></tr>

<tr class="filters">

<td><input name="Post[title]" type="text" maxlength="128" /></td><td><select name="Post[status]">

<option value=""></option>

<option value="1">Draft</option>

<option value="2">Published</option>

<option value="3">Archived</option>

</select></td><td>&nbsp;</td><td>&nbsp;</td></tr>

</thead>

<tbody>

<tr class="odd">

<td><a href="/yii/demos/blog/index.php/post/15/0%27i%C3%A0">0'ià</a></td><td>Draft</td><td>2013/02/18 11:32:17 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=15"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=15"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=15"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="even">

<td><a href="/yii/demos/blog/index.php/post/5/4574">4574</a></td><td>Draft</td><td>2013/02/18 11:30:59 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=5"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=5"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=5"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="odd">

<td><a href="/yii/demos/blog/index.php/post/4/54745">54745</a></td><td>Draft</td><td>2013/02/18 11:30:43 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=4"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=4"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=4"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="even">

<td><a href="/yii/demos/blog/index.php/post/16/67i">67i</a></td><td>Draft</td><td>2013/02/18 11:32:24 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=16"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=16"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=16"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="odd">

<td><a href="/yii/demos/blog/index.php/post/2/A+Test+Post">A Test Post</a></td><td>Published</td><td>2009/01/03 04:09:47 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=2"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=2"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=2"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="even">

<td><a href="/yii/demos/blog/index.php/post/1/Welcome%21">Welcome!</a></td><td>Published</td><td>2009/01/03 04:09:47 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=1"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=1"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=1"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="odd">

<td><a href="/yii/demos/blog/index.php/post/14/ert">ert</a></td><td>Draft</td><td>2013/02/18 11:32:12 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=14"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=14"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=14"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="even">

<td><a href="/yii/demos/blog/index.php/post/13/ity">ity</a></td><td>Draft</td><td>2013/02/18 11:32:07 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=13"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=13"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=13"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="odd">

<td><a href="/yii/demos/blog/index.php/post/12/j%2Cg">j,g</a></td><td>Draft</td><td>2013/02/18 11:31:58 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=12"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=12"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=12"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="even">

<td><a href="/yii/demos/blog/index.php/post/10/po%C3%A0uo">poàuo</a></td><td>Draft</td><td>2013/02/18 11:31:39 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=10"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=10"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=10"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="odd">

<td><a href="/yii/demos/blog/index.php/post/6/sfgbs">sfgbs</a></td><td>Draft</td><td>2013/02/18 11:31:14 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=6"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=6"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=6"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="even">

<td><a href="/yii/demos/blog/index.php/post/8/srt">srt</a></td><td>Draft</td><td>2013/02/18 11:31:26 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=8"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=8"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=8"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="odd">

<td><a href="/yii/demos/blog/index.php/post/7/uky">uky</a></td><td>Draft</td><td>2013/02/18 11:31:20 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=7"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=7"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=7"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="even">

<td><a href="/yii/demos/blog/index.php/post/9/w4sm+">w4sm </a></td><td>Draft</td><td>2013/02/18 11:31:34 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=9"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=9"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=9"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="odd">

<td><a href="/yii/demos/blog/index.php/post/11/yilpo">yilpo</a></td><td>Draft</td><td>2013/02/18 11:31:46 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=11"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=11"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=11"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

</tbody>

</table>

<div class="pager">Go to page: <ul id="yw1" class="yiiPager"><li class="first hidden"><a href="/yii/demos/blog/index.php/post/admin?Post_sort=title&amp;ajax=yw0">&lt;&lt; First</a></li>

<li class="previous hidden"><a href="/yii/demos/blog/index.php/post/admin?Post_sort=title&amp;ajax=yw0">&lt; Previous</a></li>

<li class="page selected"><a href="/yii/demos/blog/index.php/post/admin?Post_sort=title&amp;ajax=yw0">1</a></li>

<li class="page"><a href="/yii/demos/blog/index.php/post/admin?Post_sort=title&amp;ajax=yw0&amp;Post_page=2">2</a></li>

<li class="next"><a href="/yii/demos/blog/index.php/post/admin?Post_sort=title&amp;ajax=yw0&amp;Post_page=2">Next &gt;</a></li>

<li class="last"><a href="/yii/demos/blog/index.php/post/admin?Post_sort=title&amp;ajax=yw0&amp;Post_page=2">Last &gt;&gt;</a></li></ul></div><div class="keys" style="display:none" title="/yii/demos/blog/index.php/post/admin?Post_sort=title&amp;ajax=yw0"><span>15</span><span>5</span><span>4</span><span>16</span><span>2</span><span>1</span><span>14</span><span>13</span><span>12</span><span>10</span><span>6</span><span>8</span><span>7</span><span>9</span><span>11</span></div>

</div> </div><!-- content -->

</div>


<div class="span-6 last">


	<div id="sidebar">


		<div class="portlet" id="yw2">

<div class="portlet-decoration">

<div class="portlet-title">demo</div>

</div>

<div class="portlet-content">

<ul>

<li><a href="/yii/demos/blog/index.php/post/create">Create New Post</a></li>


<li><a href="/yii/demos/blog/index.php/post/admin">Manage Posts</a></li>


<li><a href="/yii/demos/blog/index.php/comment/index">Approve Comments</a> (0)</li>


<li><a href="/yii/demos/blog/index.php/site/logout">Logout</a></li>

</ul></div>

</div>

		<div class="portlet" id="yw3">

<div class="portlet-decoration">

<div class="portlet-title">Tags</div>

</div>

<div class="portlet-content">

<span class="tag" style="font-size:9pt"><a href="/yii/demos/blog/index.php/posts/blog">blog</a></span>

<span class="tag" style="font-size:9pt"><a href="/yii/demos/blog/index.php/posts/test">test</a></span>

<span class="tag" style="font-size:9pt"><a href="/yii/demos/blog/index.php/posts/yii">yii</a></span>

</div>

</div>

		<div class="portlet" id="yw4">

<div class="portlet-decoration">

<div class="portlet-title">Recent Comments</div>

</div>

<div class="portlet-content">

<ul>

	<li>Tester on


	<a href="/yii/demos/blog/index.php/post/2/A+Test+Post#c1">A Test Post</a>	</li>


</ul></div>

</div> </div><!-- sidebar -->

</div>

</div>

<div id="footer">


	Copyright © 2013 by My Company.<br/>


	All Rights Reserved.<br/>


	Powered by <a href="http://www.yiiframework.com/" rel="external">Yii Framework</a>.	</div><!-- footer -->

</div><!-- page -->

<script type="text/javascript" src="/yii/demos/blog/assets/6433e41a/gridview/jquery.yiigridview.js"></script>

<script type="text/javascript">

/<![CDATA[/

jQuery(function($) {

jQuery(document).on(‘click’,’#yw0 a.delete’,function() {

if(!confirm('Are you sure you want to delete this item?')) return false;


var th = this,


	afterDelete = function(){};


jQuery('#yw0').yiiGridView('update', {


	type: 'POST',


	url: jQuery(this).attr('href'),


	success: function(data) {


		jQuery('#yw0').yiiGridView('update');


		afterDelete(th, true, data);


	},


	error: function(XHR) {


		return afterDelete(th, false, XHR);


	}


});


return false;

});

jQuery(’#yw0’).yiiGridView({‘ajaxUpdate’:[‘yw0’],‘ajaxVar’:‘ajax’,‘pagerClass’:‘pager’,‘loadingClass’:‘grid-view-loading’,‘filterClass’:‘filters’,‘tableClass’:‘items’,‘selectableRows’:1,‘enableHistory’:false,‘updateSelector’:’{page}, {sort}’,‘filterSelector’:’{filter}’,‘pageVar’:‘Post_page’});

});

/]]>/

</script>

</body>

</html>

0

[sensorario]

Non c’è problema, non c’è bisogno di scuse.

Come dicevo il problema si verifica anche con la demo "Blog" inserita in Yii, che hanno tutti: quando clicco, ad esempio, sul titolo della grid della pagina "Manage post" per ordinare i post, la grid sparisce.

Il problema non risulta in Firefox e quindi Firebug non segnala niente. In IE, dove c’è il problema, non viene segnalato niente nell’angolo in basso a destra. Non so se posso fare il debug in IE in qualche modo.

Per completezza, sto facendo i test tutti in localhost

Per fare debug con IE è necessario premere il tasto f12. Ma non tutte le versioni di IE supportano questo tipo di modalità. L’ambiente che si apre aiuta un po’.