?
Solved

5 second splash screen with image

Posted on 2003-03-26
4
Medium Priority
?
238 Views
Last Modified: 2010-04-01
Hi,

I would like to know if there is any code available or if anyone knows how to make a Splash Screen type of thing where a window would pop-up, load an image within the new window (or it could be hardcoded on the page that it loads... i don't care) and then closes the window after 5 seconds... or less...

I'm sure there is a way to do this... i need a working response A.S.A.P. and i've given the points to reflect that... hope you guys can help!

Thanks!

MaxOvrdrv2
0
Comment
Question by:MaxOvrdrv2
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 10

Author Comment

by:MaxOvrdrv2
ID: 8212997
crap.. this should be in the JavaScript section... it's ok.. if anyone can answer.. let me know... in the mean time... i will post another question in JavaScript sections...
0
 
LVL 9

Expert Comment

by:nimaig
ID: 8215874
Check out if this helps. Copy the below code and make two files 1. Test.html 2. splash.html
Open Test.html in browser.
=====================test.html=========================
<HTML>
     <HEAD><TITLE>TESTING</TITLE>
     <SCRIPT language="javascript">
     <!--
          function openFlash(){
               //Try both the option and use according to your requirement
               //var w = window.open('splash.html','new_win','fullscreen=no,status=no,buttons=no,toolbar=no,location=no,scrollbars=0,resizable=no');
               var w = window.open('splash.html','new_win','fullscreen=yes,status=no,buttons=no,toolbar=no,location=no,scrollbars=0,resizable=no');
               w.resizeTo(400,130);
               var lleft = get_lleft (400);
               var ltop = get_ltop (130);
               w.moveTo(lleft,ltop);
               w.focus();
          }
         
          function get_lleft ( p_width ){
               var l = (screen.availWidth/2)-(p_width/2);
               return l;
          }
     
          function get_ltop ( p_height ){
               var t = (screen.availHeight/2)-(p_height/2);  
               return t;
          }
     //-->
     </SCRIPT>
     </HEAD>
     <BODY onload="javascript:openFlash()">
     </BODY>
</HTML>
     
====================== splash.html =====================

<HTML>
     <HEAD><TITLE>TESTING</TITLE>
     <SCRIPT language="javascript">
     <!--
          function handleOnLoad(){
               window.setTimeout("closeWin()",5000);
          }
         
     
          function closeWin(){
               self.close();
          }
     //-->
     </SCRIPT>
     <STYLE type="text/css">
          <!--
               body{
                    background-color : #D4D0C8;
                    border : thin outset;
               }
               td.frame{
                    background-color : #D4D0C8;
                    border : thin groove;
               }
          //-->
     </STYLE>
     </HEAD>
     <BODY topmargin=0 leftmargin=0 marginheight=0 marginwidth=0 onload="javascript:handleOnLoad()">
          <TABLE>
               <TR>
                    <TD valign="center" align="center">
                         <TABLE width="370px" height="100px">
                              <TR>
                                   <TD class="frame" valign="center" align="center">
                                        <IMG src="http://www.experts-exchange.com/v3.0/images/greyLogo.jpg">
                                   </TD>
                              </TR>
                         </TABLE>
                    </TD>
               </TR>
          </TABLE>
     </BODY>
</HTML>    
0
 
LVL 9

Accepted Solution

by:
nimaig earned 2000 total points
ID: 8215913
Addition: Replace
body{
                   background-color : #D4D0C8;
                   border : thin outset;
              }


with the below :

body{
                    background-color : #D4D0C8;
                    border : thin outset;
                    scrollbar-3dlight-color : #D4D0C8;
                    scrollbar-arrow-color : #D4D0C8;
                    scrollbar-base-color : #D4D0C8;
                    scrollbar-darkshadow-color : #D4D0C8;
                    scrollbar-face-color : #D4D0C8;
                    scrollbar-highlight-color : #D4D0C8;
                    scrollbar-shadow-color : #D4D0C8;
                    scrollbar-track-color : #D4D0C8;
               }
0
 
LVL 10

Author Comment

by:MaxOvrdrv2
ID: 8217689
i had it done already from the JavaScript section... but since you put some time and code into this... i'll give you the points... i'm in a good mood today!

Cheers!
Enjoy!
Don't spend em all!

MaxOvrdrv2
0

Featured Post

On Demand Webinar: Networking for the Cloud Era

Ready to improve network connectivity? Watch this webinar to learn how SD-WANs and a one-click instant connect tool can boost provisions, deployment, and management of your cloud connection.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Hey fellow admins! This time, I have a little fairy tale for you. As many tales do, it starts boring and then gets pretty gory. I hope you like it. TL;DR: It is about an important security matter, you should read it if you run or administer Windows …
I don't pretend to be an expert at this, but I have found a few things that are useful. I hope that sharing them here will help others, so they will not have to face some rather hard choices. Since I felt this to be a topic of enough importance and…
In this video you will find out how to export Office 365 mailboxes using the built in eDiscovery tool. Bear in mind that although this method might be useful in some cases, using PST files as Office 365 backup is troublesome in a long run (more on t…
Sometimes it takes a new vantage point, apart from our everyday security practices, to truly see our Active Directory (AD) vulnerabilities. We get used to implementing the same techniques and checking the same areas for a breach. This pattern can re…
Suggested Courses
Course of the Month8 days, 2 hours left to enroll

765 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question