Ver Mensaje Individual
  #6 (permalink)  
Antiguo 29/08/2010, 17:27
danneg
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Ayuda [plugin jquery para mostrar capas]

bueno, solucione una parte de mi problema, ya se muestra la capa a la hora de pulsar el boton, el problema ahora es que solo responde al primer elemtento que llama la funcion

tambien detecta un problema en el core de jquery donde menciona que "call" no es un metodo

lo que correji fue esto:

para implementarlo se usara

Código Javascript:
Ver original
  1. $(function() {
  2.     $("#appButtonA").contextDialog("contextDialog/example.html", "Notificaciones", "right");
  3. });

en lugar de

Código Javascript:
Ver original
  1. $("#appButtonB").contextDialog("contextDialog/example.html", "Mensajes", "right");

en la linia 45 del codigo borre un ";" despues de ")" de la declaracion del metodo click de $(this)

tambien cambie todos los this por $(this)

el codigo correjido es este

Código Javascript:
Ver original
  1. (function($) {
  2.     $.fn.contextDialog = function(urlContent, title, align){
  3.         return this.each(
  4.             $(this).click(function(e){
  5.                 $.fn.contextDialog._hide();
  6.                 $(this).append(
  7.                     '<div id="appSide">' +
  8.                         '<div id="appTitle">' + title + '</div>' +
  9.                         '<div id="appContent">' +
  10.                             '<iframe id="appFrame" src="' + urlContent + '" frameborder="0" framespacing="0" border="0"></iframe>' +
  11.                         '</div>' +
  12.                         '<div id="appOptins">Ver mas</div>' +
  13.                     '</div>'
  14.                 );
  15.                 var pos = $(this).offset();
  16.                 switch(align){
  17.                     case "right":
  18.                         $("#appSide").css({
  19.                             top: pos.top,
  20.                             left: pos.left + $(this).innerWidth()
  21.                         });
  22.                     break;
  23.                     case "left":
  24.                         $("#appSide").css({
  25.                             top: pos.top,
  26.                             left: pos.left - $("#appSide").innerWidth() - 5
  27.                         });
  28.                     break;
  29.                     default:
  30.                         $("#appSide").css({
  31.                             top: pos.top,
  32.                             left: pos.left + $(this).innerWidth()
  33.                         });
  34.                     break;
  35.                 }
  36.                 $(this).click( function(e) {
  37.                     $.fn.contextDialog._hide();
  38.                     e.preventDefault();
  39.             //      $(this).click( function(e) {
  40.             //          $.fn.contextDialog(urlContent, title, align);
  41.             //          e.preventDefault();
  42.             //      });
  43.                     $(function() {
  44.                         $(this).contextDialog(urlContent, title, align);
  45.                     });
  46.                 });
  47.                 e.preventDefault();
  48.             })
  49.         );
  50.     };
  51.  
  52.     $.fn.contextDialog._hide = function() {
  53.             $("#appSide").remove();
  54.     };
  55. })(jQuery);

y podra ser visto en funcionamiento en http://dannegm.com/senpaiUno

toda la primera fila de botones tiene la funcion para que se ejecute, pero solo se ejecuta el primero boton y no se como soolucionarlo, sugerencias por favor!!

y gracias!!