Topic: Detectar el uso de Internet Explorer y mostrar aviso.

January 15, 2011 - 03:07 03:07

Internet explorer siempre nos trae dolores de cabeza, sobre todo en lo que es el layout y la presentación del diseño de la web,foro,etc.
Sobre todo por su falta de soporte a css3 y css2.
-

Por eso seria bueno colocar una aviso y que este cargue únicamente cuando un usuario esta ingresando a nuestros foros con el navegador IE.

La Formula ya esta definida, y seria esta:

Index.template

Code: [Select]

if ($context['browser']['is_ie'])
			echo 'Usas IE';

el cual esta diciendo que si es que usa el navegador IE
imprimirá en la pantalla: Usas IE

Lo Trabajamos un poco mas:

Code: [Select]

		if ($context['browser']['is_ie'])
			echo '
    <div class="alerta_ie"> Hemos detectado que ha ingresado a este sitio con el navegador IE.<br />
    Le recomendamos que use un navegador como: XXX XXX . para una mejor visualización y compatibilidad con el sitio.</div>';

Al final de index.css colocamos esto.

Code: [Select]

.alerta_ie 
{
        border: 1px solid red;
	background: #F5E8E8;
	clear: both;
	text-align: center;
	padding: 5px;
}

En 2.0x Seria asi

index.template.php

Code: [Select]

		if ($context['browser']['is_' . $cssfix])
			echo '
	<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/css/', $cssfix, '.css" />';

y agregale despues:

Code: [Select]

      if ($context['browser']['is_ie'])
         echo '
    <div class="alerta_ie"> Hemos detectado que ha ingresado a este sitio con el navegador IE.<br />
    Le recomendamos que use un navegador como: XXX XXX . para una mejor visualización y compatibilidad con el sitio.</div>';

Agregar al Final del Index.css

Code: [Select]

.alerta_ie 
{
        border: 1px solid red;
	background: #F5E8E8;
	clear: both;
	text-align: center;
	padding: 5px;
}

Si sigueron los paso le quedaria algo asi:

Fuente: Zutzu

**Reply #1** January 15, 2011 - 06:39 18:39

Que poco etico de tu parte robarse un tutorial y ni siquiera poner la fuente, y lo mas descarado que fue solo un copy&paste minimo deberias haber cambiado algo...

**Reply #2** January 15, 2011 - 06:50 18:50

Quote from: LockerzMexico on January 15, 2011 - 06:39 18:39

Que poco etico de tu parte robarse un tutorial y ni siquiera poner la fuente, y lo mas descarado que fue solo un copy&paste minimo deberias haber cambiado algo...

Tranquilo, con solo recordarselo ya es suficiente.

Rosariogamers, acordate de poner siempre la fuente de donde sacas tutoriales que no estan hechos por vos.
Saludos

**Reply #3** January 15, 2011 - 08:51 20:51

Disculpen por mi falta de respeto.Salu2

**Reply #4** February 21, 2011 - 07:13 19:13

Muchas gracias por el tutorial!

**Reply #5** August 01, 2011 - 03:18 03:18

Siento responder con tanta diferencia de fecha, pero me registre hace unos dias y lo acabo de ver. Me ha servido bastante. Le he modificado el style para que quede "a juego" con mi foro. Muchas gracias de verdad.

**Reply #6** October 29, 2011 - 12:21 00:21

¿De que forma se puede hacer para que dicho mensaje aparezca pero en la parte baja del foro en vez de arriba? Salu2

**Reply #7** October 29, 2011 - 12:39 00:39

Usa este codigo css en ves del otro.

Saludos.

Code: [Select]

.alerta_ie 
{
     border: 1px solid red;
	background: #F5E8E8;
	text-align: center;
	 position: fixed;
	 bottom: 0px;
	 width: 100%;
}

**Reply #8** March 03, 2012 - 09:22 21:22

si justo lo que estaba buscando gracias gente

**Reply #9** March 04, 2012 - 03:41 03:41

De todas formas este mensaje no sirve para IE9. Alguna otra forma de que aparezca en el?

**Reply #10** March 04, 2012 - 10:24 10:24

Quizá puedas usar algo como


<div class="alerta_ie"> Hemos detectado que ha ingresado a este sitio con el navegador IE.<br />
Le recomendamos que use un navegador como: XXX XXX . para una mejor visualización y compatibilidad con el sitio.</div>

Detectar el uso de Internet Explorer y mostrar aviso.