[SOLUCIONADO] Aplicacion Web no funciona en IE8 e IE7

[art_rockerd]

Hola amigos, estoy desesperada, resulta que estoy en fases finales del desarrollo de mi aplicacion web, es la primera que hago, y en varias pc q tengo funciona bien en IE9, firefoz y crhome, pero resulta que me dice el cliente que no le funciona, le pido una pantalla y resulta que esta usando IE8, y consigo una PC con IE8 y en efecto, algunas cosas que hago con javascript(jquery) simplemente no hace nada mi aplicacion, y en IE7 definitivamente no funciona nada.
Agrege esto al header para ver si forzaba la compatibilidad:

Código HTML:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
 

Pero como si nada..
Ayudenme no se que hacer, lo que especificamente no funciona en IE8 es lo siguiente:

Código Javascript:

function colocaIVA(){
    //valor tipo de producto (computo, plasma)
    var tipo_prod =$('#tipo option:selected').val();
    //valor garantia seleccionada
    var selGarantia =$('#garantia option:selected').val();
    
    //valida que cuando se seleccione un rango se haya seleccionado un tipo de garantia
    if (selGarantia==0) {
        alert("Debe seleccionar un TIPO DE GARANTIA");
        $('#financiamiento option[value="0"]').attr("selected", true);
        //$('#garantia').val('0');
    }else{
        switch (tipo_prod){
            case "C00":
            //enviar parametros del form a PHP para que realize consulta en BDD
                $.post("consultaDatos.php",{
                        //tipo_prod:$('#tipo option:selected').val(),
                        rango:$('#rango option:selected').val(),
                        tipo_garantia:$('#garantia option:selected').val(),
                        financiamiento:$('#financiamiento option:selected').val()
                    } ,
                    function(data)
                    {
                        if (data=="no"){
                            alert("No se encontro datos en BDD");
                        }else{
                            //obtengo las variables de php y las almaceno en variables individuales
                            var recoge=data.split(",");
                            SKU = recoge[0];
                            mensualidad = recoge[1];
                            iva = recoge[2];
                            financiamiento= recoge[3];
                            //alert(SKU+" "+mensualidad+" "+iva+" "+financiamiento);
                            
                            //REALIZO OPERACIONES PARA OBTENER EL SUBTOTAL,IVA,SUBTOTAL.
                            var subtotal = mensualidad * financiamiento;
                            subtotal = parseFloat(subtotal.toFixed(2)); 
                            var ivaTotal = subtotal * iva;
                            ivaTotal = parseFloat(ivaTotal.toFixed(2)); 
                            var total = parseFloat(subtotal+ivaTotal);
                            total =parseFloat(total.toFixed(2));
                            var pagos = total/financiamiento;
                            pagos = pagos.toFixed(2);
                            //IMPRIMO EL PANTALLA LOS DATOS
                            $("#SKU").html(SKU);
                            $("#subtotal").html(subtotal);
                            $("#iva").html(ivaTotal);
                            $("#total").html(total);
                            $("#mensualidad").html(pagos);
                            
                            //si el costo es de 0.00 no aplica una mensualidad
                            if(mensualidad=="0.00"){
                                alert ("No aplica este financiamiento");
                                $('#financiamiento option[value="0"]').attr("selected", true);
                                //$("#SKU").hide();
                            }
                            //si el financiamiento es a 1 mes no aplican mesualidades
                            if(financiamiento=="1"){
                                $("#mensualidad").text("No aplica");
                            }
                            //alert (subtotal+" "+ivaTotal+" "+total);
                        }//end else si el data envia algo
                    }//termina FUNTION (data)
                );//termina FUNCION .post
                
            break;
            case "P00":
                //enviar parametros del form a PHP para que realize consulta en BDD
                $.post("consultaDatosP.php",{
                        //tipo_prod:$('#tipo option:selected').val(),
                        rangoP:$('#rangoP option:selected').val(),
                        tipo_garantia:$('#garantia option:selected').val(),
                        financiamiento:$('#financiamiento option:selected').val()
                    } ,
                    function(data)
                    {
                        if (data=="no"){
                            alert("No se encontro datos en BDD");
                        }else{
                        
                        //obtengo las variables de php y las almaceno en variables individuales
                            var recoge=data.split(",");
                            SKU = recoge[0];
                            mensualidad = recoge[1];
                            iva = recoge[2];
                            financiamiento= recoge[3];
                            //alert(SKU+" "+mensualidad+" "+iva+" "+financiamiento);
                            
                            //REALIZO OPERACIONES PARA OBTENER EL SUBTOTAL,IVA,SUBTOTAL.
                            var subtotal = mensualidad * financiamiento;
                            subtotal = subtotal.toFixed(2); 
                            var ivaTotal = subtotal * iva;
                            ivaTotal = ivaTotal.toFixed(2); 
                            var total = parseFloat(subtotal+ivaTotal);
                            total = total.toFixed(2);
                            var pagos = total/financiamiento;
                            pagos = pagos.toFixed(2);
                            //IMPRIMO EL PANTALLA LOS DATOS
                            $("#SKU").html(SKU);
                            $("#subtotal").html(subtotal);
                            $("#iva").html(ivaTotal);
                            $("#total").html(total);
                            $("#mensualidad").html(pagos);
                            //si el costo es de 0.00 no aplica una mensualidad
                            if(mensualidad=="0.00"){
                                alert ("No aplica este financiamiento");
                                //$("#SKU").hide();
                                $('#financiamiento option[value="0"]').attr("selected", true);
                            }
                            //si el financiamiento es a 1 mes no aplican mesualidades
                            if(financiamiento=="1"){
                                $("#mensualidad").text("No aplica");
                            }
                        }//termina else del data si regresa datos
                    }//termina FUNTION (data)
                );//termina FUNCION .post
            break;
        }//termina switch
    }//termina else
}//TERMINA FUNCION COLOCARIVA
 

