Comments on: TinyBox JavaScript Popup Box – 3.4KB

By: Rub

Rub — Wed, 17 Mar 2010 07:26:49 +0000

Hi,

first of all: great script!!

I made a screen with Tinybox and when the user clicks the submit button in Tinybox, my php code processes the data from the form field. Now i want to add some code that when the processing of my data is done, the tinybox is closed. (iow, not linked to a button)

I tried with TINY.box.hide but doesn't work.

Can someone help me?
Thx in advance!

By: locojester

locojester — Tue, 16 Mar 2010 18:18:06 +0000

Love the script. Amazing.

However it looks to be locked into unique "IDs". Does anyone have a solution so that it can be used with "classnames"?

Thanks.

By: Clotho

Clotho — Fri, 12 Mar 2010 03:03:53 +0000

Closing Tinybox at IE8 is slow. I modify the code to remove the fading effect, so it can be faster.

— tinybox.js (version 919)
+++ tinybox.js (working copy)
@@ -52,7 +52,7 @@
}
},
hide:function(){
- TINY.box.alpha(p,-1,0,3)
+ TINY.box.alpha(p,-1,100,3)
},

By: ooty

ooty — Wed, 10 Mar 2010 09:10:55 +0000

Nice work keep it up

By: 一零八八

一零八八 — Tue, 09 Mar 2010 01:50:01 +0000

有中文说明文档么?

By: Ironwarez

Ironwarez — Fri, 05 Mar 2010 21:13:38 +0000

Fix For Width and Height (No Show The RightBar and Horizontal Bar)
twsize:function(e,w,wo,wd,h,ho,hd){
var ow=e.offsetWidth-wo, oh=e.offsetHeight-ho;
if(ow==w&&oh==h){
// Fix Width and Height
e.style.width=Math.ceil(ow+20)+'px';
e.style.height=Math.ceil(oh+60)+'px';
clearInterval(e.si); p.style.backgroundImage='none'; b.style.display='block';
}else{
if(ow!=w){e.style.width=Math.ceil(ow+((w-ow)*.5))+'px'; }
if(oh!=h){e.style.height=Math.ceil(oh+((h-oh)*.5))+'px'}
this.pos()
}
}

By: John

John — Thu, 04 Mar 2010 04:43:44 +0000

Please disregard my previous comment. I realize now, that when using AJAX, you really should let the modal animate. If you don't, you get a crazy jump when the box goes from 100×100 to its new size once the content is loaded.

By: John

John — Wed, 03 Mar 2010 21:17:21 +0000

This is an excellent script. I can't believe how lightweight it is. Great job. I think I may have found a bug though. If I'm displaying content with AJAX and turn off animating the window, the modal doesn't display anything.

For example, if I change the advanced demo from T$('testclick1').onclick = function(){TINY.box.show('advanced.html',1,300,150,1)} to T$('testclick1').onclick = function(){TINY.box.show('advanced.html',1,300,150,0)}, it no longer works.