Solucionado!!
antes de continuar gracias por su ayuda y los demas por leer este post
bueno, despues de tanto probar encontre la falla y ya esta solucionado
lo que hice fue quitar la funcion each(), que impedia ejecutar para cada elemento.
ahora el script funciona corecctamente, aun asi sigo aceptando sugerencias
para el que le interese aqui les dejo el codigo y un enlace de descarga
aviso: solo funciona con elementos que puedan tener foco (a, input, button, etc)
modo de uso:
en head
Código Javascript
:
Ver original<link type="text/css" rel="stylesheet" href="contextDialog/contextDialog.css" />
<script type="text/javascript" src="includes/jquery.min.js">
</script>
<script type="text/javascript" src="contextDialog/jquery.contextDialog.js">
</script>
<script type="text/javascript">
$(function() {
$("#appButton").contextDialog("contextDialog/example.html", "Notificaciones", "right");
});
</script>
el codigo:
Código Javascript
:
Ver original(function($) {
$.fn.contextDialog = function(urlContent, title, align){
$(this).click(function(e){
$("#appSide").remove();
$("body").append(
'<div id="appSide"><div id="appPanel">' +
'<div id="appTitle">' + title + '</div>' +
'<div id="appContent">' +
'<iframe id="appFrame" src="' + urlContent + '" frameborder="0" framespacing="0" border="0"></iframe>' +
'</div>' +
'<div id="appOptins">Ver mas</div>' +
'</div></div>'
);
var pos = $(this).offset();
switch(align){
case "right":
$("#appSide").css({
top: pos.top - 5,
left: pos.left + $(this).innerWidth()
});
break;
case "left":
$("#appSide").css({
top: pos.top,
left: pos.left - $("#appSide").innerWidth() - 5
});
break;
default:
$("#appSide").css({
top: pos.top - 5,
left: pos.left + $(this).innerWidth()
});
break;
}
$(this).focus();
$(this).blur(function() {
$("#appSide").remove();
});
});
};
})(jQuery);
y el enlace a la descarga
http://dannegm.com/contextDialog.rar
y puede ser visto funcionando aqui
http://dannegm.com/senpai
de nuevo gracias por su ayuda!!