TinyBox

Hi,
I am using TinyBox from
http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/HTML/Q_25761272.html

When it pops up it displays a small rectangle with animation for 3 seconds.
I want to skip it. It has a toggle parameter (second) to skip it (I think) but when I set tit to 0 it doesn't change anything.
How can I do it?
VapiSoftAsked:
Who is Participating?
 
hieloConnect With a Mentor Commented:
>>What I see is that Demo2 also has an animation and also takes about 3 seconds.
Originally you said:
"When it pops up it displays a small rectangle with animation for 3 seconds. I want to skip it."

Example two is coded as follows:
$('.fixedAjaxDOMWindow').openDOMWindow({ 
height:200, 
width:200, 
positionType:'fixed', 
positionTop:300, 
positionLeft:300, 
eventType:'click', 
loader:1, //SET this to Zero if you do not want the animation
loaderImagePath:'animationProcessing.gif', //and get rid of this
loaderHeight:16, 
loaderWidth:17, 
windowSource:'ajax', 
windowHTTPType:'post' 
}); 

>>Only the "inline" demos open fast.
Of course! The browser does not have to make a remote request for the data. It is already in the browser. But if you are trying to "import" content dynamically delays will be noticeable especially on clients who have a slow internet connection. That's why these plugins have that animation. On a slow connection, without the animation it may seem as if though your page is not doing anything.

Open in new window

0
 
hieloCommented:
>>It has a toggle parameter (second)
No. The toggle parameter is the 5th parameter. So intead of:

TINY.box.show('advanced.html',1,300,150,1,3);

you should be using:
TINY.box.show('advanced.html',1,300,150,0);
0
 
VapiSoftAuthor Commented:
The 5th parameter controls the auto-hide.
I do set it to 0.
I am talking about the small rectangle with the animation at the beginning of the show.
0
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
hieloCommented:
The documentation on that page states:

The TINY.box.show function takes 6 parameters:

1. the HTML content for the box or the relative path to the AJAX source,

2. a toggle (true/false or 1/0) if the content is via AJAX,

3. the width of the window (use 0 for auto),

4.  the height of the window (use 0 for auto),

5. a toggle (true/false or 1/0) to animate the window,

6. and the time in seconds to wait before auto hiding the popup (optional).

The auto-hide is the the Last parameter (the 6th parameter). So the 5th parameter is what you want.
0
 
VapiSoftAuthor Commented:
The funny thing is that if I set the 5th (second from last) parameter to zero,
It reates only the animation (small rectangle with 3 seconds animation) and does not open the HTML page.
0
 
hieloCommented:
Have you consider using an alternate plugin?
http://swip.codylindley.com/DOMWindowDemo.html

That particular plugin is limited to the 6 options stated above and if those don't meet your needs, then perhaps you need something more flexible.
0
 
VapiSoftAuthor Commented:
I need something that can open an HTML page (like the TinyBox),  but can also display parameters that I send to it. I asked this question in a seperate post on TinyBox.
And that I can call other functions in the main page with the parameters that the user enters.
Can example 3 do that?
0
 
hieloCommented:
>>Can example 3 do that?
First of all, example 3 uses an iframe to import a remote url.  Tinybox cannot do this. Tinybox relies on files from the SAME domain. So on the example page, Example 2 basically does what Tinybox does.

>> but can also display parameters that I send to it
How are you doing this with Tinybox? The DOMwindow plugin creates an element with id=DOMWindow. So if you obtain a reference to that element, you can "insert/pass" content into that window.
0
 
VapiSoftAuthor Commented:
What I see is that Demo2 also has an animation and also takes about 3 seconds.
So I don't gain anything from using it.
Only the "inline" demos open fast.
0
 
hieloCommented:
BTW: if you REALLY want the animation to not show up at all using Tinybox, then you can:
a. replace your preloader.gif image with a transparent image
OR
b. in your css change:
background:#fff url(preload.gif)

to:
background:#fff url()

and the animation will disappear.
TINY.box.show('advanced.html',1,300,150,1)
0
 
VapiSoftAuthor Commented:
Thanks. Now I understand that I cannot make it work fast. I use it to show help content and because there is a lot of Help pages I cannot make it "online".
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.