Agradeceria su ayuda....

[jonni09lo]

Hola teniendo en cuenta de que el maligno, no soporta algunos selectores css prueba esto:

1. En este caso por ejemplo $('#garantia option:selected').val(), si #garantia es el select coloca $('#garantia).val();
2. Cambia .attr("selected", true); por .attr("selected", "selected");
3. Veo algunas variables como por ejemplo SKU que no tienen var, en el maligno, si no declaras una variable con var, el te genera problemas, despues de haberla declarado, no es necesario volver a redeclararla, una mejor explicacion aqui

Trata estos cambios, y nos cuentas como te fue

Saludos

[art_rockerd]

Amigo ya debugee y resulta que no es el .html si no la funcion SPLIT la que no es reconocida por el IE8 :/ ya que los otros .html() si me los imprime sin problema, lo que estoy intentando ahora es pasar los valores y recibirlos con JSON aunque la verdad tengo que aprender como hacerlo, pero estoy viendo que JSON no ocupa la funcion split ya que envia los datos por medio de un array asociativo, aunque si tuvieras un ejemplo sencillo y facil de enviar y recibir variables con JSON te lo agradeceria mucho! Gracias por tu respuesta.

[jonni09lo]

Si necesitas traer datos por medio de json y con ese metodo es de esta manera:

Código Javascript:

$.post("test.php", { params },
 function(data){
   //funcion success
 }, "json");
 

lo mas importante del caso es que si en php retornas un array, necesitas hacer esto

Código PHP:

<?php echo json_encode(array("name"=>"John","time"=>"2pm")); ?>
 

y para acceder a estos valores desde jquery solo basta en la funcion que se ejecuta del $.post

Código Javascript:

function(data){
   alert(data.name);
 }
 

Saludos

[art_rockerd]

Hola, pues estoy intentando hacer eso, solo que no me sale.. :/ creo que el problema es que no se bien como recibir los datos en jquery en formato json, podrias ayudarme a ver la luz, la verdad es la primera vez que trabajo con json :s, mira esto tengo a gorsso modo en mi php, estoy guardando resultados de mis consultas en un array de formato json, (segun yo..) y al final la envio en un json encode a jquery(segun yo..)

Código PHP:

