Luego de buscar, un tooltip que no utilice librerías Javascript, llegue a la página Webintenta y cumplió con todo lo que necesitaba, que era un tooltip simple en Javascript y CSS. Pero tenia un error en el cual si el texto era muy largo y/o tenia caracteres especiales no se mostraba el Tooltip, modifique un poco el código y lo comparto con ustedes.
Para detectar si el usuario apretó y/o obligar a apretar el botón me gusta de facebook y ejecutar una acción a raiz de esto, se utiliza la SDK de facebook y JavaScript.
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=374293735975654";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="https://www.marcofbb.com.ar/" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.Event.subscribe('edge.create',
function(response) {
alert('You liked the URL: ' + response);
}
);
};
</script> |
El alert(); se puede editar y poner un re-direccionamiento u mostrar algún div oculto. Queda en la imaginación de cada uno como utilizar esta función. En el pie del post dejo para descargar un código mas desarrollado y con una sintaxis distinta, fuente loquenecesita.
El día de hoy me entere que hay un proyecto phpjs.org que intenta adaptar las funciones de PHP para poder trabajarlas en Javascript, es decir desde el lado del cliente, y no del servidor.
La librería ya contiene muchísimas funciones, llevan adaptando un 76% de las funciones que piensan que son compatibles, entre ellas el manejo de arrays y strings, el manejo de archivos con fopen, ect. Este proyecto también permite ver la fuente de cada función, para saber como trabajan.
Sin mas que decir, les dejo la pagina web para que vean cuales son las funciones implementadas y a implementar, phpjs.org
Es un vinculo (Publicar En Twitter) y al hacer clic sale:
Continuar leyendo..
Para vaciar el input al dar click y si no escribimos nada que vuelva a su value original tenemos que usar los eventos onblur y onfocus. Continuar leyendo..
Lightbox es un script para mostrar imágenes sin abrir popups u otra ventana en el navegador, este script lo que hace es mostrar la imagen sobre tu web. Al darle click sobre la imagen automáticamente se pone todo el fondo negro trasparente y la imagen arriba.
Continuar leyendo..