javascript prgress bar

JED23 · 04-04-2005, 04:58 AM

hi, i have an embedded frile in my webpage (vrml file) which will take a while to load. i want to have a loading bar where the file is but i'm not sure what the code is or where to put the code. Do you put it in the embedded file tag? :

<EMBED src="hall.wrl" TYPE="model/vrml" width="512" height="295" border="10" > , thanks , jo x x x

sde · 04-04-2005, 06:38 AM

were there instructions with the script you found? is there any other code besides the embed tag?

JED23 · 04-04-2005, 06:53 AM

i have found some code for a progress bar but im not sure if im gonna use it and it is a load bar to load the whole web page and not just the embedded file. the code for my webpage is quite long as i made it in dreamweaver, u'll find the embedded file in the middel somewehre ( ihave deleted some stuff not needed):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF">

<p><font color="#999999" face="Georgia, Times New Roman, Times, serif">Villa
Casa Blanca: <strong>Inside</strong></font></p>
</div></td>
</tr>
<tr align="right" valign="middle" bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="14"></td>
</tr>
<tr align="right" valign="middle" bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="572" align="center" valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>
<td height="337" colspan="3" align="center" valign="top">  <EMBED src="hall.wrl" name = vrml width="512" height="295" border="10" VRML_SPLASHSCREEN="FALSE"
VRML_DASHBOARD="FALSE"
VRML_BACKGROUND_COLOR="#CDCDCD"
CONTEXTMENU="FALSE"
>

 </td> </tr>
<tr>
<td height="21" colspan="2" valign="top"><div align="center"><a href="hall.wrl" target="_blank">Full
Screen</a></div></td>
<td width="1"> </td>
</tr>
<tr>
<td width="624" height="214" valign="top"><p align="center"><a href="hall.wrl" target="_blank">
</a></p>
<ul>
<li><font color="#999999" face="Georgia, Times New Roman, Times, serif">Navigate
throught he house using up down, left and right buttons on the
keyboard</font></li>
<li><font color="#999999" face="Georgia, Times New Roman, Times, serif">Click
on the walls to change the wallpaper</font></li>
<li><font color="#999999" face="Georgia, Times New Roman, Times, serif">Click
on doors to go through to a room</font></li>
<li><font color="#999999" face="Georgia, Times New Roman, Times, serif">Click
on lights to turn them on and off</font></li>
</ul></td>
<td colspan="2" valign="top"> </td>
</tr>
<tr>
<td height="1"></td>
<td width="1"></td>
<td></td>
</tr>
</table></td>
</tr>
<tr align="right" valign="middle" bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="106"> </td>
</tr>
<tr align="right" valign="middle" bordercolor="#FFFFFF" bgcolor="#993366">
<td height="19" colspan="2" valign="top"> </td>
</tr>
</table>
<div align="center"></div>
</body>

</html>

JED23 · 04-04-2005, 07:02 AM

i have just realised how complicated i made that. basically my code is:

HTML Code:

<BODY>
<TABLE>
<tr> 
<td height="337" colspan="3" align="center" valign="top">&nbsp; <EMBED src="hall.wrl" name = vrml width="512" height="295" border="10" VRML_SPLASHSCREEN="FALSE"
VRML_DASHBOARD="FALSE"
VRML_BACKGROUND_COLOR="#CDCDCD"
CONTEXTMENU="FALSE"> 
<!--vrml-->
&nbsp;</td> </tr>
</TABLE>
</BODY>

sde · 04-04-2005, 09:02 AM

what is happening when you view the page? are you using IE or something else.

usually, you need an <object> tag to embed things in IE. embed tags are for other browsers.

i'm not familiar with a .wrl file, ..what exactly is that?

also, your code will be highlighted if you put it in the [html ] [/html ] tags (without the spaces in the brackets) in this forum.

JED23 · 04-04-2005, 11:35 AM

yes im using ie and it does work. when u open the page, where the file is goes blank for a while and then appears when it loads. a wrl file is a 3d application er like virtual reality. its not really important its just the same as any other file that needs to load. Basically, the page has other stuff on it with a square in the middle where the embedded file is. where this square is, i just want a loading bar while its loading instead of just a blank square.
VRML_SPLASHSCREEN="FALSE"
VRML_DASHBOARD="FALSE"
VRML_BACKGROUND_COLOR="#CDCDCD"
CONTEXTMENU="FALSE"

this stuff just sets values within the vrml so it isnt important. the background colour though is the colour of the square that will be seen before the vrml file has loaded.

HTML Code:

<BODY>
<TABLE>
<tr> 
<td height="337" colspan="3" align="center" valign="top">&nbsp; <EMBED src="hall.wrl" name = vrml width="512" height="295" border="10" VRML_SPLASHSCREEN="FALSE"
VRML_DASHBOARD="FALSE"
VRML_BACKGROUND_COLOR="#CDCDCD"
CONTEXTMENU="FALSE"> 
<!--vrml-->
&nbsp;</td> </tr>
</TABLE>
</BODY>

sde · 04-04-2005, 01:05 PM

i'm not 100% on this, but i don't see how javascript could tell if an object is all the way loaded on the page.

are you sure the program that makes the wrl file doesn't have some way of creating a loading bar when you export it?

i can only compare it to loading a flash object, .. and i know javascript couldn't tell if a flash app was 'loading' or already loaded. ( not that you would need to do that with flash anyway )

JED23 · 04-05-2005, 03:37 AM

ok thanks for the help anyway. i think im gonna try and do a progress bar within the vrml. i just thought there might be a way of doinmg it within the html.