$arr = array();
        while ($row = mysql_fetch_object($ejecuta))
        {
            $arr[] = array('iva' => $row->iva,);
        }
        while ($row2 = mysql_fetch_array($ejecuta2))
        {
while ($row2 = mysql_fetch_object($ejecuta2))
        {
        //recupera el IVA de la sucursal
        $arr[] = array('clave_garantia' => $row2->clave_garantia,
                       'SKU' => $row2->SKU_garantia,);
                }
while ($row3 = mysql_fetch_object($ejecuta3))
            {
            //recupera el IVA de la sucursal
            $arr[] = array('mensualidad' => $row3->costo,);
            }
 
//ENVIO A JQUERY
echo json_encode($arr);
 

Bueno segun yo ahi estoy metiendo todos mis valores en un array asociativo en formato JSON y lo estoy enviando a jquery.. pero en mi jquery no se como leerlo, yo tengo esto :S pero no me funciona.. podriaan ayudarme ? :S

Código Javascript:

$.post("consultaDatos.php",{
                        //tipo_prod:$('#tipo option:selected').val(),
                        rango:$('#rango option:selected').val(),
                        tipo_garantia:$('#garantia option:selected').val(),
                        financiamiento:$('#financiamiento option:selected').val()
                    } ,
                    function(data)
                    {
                        if (data=="no"){
                            alert("No se encontro datos en BDD");
                        }else{
                            //obtengo las variables de php y las almaceno en variables individuales
                            var dataJson = eval(data);
                             for(var i in dataJson){
                            alert(dataJson[i].iva + " _ " + dataJson[i].clave_garantia + " _ " + dataJson[i].SKU);
                            }
                                                            
                            //REALIZO OPERACIONES PARA OBTENER EL SUBTOTAL,IVA,SUBTOTAL.
                            var subtotal = mensualidad * financiamiento;
                            subtotal = parseFloat(subtotal.toFixed(2)); 
                            var ivaTotal = subtotal * iva;
                            ivaTotal = parseFloat(ivaTotal.toFixed(2)); 
                            var total = parseFloat(subtotal+ivaTotal);
                            total =parseFloat(total.toFixed(2));
                            var pagos = total/financiamiento;
                            pagos = pagos.toFixed(2);
                            //IMPRIMO EL PANTALLA LOS DATOS
                            $("#SKU").html(SKU);
                            $("#subtotal").html(subtotal);
                            $("#iva").html(ivaTotal);
                            $("#total").html(total);
                            $("#mensualidad").html(pagos);
                            
                            //si el costo es de 0.00 no aplica una mensualidad
                            if(mensualidad=="0.00"){
                                alert ("No aplica este financiamiento");
                                $('#financiamiento option[value="0"]').attr("selected", true);
                                //$("#SKU").hide();
                            }
                            //si el financiamiento es a 1 mes no aplican mesualidades
                            if(financiamiento=="1"){
                                $("#mensualidad").text("No aplica");
                            }
                            //alert (subtotal+" "+ivaTotal+" "+total);
                        }//end else si el data envia algo
                    }//termina FUNTION (data)
                );//termina FUNCION .post
 

Gracias!

[jonni09lo]

Mira este link, trabajar con json no es tan complejo

Viendo tu codigo, para hacer esta implementacion debes hacer lo siguiente

1. En php hacer la validacion de si hay o no hay datos a mostrar algo asi

Código PHP:

if(count($arr)>0){
     $arr['datos'] = 'si'; 
}else{
      $arr['datos'] = 'no';     
}
echo json_encode($arr);
 

Ese es un ejemplo, aunque tu debes de ver como te das cuenta si hay datos que mostrar o no

2. );//termina FUNCION .post no veo que hayas colocado el json que te comente para traer los datos como json

3. Aqui

Código Javascript:

