Marquesina con stop

Bueno, para un sitio de compra venta de propiedades, necesitabamos hacer un banner que fuera pasando las propiedades de abajo hacia arriba. Lo que utilizamos para eso fue una marquesina:

<marquee behavior=”scroll” direction=”up” scrolldelay=”100″ scrollamount=”2″ onMouseover=”this.scrollAmount=0″ onMouseout=”this.scrollAmount=2″ height=”300px”>

</marquee>

Lo interesante, es que además a la marquesina le agregamos código Javascript en el Mouseover y en el Mouseout, de manera de que al parar el mouse sobre la propiedad, ésta se queda quieta para que el usuario pueda leer tranquilo y si quiere visitar el link por más datos.

 

Login por fuera en Joomla!

Para hacer en Joomla! un login que abra una determinada página dentro de un wrapper utilizando los parámetros que se reciben desde el módulo.

El módulo lo creamos como un custom html, que va a tener un código del estilo :

<form method=”post” action=”http://uniotel/index.php?option=com_wrapper&view=wrapper&Itemid=135″> <input name=”user” type=”text” /> <br /> <input name=”pass” type=”password” /> <br /> <input value=”submit” type=”submit” /> </form>

Donde el action va a la dirección de un wrapper que creamos. El wrapper a su vez, va a mostrar un archivo php que vamos a crear, que es el que permite la autenticación contra otro servidor. Dicho archivo, va a tener algo del estilo:

<form id=”formulario” name=”formulario” method=”post” action=”http://direcciondelscriptautenticador/cgi-bin/login.pl” target=”iframe”>
<input type=”hidden” name=”user”/>
<input type=”hidden” name=”pass”/>
<input type=”image” src=”http://www.deuruguay.net/uniotel/spacer.gif” width=”0px” height=”0px” value=”"/>
</form>
<script>
var usuario = window.parent.document.getElementById(‘usuario’).value;
var password = window.parent.document.getElementById(‘clave’).value;
document.formulario.user.value = usuario;
document.formulario.pass.value = password;
</script>
<script>
document.formulario.submit();
</script>

La parte interesante, es la que toma con javascript los datos del parent.

Un detalle muy importante, es que en el idex.php del template que se esté manejando,

if ($_REQUEST["user"] != NULL && $_REQUEST["pass"] != NULL) {
$usuario = $_REQUEST["user"];
$clave = $_REQUEST["pass"];
}

(Al principio para tomar los datos que se mandan desde el formularito)

Luego, también setear en el html del index.php

<input type=”hidden” value=”<?php echo $usuario; ?>” name=”usuario” id=”usuario”/>
<input type=”hidden” value=”<?php echo $clave; ?>” name=”clave” id=”clave”/>

(Para poder tomarlo con javascript en nuestro archivito)

Internet Explorer no puede abrir la página

Trabajando con un sitio en Joomla!, ocurría que funcionaba perfectamente en Mozilla, pero en IE 6, en algunas páginas, tiraba un error de que IE no podía abrir la página (y básicamente explotaba). Resulta ser que IE tiene un problema con el evento “domready”. (Hay una buena explicación en http://mootools.lighthouseapp.com/projects/2706/tickets/168-domready-event-and-ie). Para hacer el cuento corto, si hacemos que en vez de llamarse al evento domready, se llame al evento onload, se soluciona el problema.

(Sí, bueno, aparentemente eso hace que la página demore más en cargar o qué se yo, pero la cosa es que anda bien!)

En mi caso, sustituí en Joomla! en el archivo behaviour.php que está en \libraries\joomla\html\html la línea:

$tooltipInit = ‘        window.addEvent(\’domready\’, function(){ var JTooltips = new Tips($$(\”.$selector.’\'), ‘.$options.’); });’;

por:

$tooltipInit = ‘        window.addEvent(\’onload\’, function(){ var JTooltips = new Tips($$(\”.$selector.’\'), ‘.$options.’); });’;

(Es decir, cambié domready por onload).

Ocultar y mostrar filas – Javascript

También aporte de Gonzalo, cómo hacer para ocultar/mostrar filas usando Javascript.

1. Asignar un ID único a cada fila que desees mostrar u ocultar
2. Elegir la forma en la que deseas llamar a la función que oculte o muestre las filas: ya sea al elegir una opción de un formulario o apretar un botón o imagen.

El código Javascript sería el siguiente:

Ocultar:

<SCRIPT languaje=”JavaScript”>
function ocultar(id_fila) {
document.all[id_fila].style.display = “none”;
}
</script>

Mostrar:
<SCRIPT languaje=”JavaScript”>
function mostrar(id_fila) {
document.all[id_fila].style.display = “”;
}