Foros del Web » Programando para Internet » Javascript » Frameworks JS »

dificultad con ModalBox

Estas en el tema de dificultad con ModalBox en el foro de Frameworks JS en Foros del Web. Un cordial saludo para todos, les cuento que tengo una dificultad con ModalBox en la cual al darle en el botton se abre una venta ...
  #1 (permalink)  
Antiguo 20/08/2010, 00:39
Avatar de andreshenao  
Fecha de Ingreso: enero-2009
Ubicación: Medellìn
Mensajes: 417
Antigüedad: 15 años, 10 meses
Puntos: 7
dificultad con ModalBox

Un cordial saludo para todos, les cuento que tengo una dificultad con ModalBox en la cual al darle en el botton se abre una venta emegente con la informacion que uno le ponga, que pasa he intentado utilizarlo en la misma pagina varias veces, pero siempre me carga el mismo texto, ya le di vueltas al codigo hasta lo dañe en un momento pero nada que funciona.
me podrían guiar en como hacerlo.

Señores de antemano mil gracias.

El codigo es este.

Cita:
jQuery(function ($) {
var OSX = {
container: null,
init: function () {
$("input.osx, a.osx").click(function (e) {
e.preventDefault();

$("#osx-modal-content").modal({
overlayId: 'osx-overlay',
containerId: 'osx-container',
closeHTML: null,
minHeight: 80,
opacity: 65,
position: ['0',],
overlayClose: true,
onOpen: OSX.open,
onClose: OSX.close
});
});
},
open: function (d) {
var self = this;
self.container = d.container[0];
d.overlay.fadeIn('slow', function () {
$("#osx-modal-content", self.container).show();
var title = $("#osx-modal-title", self.container);
title.show();
d.container.slideDown('slow', function () {
setTimeout(function () {
var h = $("#osx-modal-data", self.container).height()
+ title.height()
+ 20; // padding
d.container.animate(
{height: h},
200,
function () {
$("div.close", self.container).show();
$("#osx-modal-data", self.container).show();
}
);
}, 300);
});
})
},
close: function (d) {
var self = this; // this = SimpleModal object
d.container.animate(
{top:"-" + (d.container.height() + 20)},
500,
function () {
self.close(); // or $.modal.close();
}
);
}
};
OSX.init();
});
los div
Cita:
<div id='osx-modal'>
<input type='button' name='osx' value='Testimonio' class='osx demo'/>
</div>
<div id="osx-modal-content">
<div id="osx-modal-title">Silvana Palencia</div>
<div class="close"><a href="#" class="simplemodal-close">x</a></div>
<div id="osx-modal-data">
<h2>Hola andrecito</h2>
<p>Estuve mirando tu pagina muy interesante......y esos libros ya están aquí en ecuador cuéntame....porque estoy segura que el de hijo mió le encantaría a mi mama.</p>
<p>Te mando un abrazo fuerte</p>
<p><button class="simplemodal-close">Close</button> <span>(ó presione Esc para salir)</span></p>
</div>
</div>
</div><!-- cierra comentario Silvana Palencia-->
<div class="testi2"><!-- comentario Silvana Palencia-->
<h2>Joachim de Posada</h2>
<div id='osx-modal'>
<input type='button' name='osx' value='Testimonio' class='osx demo'/>
</div>
<div id="dosx-modal-content">
<div id="dosx-modal-title">Dr. Joachim de Posada</div>
<div class="close"><a href="#" class="simplemodal-close">x</a></div>
<div id="dosx-modal-data">
<h2>Hola Andrés</h2>
<p> Aquí en el aeropuerto listo para abordar el avión. Te felicito, esta magnifico el libro y tal parece que has encontrado un buen nicho en el mercado. Sabes que te deseo que vendas millones de libros.</p>
<p>Estoy muy orgulloso de ti.<br />
Un abrazo<br />
Dr. Joachim de Posada<br />
International Speaker, Author and Consultant<br />
Conferenciante Motivacional, Autor y Consultor</p>
<p><button class="simplemodal-close">Close</button> <span>(ó presione Esc para salir)</span></p>
</div>
</div>
</div>
el pluggin es este http://okonet.ru/projects/modalbox/

y lo que quiero esta en esta pagina en la parte de abajo en testimonios.

Muchas Gracias
__________________
-----------------
Hosting Medellin
Diseño web medellin

Etiquetas: dificultad, modalbox
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:26.