function(data)
                    {
                        if (data=="no"){
                            alert("No se encontro datos en BDD");
                        }else{
                            //obtengo las variables de php y las almaceno en variables individuales
                            var dataJson = eval(data);
                             for(var i in dataJson){
                            alert(dataJson[i].iva + " _ " + dataJson[i].clave_garantia + " _ " + dataJson[i].SKU);
                            }
 

data es una variable que traera todo el arreglo ya en formato json, si hiciste lo que te comente en el punto 2, entonces no necesitas usar eval, que ya de por si no es para nada recomendable, por ende, simplemente llamas de esta manera las variables json

No se que estructura tendra el arreglo, pero en sintesis va de la siguiente manera

si quieres acceder y ver si hay datos o no solo basta con colocar

if (data.datos=="no"){

datos es el indice del array que se creo en el punto 1, como ves es sencillo de traer los datos con json y jquery y no es tan complejo para acceder a ellos pq tu ya sabes que estructura y que variables se obtendran cuando hagas la consulta

Saludos

[art_rockerd]

Pues amigo que crees, que ahora me dicen que no es IE8 que es IE6 !!!!!!!!!!!! que me mato! jajajaa, trabaje todo el fin de semana para que sirviera la pagina, por que ahi deplano no funcionaba nada, pero aun asi lo que aun sigue sin funcionar es cuando voy con el .post{} a hacer la consulta a php a bdd y regresarle las varibles, me parece que no es compatible con ie6, asi que dije, usare javascript puro...pero estaba leyendo que IE6 no es compatible con el objeto XMLHttpRequest, :s a alguien le ha pasado esto? como puedo solucionarlo, tengo que ir a buscar unos datos a mi BDD y de ahi hacer calculos con ellos y mostrar los resultados en la misma pantalla....

[jonni09lo]

Mira este link

Saludos y Suerte

[art_rockerd]

Pues que crees, despues de buscar y buscar encontre la solucion, y la comparto por si a alguien le llegase a servir, son tres archivos listos para copy paste para que los prueben, incluyo el script de la base de datos con los inserts :)


Script de base de datos para las pruebas.

Código MySQL:

create database ajax_demo
 
CREATE table user (
id int not null auto_increment,
firstname varchar(40),
lastname varchar(40),
age int,
hometown varchar(40),
job varchar(40),
PRIMARY KEY(id)
);
 
insert into user (firstname,lastname,age,hometown,job) VALUES   ("Peter","Griffin",41,"Quahog","Brewery"),
                                                                ("Lois","Griffin",40,"Newport","Piano Teacher"),
                                                                ("Joseph","Swanson",39,"Quahog","Police Officer"),
                                                                ("Glenn","Quagmire",41,"Quahog","Pilot")
 

Codigo del HTML

Código HTML:

<html>
<head>
<script type="text/javascript" language="javascript" src="findUser.js"></script>
</head>
<body>
 
<form>
<select id="financiamiento" onchange="colocaIVA()">
                <option value="0">Escoge...</option>                
                <option value="1">1 Pago</option>
                <option value="12">12 meses</option>
                <option value="24">24 meses</option>
                <option value="36">36 meses</option>
            </select></br>
<select name="users" id="user" onchange="showUser()">
<option value="0">Select a person:</option>
<option value="1">Peter Griffin</option>
<option value="2">Lois Griffin</option>
<option value="3">Joseph Swanson</option>
<option value="4">Glenn Quagmire</option>
</select>
</form>
<br>
<div id="txtHint"><b>Aqui se mostrara el nombre</b></div>
<div id="txtHint2"><b>Aqui se mostrara el apellido</b></div>
<div id="txtHint3"><b>Aqui se mostrara el r</b></div>
 
</body>
</html>
 

"findUser.js" Codigo del JS con la COMPATIBILIDAD PARA EL IE6

Código Javascript:

//se ejecuta con un onchage del select:option del html, 
//puede ser cualquier otro evento de JS: onclick, onblur, etc.....
function showUser()
{
var selObj2 = document.getElementById('financiamiento');
var str2 = selObj2.selectedIndex;
var selObj3 = document.getElementById('user');
var str3 = selObj3.selectedIndex;
//si escogio la primera opcion, le dice que no se encontro datos
//e imprime vacio el div txtHint2
if (str3=="0")
  {
  document.getElementById("txtHint").innerHTML="No se encontro datos";
  document.getElementById("txtHint2").innerHTML="";
  return;
  } 
  //Aqui esta el ajax para los distintos navegadores.
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  //Con esta funcion recibimos variables de PHP para pintarlas en pantalla
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    //aqui es donde estamos recibiendo con el responseText, y 
    //con el metodo split separamos el echo que recibimos de PHP
    var separar=xmlhttp.responseText.split(",");
        var nombre = separar[0];
        var apellido = separar[1];
        var r = separar[2];
        //aqui estamos pintando en los divs los valores que deseemos
    document.getElementById("txtHint").innerHTML=nombre;
    document.getElementById("txtHint2").innerHTML=apellido;
    document.getElementById("txtHint3").innerHTML=r;
    }
  }
  //Aqui es en donde estamos enviando las variables al arhivo PHP y 
  //la variable seleccioada del HTML selected:option
xmlhttp.open("GET","getuser.php?q="+str3+"&r="+str2,true);
 
xmlhttp.send();
 
// :) y eso es todo!!! esta ya esta modificada para parseo de variables
//y para tenerlo todo en archivos separados, .html, .js, .php
 
}
 

getuser.php CODIGO PHP que hace la conexion y consuta a BDD

Código PHP:

<?php
//leemos la variable que nos envia Javascript
$q=$_GET["q"];
$r=$_GET["r"];
//conecatmos ala bdd
$con = mysql_connect('localhost', 'root', '');
if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }
mysql_select_db("ajax_demo", $con);
//realizamos consulta a BDD
$sql="SELECT * FROM user WHERE id = '$q'";
$result = mysql_query($sql);
//Obtenemos los datos de la consulta y enviamos a JS
while($row = mysql_fetch_array($result))
  {
  $fistname= $row['firstname'] . "</td>";
  $lastname= $row['lastname'] . "</td>";
  $age= $row['age'] . "</td>";
  $hometown= $row['hometown'] . "</td>";
  $job= $row['job'] . "</td>";
  //con este echo se envia las variables separadas por "," o cualquier otro caracter
    echo $fistname.",".$lastname.",".$r;
  }
//termianos conexion a bdd
mysql_close($con);
?>
 

Muchas gracias por la ayuda, espero que esto le sirva a alguien mas, ya es cuestion de modificarlo y adaptarlo a sus aplicaciones, listo para copy paste :P