27 august 2010

Ferestre modale in HTML

Ieri a trebuit sa fac o modificare la un site mai vechi, si anum e sa pun (din nou) fereastra modala de abonare la Newsletter, acu 2 ani am facut asta cu TinyBOX, acum asi fi facut-o cu ShadowBOX, asa ca m-am documentat sa vad care ar mai fi alte variante. Asa ca va prezint :

DHTML Modal
http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow/dhtmlmodal.htm
Arata ca o fereastra in windows (inchidere in coltu dreapta sus), poate contine doar HTML

DHTML_modalMessage
http://www.dhtmlgoodies.com/scripts/modal-message/demo-modal-message.html
Apare un dereptunghi cu HTML in el, trebuie sa ii faci tu buton de close (bun pentru teasere de newsletter)

TinyBOX
http://sandbox.leigeber.com/tinybox/
Este asemanator cu modalMessage doar ca TinyBOX da un efect de innegrire la restul paginii

Shadowbox
http://www.shadowbox-js.com/
Spre deosebir de predecesorul sau Lightbox2 http://www.huddletogether.com/projects/lightbox2/ care era special pentru imagini, Shadowbox poate sa contina aproape orice (HTML, SWF, imagine, Quicktime, Youtube, Yahoo! Video, Vimeo, Google Video, Flash Video). O varianta mai putin evoluata ar fi LightWindow http://www.p51labs.com/lightwindow/

Aceste solutii sunt standalone. Pentru solutii Prototype, jQuery, etc. aici ; http://www.designlabelblog.com/2009/03/20-ways-to-create-javascript-modal.html