P
pcchong
I use frames in a musicbox webpage (musicbox.htm). It opens three frames, ie
top.htm, left.htm and right.htm.
The codes are as follows (with Javascript and asp) :
(1)musicbox.htm
<html>
<head>
<title>Instant Music Box</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
<!--
window.status='Welcome to Instant Music Box'
-->
</script>
</head>
<frameset style="border: 0;" framespacing="2" border="2" rows="26,*"
frameborder="0">
<frameset style="border: 0;" framespacing="2" border="2" cols="*"
frameborder="0">
<frame src="top.htm" name="toolbar" scrolling="NO" noresize
frameborder="no" id="toolbar">
</frameset>
<frameset style="border: 0;" framespacing="2" border="2" cols="*"
frameborder="0">
<frameset border="2" framespacing="2" id="bottomframe" rows="*"
frameborder="0">
<frameset border="2" framespacing="2" id="bottomframe" cols="200,*"
frameborder="0">
<frame src="left.htm" name="search" scrolling="NO" noresize>
<frame src="right.htm" name="client" scrolling="NO" noresize
marginwidth="0"
marginheight="0">
</frameset>
</frameset>
</frameset>
<noframes size="+1">
<body>
<p>Your browser does not support frame! </p>
</body>
</noframes>
</frameset>
</html>
(2)Top.htm
<html>
<head>
<title>Instant Music Box</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="STYLESHEET" type="text/css" href="css/main.css">
<script language="javascript">
<!--
function viewsearch()
{ if (window.parent.bottomframe.cols = '200,*')
{ return false; }
else
{ window.parent.bottomframe.cols = '0,*' }
}
//-->
</script>
</head>
<body style="background-color:buttonface;border:0;margin:0px">
<fieldset style="margin-bottom:3;background:buttonface;padding:0;">
<table border="0" width="500" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="width:6;padding-left:2px;padding-right:4px;"><span
class="line1"></span></td>
<td class="normal" title="Latest songs" nowrap
onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"
onclick="window.parent.bottomframe.cols='200,*';top.frames(1).location.href=
'newsong.asp';"><img
src="images/cd.gif" width="18" height="18"
align="absbottom"> Latest </td>
<td class="normal" title="TOP10" nowrap
onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"
onclick="window.parent.bottomframe.cols='200,*';top.frames(1).location.href=
'hotsong.asp';"><img
src="images/blank.gif" width="1" height="18"
align="absbottom"> Top10 </td>
<td class="normal" title="Your pick" nowrap
onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"
onclick="window.parent.bottomframe.cols='200,*';top.frames(1).location.href=
'every.asp';"><img
src="images/blank.gif" width="1" height="18"
align="absbottom"> Your pick </td>
<td class="normal" title="Search" nowrap
onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"
onclick="window.parent.bottomframe.cols='200,*';top.frames(1).location.href=
'left.htm';"><img
src="images/search.gif" width="18" height="18"
align="absbottom"> Search </td>
<td style="width:6;padding-left:3px;padding-right:3px"><span
class="line2"></span></td>
<td class="normal" title="Play" nowrap
onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"
onclick="location='playsong.asp'"><img src="images/play.gif" width="18"
height="18"></td>
<td class="normal" title="Download" nowrap
onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"><img
src="images/download.gif" width="18" height="18"></td>
<td class="normal" title="Empty playlist" nowrap
onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"
onclick="location='clearsong.asp'"><img src="images/delete.gif"
width="18" height="18"></td>
<td style="width:6;padding-left:3px;padding-right:3px"><span
class="line2"></span></td>
<td class="normal" title="Help" nowrap
onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"
onclick="top.frames(2).location.href='help.htm'"><img
src="images/help.gif" width="18"
height="18" align="absbottom"> Help </td>
<td class="normal" title="About" nowrap
onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"
onclick="top.frames(2).location.href='about.htm'"><img
src="images/blank.gif" width="1"
height="18" align="absbottom"> About </td>
<td class="normal" title="Check out Instant Music Box" nowrap
onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"
onclick="top.frames(2).location.href='quit.htm'"><img
src="images/blank.gif" width="1" height="18"
align="absbottom"> Check out </td>
<td style="width:6;padding-left:4px;padding-right:2px;"><span
class="line1"></span></td>
</tr>
</table>
</fieldset>
</body>
</html>
(3)Left.htm
<html>
<head>
<title>Instant Music Box</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="STYLESHEET" type="text/css" href="css/main.css">
</head>
<body style="margin:0px" class="body1">
<table cellspacing="0" cellpadding="0" class="headerTable">
<tr>
<td style="height:20" style="padding-right:0px"><table border="0"
cellspacing="0"
cellpadding="0" width="100%">
<tr>
<td style="height:20"
style="border:none;padding-left:0px"> Search</td>
<td style="border:none;padding-left:0px;padding-right:0px"
width="14" align="right"><div
class="normal" onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';" onclick="history.go(-1);">
<dd><img src="images/back.gif" title="Previous page" width="12"
height="11"></dd>
</div></td>
<td style="border:none;padding-left:0px;padding-right:0px"
width="14" align="right"><div
class="normal" onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"
onclick="window.parent.bottomframe.cols = '0,*';">
<dd><img src="images/close.gif" title="Hide search window"
width="12" height="11"></dd>
</div></td>
</tr>
</table>
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="5" border="0" width="100%">
<tr>
<td><form action="search.asp" method="POST" name="searchform">
</form>
</td>
</tr>
<tr>
<td align="center">Search kind:<select name="searchkind"
style="coolinput" size="1">
<option value="songname" selected>Song name?</option>
<option value="songman">Singer?</option>
<option value="songtext">Lyrics?</option>
<option value="songof">Issues?</option>
</select> <br>
Layout:<select name="searchord" style="coolinput" size="1">
<option value="ID" selected>index no</option>
<option value="songdate">Renewal date</option>
<option value="songrate">Visit times</option>
</select> <br>
Search keywords:<input type="text" size="11" name="searchstr"
style="font-size:9pt;"><br>
<input type="submit" value=" Start search " class="coolinput"
style="margin-top:10px;margin-bottom:4px"> </td>
</tr>
</table>
</body>
</html>
(4)right.htm
<html>
<head>
<title>Instant Music Box</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="STYLESHEET" type="text/css" href="css/main.css">
</head>
<body class="body1" style="margin:0px" bgcolor="#FFFFFF">
<table class="headerTable" cellspacing="0" cellpadding="0">
<tr>
<td style="height: 20px; width: 16px;" valign="bottom"></td>
<td width="200" valign="bottom">Welcome!</td>
<td style="height: 20px; width: 16px;" valign="bottom"
align="center"></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" style="margin-top:4px"
width="100%">
<tr>
<td align="center"><br>
<br>
<img src="images/logo.gif" width="200" height="30"> </td>
</tr>
</table>
</body>
</html>
=======================================
I can run the musicbox in WinXp/IE6 with no problem. But I don't understand
why it doesn't work on WinME/IE6, only the top frame appears. Could someone
give me some clues on how to solve the problem? Thanks.
pcchong
top.htm, left.htm and right.htm.
The codes are as follows (with Javascript and asp) :
(1)musicbox.htm
<html>
<head>
<title>Instant Music Box</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
<!--
window.status='Welcome to Instant Music Box'
-->
</script>
</head>
<frameset style="border: 0;" framespacing="2" border="2" rows="26,*"
frameborder="0">
<frameset style="border: 0;" framespacing="2" border="2" cols="*"
frameborder="0">
<frame src="top.htm" name="toolbar" scrolling="NO" noresize
frameborder="no" id="toolbar">
</frameset>
<frameset style="border: 0;" framespacing="2" border="2" cols="*"
frameborder="0">
<frameset border="2" framespacing="2" id="bottomframe" rows="*"
frameborder="0">
<frameset border="2" framespacing="2" id="bottomframe" cols="200,*"
frameborder="0">
<frame src="left.htm" name="search" scrolling="NO" noresize>
<frame src="right.htm" name="client" scrolling="NO" noresize
marginwidth="0"
marginheight="0">
</frameset>
</frameset>
</frameset>
<noframes size="+1">
<body>
<p>Your browser does not support frame! </p>
</body>
</noframes>
</frameset>
</html>
(2)Top.htm
<html>
<head>
<title>Instant Music Box</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="STYLESHEET" type="text/css" href="css/main.css">
<script language="javascript">
<!--
function viewsearch()
{ if (window.parent.bottomframe.cols = '200,*')
{ return false; }
else
{ window.parent.bottomframe.cols = '0,*' }
}
//-->
</script>
</head>
<body style="background-color:buttonface;border:0;margin:0px">
<fieldset style="margin-bottom:3;background:buttonface;padding:0;">
<table border="0" width="500" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="width:6;padding-left:2px;padding-right:4px;"><span
class="line1"></span></td>
<td class="normal" title="Latest songs" nowrap
onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"
onclick="window.parent.bottomframe.cols='200,*';top.frames(1).location.href=
'newsong.asp';"><img
src="images/cd.gif" width="18" height="18"
align="absbottom"> Latest </td>
<td class="normal" title="TOP10" nowrap
onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"
onclick="window.parent.bottomframe.cols='200,*';top.frames(1).location.href=
'hotsong.asp';"><img
src="images/blank.gif" width="1" height="18"
align="absbottom"> Top10 </td>
<td class="normal" title="Your pick" nowrap
onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"
onclick="window.parent.bottomframe.cols='200,*';top.frames(1).location.href=
'every.asp';"><img
src="images/blank.gif" width="1" height="18"
align="absbottom"> Your pick </td>
<td class="normal" title="Search" nowrap
onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"
onclick="window.parent.bottomframe.cols='200,*';top.frames(1).location.href=
'left.htm';"><img
src="images/search.gif" width="18" height="18"
align="absbottom"> Search </td>
<td style="width:6;padding-left:3px;padding-right:3px"><span
class="line2"></span></td>
<td class="normal" title="Play" nowrap
onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"
onclick="location='playsong.asp'"><img src="images/play.gif" width="18"
height="18"></td>
<td class="normal" title="Download" nowrap
onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"><img
src="images/download.gif" width="18" height="18"></td>
<td class="normal" title="Empty playlist" nowrap
onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"
onclick="location='clearsong.asp'"><img src="images/delete.gif"
width="18" height="18"></td>
<td style="width:6;padding-left:3px;padding-right:3px"><span
class="line2"></span></td>
<td class="normal" title="Help" nowrap
onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"
onclick="top.frames(2).location.href='help.htm'"><img
src="images/help.gif" width="18"
height="18" align="absbottom"> Help </td>
<td class="normal" title="About" nowrap
onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"
onclick="top.frames(2).location.href='about.htm'"><img
src="images/blank.gif" width="1"
height="18" align="absbottom"> About </td>
<td class="normal" title="Check out Instant Music Box" nowrap
onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"
onclick="top.frames(2).location.href='quit.htm'"><img
src="images/blank.gif" width="1" height="18"
align="absbottom"> Check out </td>
<td style="width:6;padding-left:4px;padding-right:2px;"><span
class="line1"></span></td>
</tr>
</table>
</fieldset>
</body>
</html>
(3)Left.htm
<html>
<head>
<title>Instant Music Box</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="STYLESHEET" type="text/css" href="css/main.css">
</head>
<body style="margin:0px" class="body1">
<table cellspacing="0" cellpadding="0" class="headerTable">
<tr>
<td style="height:20" style="padding-right:0px"><table border="0"
cellspacing="0"
cellpadding="0" width="100%">
<tr>
<td style="height:20"
style="border:none;padding-left:0px"> Search</td>
<td style="border:none;padding-left:0px;padding-right:0px"
width="14" align="right"><div
class="normal" onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';" onclick="history.go(-1);">
<dd><img src="images/back.gif" title="Previous page" width="12"
height="11"></dd>
</div></td>
<td style="border:none;padding-left:0px;padding-right:0px"
width="14" align="right"><div
class="normal" onMouseDown="this.className='down';"
onMouseOut="this.className='normal';"
onMouseOver="this.className='over';"
onclick="window.parent.bottomframe.cols = '0,*';">
<dd><img src="images/close.gif" title="Hide search window"
width="12" height="11"></dd>
</div></td>
</tr>
</table>
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="5" border="0" width="100%">
<tr>
<td><form action="search.asp" method="POST" name="searchform">
</form>
</td>
</tr>
<tr>
<td align="center">Search kind:<select name="searchkind"
style="coolinput" size="1">
<option value="songname" selected>Song name?</option>
<option value="songman">Singer?</option>
<option value="songtext">Lyrics?</option>
<option value="songof">Issues?</option>
</select> <br>
Layout:<select name="searchord" style="coolinput" size="1">
<option value="ID" selected>index no</option>
<option value="songdate">Renewal date</option>
<option value="songrate">Visit times</option>
</select> <br>
Search keywords:<input type="text" size="11" name="searchstr"
style="font-size:9pt;"><br>
<input type="submit" value=" Start search " class="coolinput"
style="margin-top:10px;margin-bottom:4px"> </td>
</tr>
</table>
</body>
</html>
(4)right.htm
<html>
<head>
<title>Instant Music Box</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="STYLESHEET" type="text/css" href="css/main.css">
</head>
<body class="body1" style="margin:0px" bgcolor="#FFFFFF">
<table class="headerTable" cellspacing="0" cellpadding="0">
<tr>
<td style="height: 20px; width: 16px;" valign="bottom"></td>
<td width="200" valign="bottom">Welcome!</td>
<td style="height: 20px; width: 16px;" valign="bottom"
align="center"></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" style="margin-top:4px"
width="100%">
<tr>
<td align="center"><br>
<br>
<img src="images/logo.gif" width="200" height="30"> </td>
</tr>
</table>
</body>
</html>
=======================================
I can run the musicbox in WinXp/IE6 with no problem. But I don't understand
why it doesn't work on WinME/IE6, only the top frame appears. Could someone
give me some clues on how to solve the problem? Thanks.
pcchong