TwitterPoster Groups

ByLuis

Hemos querido darle un cambio a TwitterPoster para dejar de ser únicamente un top de usuarios de Twitter. Se trata de la posibilidad de crear y pertenecer a grupos de usuarios de Twitter.

¿Para qué quiero pertenecer a un grupo de usuarios de Twitter? Pongamos un ejemplo, has acudido a Evento Blog España y quieres que tus opiniones se puedan leer dentro de un contexto, tan solo tienes que unirte al grupo de EBE07 y los usuarios podrán ver en una especie de agrupación de feeds tus mensajes junto al resto de los usuarios del grupo.

Para crear o unirse a un grupo tan solo hay que enviar un mensaje directo al usuario @poster con el siguiente formato:

join #[nombre del grupo]

Por ejemplo si deseas pertenecer al grupo EBE07 escribirás:

join #ebe07

Para poder acceder a los contenidos del grupo solo se deberá acceder a la ruta:

http://twitterposter.com/group/[nombre del grupo]

La única dificultad es que para mandar un mensaje privado a @poster tiene que seguirte, pero eso no es problema, porque en el momento que TwitterPoster detecte que eres follower suyo, en ese momento se hará follower tuyo.

El único problema lo impone el API de Twitter, el cual solo permite 70 peticiones en 1 hora, en esto no podemos hacer nada.

Existen dos grupos creados, uno de ellos pertenecientes a Com’n’Click Networks la empresa propietaria de TwitterPoster y Bitacoras.com (come_n_click) y otro grupo de prueba (test_groups).

Copy/paste / mi otro blog

Texto explicativo en las cajas de los formularios

ByLuis

Dentro de una serie de artículos sobre Javascript he encontrado este script que permite mostrar un texto explicativo en las cajas de texto y que desaparezca cuando el usuario ha escrito algo.

Primeramente necesitamos el HTML que se mostrará, se trata de un formulario normal, pero el texto explicativo, mediante estilos, en vez de aparecer debajo como se vería sin estilos, al darle posición absoluta, se mostrará sobre la caja de texto.

<style type="text/css">
.helptext {
position: absolute;
color: #999999;
z-index: 10;
font-size: small;
overflow: hidden;
}
</style>
<form action="" method="post">
<input type="text" name="login" value="" onkeyup="UpdateHelpText(this);" onmouseup="UpdateHelpText(this);" />
<div class="helptext" id="label_login" onclick="ChangeFocus(this);">
Enter Login Name
</div>
  
<input type="password" name="password" value="" onkeyup="UpdateHelpText(this);" onmouseup="UpdateHelpText(this);" />
<div class="helptext" id="label_password" onclick="ChangeFocus(this);">
Enter Password
</div>
  
<input type="submit" name="submit" value="Login" onclick="return false;" />
</form>
<script type="text/javascript" language="JavaScript">
UpdateHelpText(document.getElementsByName('login')[0]);
UpdateHelpText(document.getElementsByName('password')[0]);
</script>

Acto seguido, se necesitan las funciones javascript, en este caso son dos, una de ella que pasa el foco a la caja de texto cuando se pincha en el texto explicativo (recordad que está encima de la caja de texto):

function ChangeFocus(el) {
while (el.tagName != 'INPUT')
el = el.previousSibling;
el.focus();
}

Y la otra función que oculta el texto explicativo dependiendo del contenido de la caja de texto:

function UpdateHelpText(el)
{
var label = el;
while (label.tagName != 'DIV')
label = label.nextSibling;
if (el.value == '') {  // Field is empty; show text
label.style.left = getElementAbsPosX(el) + 'px';
label.style.top = (getElementAbsPosY(el) - 7) + 'px';
label.style.visibility = 'visible';
}
else { // Field is not empty; hide text
if (label)
label.style.visibility = 'hidden';
}
}

Advanced JavaScript III

Vía / AjaxLine