Buen día!
Les presento mi siguiente problema:
Tengo una página HTML la cual contiene un <object> que va cargando dinámicamente distintas imágenes de tipo PDF, les mostraré una parte de mi código:
Tag Object:
Código HTML:
<object id="imagen" name="imagen" data="" type="application/pdf" width="850px" height="500px">
alt : <a href="">documento</a>
</object>
El atributo "HREF" y "DATA" los cargo dinamicamente con variables en JavaScript basados en una función que se ejecuta al presionar un botón, la acción que realiza el cambio es la siguiente:
Código:
$("#imagen").attr('href','http://192.168.1.38:8080/share/proxy/alfresco/api/node/content/'+arDocumento[x]+'')
Hasta ahí todo bien.
El problema es que necesito cambiar dinamicamente el "TYPE" de <object> para poder cargar documentos de distinta extension (word, imagen, etc.) y no sólo PDF.
Probé utilizando el mismo método:
Código:
$("#imagen").attr('type',arTipoDato[x]);
Pero por alguna razón no funciona.
Notas: El método en sí funciona (asignar el valor a TYPE con una variable), ya que probé con un "alert" obtener el TYPE después de modificarlo:
Código:
alert($("#imagen").attr('type'))
Y me entrega correctamente el tipo de dato que voy asignando. El problema es que la imagen no se muestra a pesar de asignarle el type correcto.
Probé así también:
Código:
$("#imagen").attr('type','application/pdf');
Y a pesar de que si se asigna el valor, la imagen o documento no se muestra. Sólo lo hace correctamente si asigno el TYPE desde el html directamente.
¿Alguna idea?
Saludos