Mouseover in frame

  • hippo
  • Born
  • Born
  • hippo
  • Posts: 1

Post 3+ Months Ago

Hello I have written this script..

Quote:
<HTML>

<HEAD>
<TITLE>MouseOver Button Wizard</TITLE>
<style type="text/css">
<!--
BODY{
scrollbar-face-color:black;
scrollbar-arrow-color:white;
scrollbar-track-color:#DDDDDD;
scrollbar-shadow-color:'';
scrollbar-highlight-color:'';
scrollbar-3dlight-color:'';
scrollbar-darkshadow-Color:'';
}
-->
</style>
<script language="JavaScript">
<!--
var browser = '';
var version = '';
var entrance = '';
var cond = '';
// BROWSER
if (browser == ''){
if (navigator.appName.indexOf('Microsoft') != -1)
browser = 'IE'
else if (navigator.appName.indexOf('Netscape') != -1)
browser = 'Netscape'
else browser = 'NN';
}
// VERSION?
if (version == ''){
version= navigator.appVersion;
paren = version.indexOf('(');
whole_version = navigator.appVersion.substring(0,paren-1);
version = parseInt(whole_version);
}
// BROWSER & VERSION
if (browser == 'IE' && version >= 4) entrance = 'yes';
if (browser == 'IE' && version < 4) entrance = 'no';
if (browser == 'Netscape' && version >= 2.02) entrance = 'yes';
if (browser == 'Netscape' && version < 2.02) entrance = 'no';
if (entrance=='yes'){
name0a=new Image;name0a.src="ohome.gif";
name0b=new Image;name0b.src="mhome.gif";
name0c=new Image;name0c.src="chome.gif";
namea0d=new Image;namea0d.src="tr.gif";
namea0e=new Image;namea0e.src="trhome.gif";
name1a=new Image;name1a.src="odown.gif";
name1b=new Image;name1b.src="mdown.gif";
name1c=new Image;name1c.src="cdown.gif";
namea1e=new Image;namea1e.src="trdownload.gif";
name2a=new Image;name2a.src="omob.gif";
name2b=new Image;name2b.src="mmob.gif";
name2c=new Image;name2c.src="cmob.gif";
namea2e=new Image;namea2e.src="trmobwpro.gif";
name3a=new Image;name3a.src="ohelp.gif";
name3b=new Image;name3b.src="mhelp.gif";
name3c=new Image;name3c.src="chelp.gif";
namea3e=new Image;namea3e.src=".gif";
}
function lighten(imgName) {
if (entrance == 'yes'){
imgOn = eval(imgName + 'b.src');
document[imgName].src = imgOn;
}
}
function darken(imgName) {
if (entrance == 'yes'){
imgOff = eval(imgName + 'a.src');
document[imgName].src = imgOff;
}
}
function darken2(imgName) {
if (entrance == 'yes'){
imgClick = eval(imgName + 'c.src');
document[imgName].src = imgClick;
}
}
function lighten2(imgName) {
if (entrance == 'yes'){
imgOn2 = eval(imgName + 'e.src');
document.namea0.src = imgOn2;
}
}
function darken3() {
if (entrance == 'yes'){
document.namea0.src = namea0d.src;
}
}
// -->
</script>

</HEAD>

<BODY BGCOLOR="white" TEXT="Black" LINK="Red" VLINK="Green" Marginwidth=0 marginheight=0 leftmargin=0 topmargin=0 BACKGROUND="bg.gif">

<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>

<TD valign=top>
<IMG SRC="1.gif" border=0><BR>
<!--Button Number 1-->
<a href="index.html" TARGET="Mitte" onmouseover="lighten('name0');lighten2('namea0');window.status='Go to home page';return 0" onmouseout="darken('name0');darken3('namea0');window.status='';return 0" onmousedown="darken2('name0')" onmouseup="darken('name0')" onFocus="blur()"><img src="ohome.gif" name="name0" alt="" border="0"></a><br>
<!--Button Number 2-->
<a href="download.html" TARGET="Mitte" onmouseover="lighten('name1');lighten2('namea1');window.status='Download MOBW';return 0" onmouseout="darken('name1');darken3();window.status='';return 0" onmousedown="darken2('name1')" onmouseup="darken('name1')" onFocus="blur()"><img src="odown.gif" name="name1" alt="" border="0"></a><br>
<!--Button Number 3-->
<a href="Lageplan.html" TARGET="Mitte" onmouseover="lighten('name2');lighten2('namea2');window.status='MOBW Pro Information';return 0" onmouseout="darken('name2');darken3();window.status='';return 0" onmousedown="darken2('name2')" onmouseup="darken('name2')" onFocus="blur()"><img src="omob.gif" name="name2" alt="" border="0"></a><br>
<!--Button Number 4-->
<a href="Guestbook.html" TARGET="Mitte" onmouseover="lighten('name3');lighten2('namea3');window.status='Help using MOBW';return 0" onmouseout="darken('name3');darken3();window.status='';return 0" onmousedown="darken2('name3')" onmouseup="darken('name3')" onFocus="blur()"><img src="ohelp.gif" name="name3" alt="" border="0"></a><br>
<a href="formular.html" TARGET="Mitte" onmouseover="window.status='Contact Me';return 0" onmouseout="window.status='';return 0"><IMG SRC="Contact.gif" border=0></a><BR>
</TD>

<TD valign=top>
<!--Secondary Image-->
<img src="tr.gif" name="namea0"><p>
</TD>
<TD width=10%>

</TR>
</TABLE>


</BODY>
</HTML>

My Idea was, that when Im going over my button, this script should show me a gif on the top of the page..

My Problem: I have made 2frame (1: on the right, 1 : on the top) now I want that the gif picture coming up in the top-frame when I am going of my button

:?:
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

Post Information

  • Total Posts in this topic: 1 post
  • Users browsing this forum: No registered users and 35 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.