Problema con eedimension de imagenes en IE usando jquery

[LOD_Fredy]

Hola a todos, como parte del mismo sistema que estoy haciendo requiero que las imagenes se puedan redimensionar de forma que si son superiores a cierta resolucion 990x560 se reduzcan ya sea del ancho a 990px o del alto a 560px, este codigo ya lo tengo y funciona bien en firefox, sine embargo, necesito que tambien funcione en IE.

Este es mi codigo:

Código Javascript:

<script>
    $(document).ready(function(){
        $("#imagen").load(function(){
        var ancho= $("#imagen").width();
        var alto= $("#imagen").height();
        if(ancho>990 && ancho>alto)
            $("#imagen").attr("width","990px");
        else if(ancho>990 && ancho<alto)
            $("#imagen").attr("height","560px");
            else
                if(alto>560 && ancho<alto)
                    $("#imagen").attr("height","560px");
                else
                    if(alto>560 && ancho>alto)
                    $("#imagen").attr("width","990px");
        if(ancho>990 || alto>560 && ancho==alto)
            $("#imagen").attr("height","560px");
        })          
    })  
</script>
 

Ojala me ayuden a hacerlo funcionar cuando menos en ie y firefox.

[LOD_Fredy]

Ahora tampoco funciona en ie el codigo que me llena un select a partir de otro (selects dependientes).

Edito: dejo la parte del codigo que me marca el error y que obviamente es la que llena el otro select

Código Javascript:

<script>
      $(document).ready(function(){
  
          $("select").change(function(){
  
                    // Llamamos a pagina combos.php donde ejecuto las consultas para llenar el combo
  
                      $.post("combo.php",{
                                          combo:$(this).attr("name"), // Nombre del combo  
                                          valor:$(this).val(), // Valor seleccionado  
                                          opc:1
                                          },function(data){  
                                                          $("#"+combos[posicion]).html(data);    //Tomo el resultado de pagina e inserto los datos en el combo indicado                                                           
                                                          })        
</script>
 

El error que me marca es este:

Código codigo de error:

Line: 1609
Char: 3
Error: Automation server can´t create object
Code: 0
URL: http://127.0.0.1/VTD/menu.php
 

Apenas empiezo a aprender jquery y algunas cosas las he encontrado y modificado a mis necesidades, otras se me han ocurrido con lo poco de jquery que he aprendido durante estos dias y por eso diria que mi codigo no es el mas fiable al menos en cuanto a acomodarlo y eso (posible razon por la cual falla en ie).

[LOD_Fredy]

Segui buscando (ya que nadie me daba una solucion y lo que hice fue esto:

Código Javascript:

<script>
    $(document).ready(function(){   
        $("#imagen").load(function(){
        var ancho= $("#imagen").width();
        var alto= $("#imagen").height();
        /*if(ancho>990 && ancho>alto)
            $("#imagen").attr("width","990px");
        else if(ancho>990 && ancho<alto)
            $("#imagen").attr("height","560px");
            else
                if(alto>560 && ancho<alto)
                    $("#imagen").attr("height","560px");
                else
                    if(alto>560 && ancho>alto)
                    $("#imagen").attr("width","990px");
        if(ancho>990 || alto>560 && ancho==alto)
            $("#imagen").attr("height","560px");
        })*/
        if(ancho>990 && ancho>alto)
            <?php
                echo "<img id='imagen' height='560px' src='modelo/imagen.php?IDORI=$idori' alt='Original'>";
            ?>
        else if(ancho>990 && ancho<alto)
            <?php
                echo "<img id='imagen' height='560px' src='modelo/imagen.php?IDORI=$idori' alt='Original'>";
            ?>
            else
                if(alto>560 && ancho<alto)
                    <?php
                        echo "<img id='imagen' height='560px' src='modelo/imagen.php?IDORI=$idori' alt='Original'>";
                    ?>
                else
                    if(alto>560 && ancho>alto)
                    <?php
                        echo "<img id='imagen' width='990px' src='modelo/imagen.php?IDORI=$idori' alt='Original'>";
                    ?>
        if(ancho>990 || alto>560 && ancho==alto)
            <?php
                echo "<img id='imagen' height='560px' src='modelo/imagen.php?IDORI=$idori' alt='Original'>";
            ?>
        })
    })  
</script>
 

En vez de el codigo original que tenia (que esta comentado en el codigo), lo que hice fue enviar echos creando la etiqueta de la imagen con el ancho o alto correspondiente dependiendo del tamaño real que tenga la imagen. Esto funciona, sin embargo, genera un error que en ie si tienes habilitado el visor de erroes (o como se llame), aparece antes de mostrarte la imagen.

He de mencionar que obviamente en la etiqueta body creo la etiqueta de la imagen con su tamaño real, despues el codigo javascript manda el echo y sustituye la imagen en el body por la del echo.

[caricatos]

Tema movido desde AJAX

jquery y ajax no son la misma cosa... Ajax implica consultas al servidor, cosa que no parece que sea cuestión de la pregunta.

Saludos