Imagen alternativa a un applet cuando el plugin de Java esté desactivado

Icono de applet de Java desactivado Se trata de mostrar una imagen que aparezca en lugar del applet, cuando el plugin de Java del navegador web esté desactivado.

Los applet de Java son pequeños programas escritos en el lenguaje de programación Java que se pueden incrustar dentro de una página web mediante la etiqueta <applet>

La solución aquí descrita funciona para Firefox 3.6 y Chromium 8. No lo he probado con otros navegadores web.

Código HTML inicial del applet

(a) Supongamos que estamos mostrando un applet de Java en una página HTML con el siguiente código:

<applet 
width="500" height="400"
archive="Fractal.jar" code="PlasmaApplet.class">

<param value="9999FF" name="Color" />
</applet>

(b) Cuando veamos el applet funcionando en la página web realizamos una captura de pantalla para tener una imagen de ejemplo del applet. A esta imagen la llamaremos pantallazo.png.

Para realizar la imagen podemos pulsar la tecla Impr Pant y luego recortarla con el GIMP para darle el tamaño adecuado.

Código HTML final del applet

(c) Al código HTML anterior le añadimos algunos elementos:

  1. A la etiqueta applet le ponemos el atributo identificador applet1 Aquí visualizaremos la imagen de sustitución del applet en Chromium.
  2. Dentro del applet añadimos un texto de advertencia con la etiqueta pEs el texto que aparecerá en Firefox cuando el plugin de Java esté desactivado. En Chromium no saldrá ningún texto.
  3. Dentro del applet añadimos una división con una etiqueta div vacía — Aquí visualizaremos la imagen de sustitución del applet en el navegador Firefox.
<applet id="applet1" 
width="500" height="400"
archive="Fractal.jar" code="PlasmaApplet.class">

<param value="9999FF" name="Color" />
<p>A continuación se muestra una imagen de ejemplo del applet
ya que el plugin de Java está desactivado:
</p>
<div></div>
</applet>

Comportamiento de los navegadores:

  Plugin Java
activado
Plugin Java
desactivado
Firefox applet en marcha No muestra el applet pero muestra las etiquetas dentro del applet
Chromium applet en marcha Muestra el área del applet ignorando las etiquetas de dentro del applet

Código CSS

(d) Acompañando al código HTML anterior hay que añadir el siguiente código CSS

applet p { 
color: #f00;
}

#applet1, #applet1 div {
width: 500px; height:400px;
background:
url(java_off.png) no-repeat center center,
#ccc url(pantallazo.png)
;
}

Explicación del código CSS:

  • applet p — Es el párrafo con el texto de advertencia que hay dentro del applet. Le damos color rojo (#f00).
  • #applet1 — Es el atributo id que le dimos al applet en el código HTML
  • width: 500px; height:400px; — Tiene que ser el ancho y el alto que tiene el applet en el código HTML.
  • pantallazo.png — Es la imagen que realizamos del applet cuando estaba funcionando.
  • java_off.png — Es una imagen que muestra un texto o icono indicando que el plugin de Java está desactivado.
  • #ccc — Es el color de fondo que se mostrará si carecemos de la imagen "pantallazo.png"
  • El código CSS usa 2 imágenes de fondo simultáneas. La primera (java_off.png) se superpondrá a la segunda (pantallazo.png).

Posibles imágenes para indicar que el plugin de Java está desactivado

java_off.png applet_off.png
Plugin de Java desactivado Plugin de Java desactivado
Imagen Gimp XCF Imagen Gimp XCF

Resultado final

  • Applet desactivado en Chromium:
  • Applet desactivado en Firefox

    A continuación se muestra una imagen de ejemplo del applet ya que el plugin de Java está desactivado

  • Applet desactivado careciendo de la imagen del pantallazo

Cómo desactivar el plugin de Java

  • En Firefox — Ir al menú: Herramientas → Complementos
  • En Chromium— Ir a la dirección: chrome://plugins/

Comentaris

Proinf.net, ©2003-2019 ci 3.1.10 (CC) Aquesta obra està sota una llicència de Creative Commons Aquest programari està subjecte a la CC-GNU GPL