Template:Uppsala-SwedenTemplatetest

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<HTML>
<HTML>
<HEAD>
<HEAD>
-
<!-- Menu  html/js/ex/9.bk Floating layers -->
+
 
<link rel="stylesheet" type="text/css" href="../../default.css">
<link rel="stylesheet" type="text/css" href="../../default.css">
-
<TITLE>JavaScript - Floating layers</TITLE>
+
 
<SCRIPT LANGUAGE="JavaScript1.2" SRC="../../RollOver.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.2" SRC="../../RollOver.js"></SCRIPT>
Line 28: Line 28:
</style>
</style>
-
<script language="JavaScript1.2">
 
-
RollImgBase='../../images/';
 
-
RollOverImage('', 'menu', 'menu2.gif', 'menu.gif', 110, 25,
 
-
              'javascript:openMenu()', 'Java Site Menu', 1);
 
-
RollOverImage('', 'm1', 'pmenu2.gif', 'pmenu.gif', 110, 25,
 
-
              '', 'Programming Sections', 1);
 
-
 
-
RollOverImage('', 'm2', 'midi2.gif', 'midi.gif', 110, 25,
 
-
              '../../midi/index.html', 'MIDI Music', 1);
 
-
 
-
RollOverImage('', 'download', 'download2.gif', 'download.gif', 110, 25,
 
-
              '../../downloads.html', 'Downloads', 1);
 
-
 
-
RollOverImage('', 'feedback', 'feedback2.gif', 'feedback.gif', 110, 25,
 
-
              '../../feedback.html', 'Feedback Form', 1);
 
-
 
-
 
-
RollOverImage('progmenu', 'm1i1', 'c2.gif', 'c.gif', 110, 25,
 
-
              '../../c/index.html', 'C Programming Section', 1);
 
-
 
-
RollOverImage('progmenu', 'm1i2', 'java2.gif', 'java.gif', 110, 25,
 
-
              '../../java/index.html', 'Java Section', 1);
 
-
 
-
RollOverImage('progmenu', 'm1i3', 'perl2.gif', 'perl.gif', 110, 25,
 
-
              '../../perl/index.html', 'Perl Section', 1);
 
-
 
-
RollOverImage('progmenu', 'm1i4', 'html2.gif', 'html.gif', 110, 25,
 
-
              '../../html/index.html', 'HTML Authoring', 1);
 
-
 
-
RollOverImage('progmenu', 'm1i5', 'mqseries2.gif', 'mqseries.gif', 110, 25,
 
-
              '../../MQSeries/index.html', 'IBM MQSeries', 1);
 
-
 
-
 
-
//RollOverImage('midimenu', 'm2i1', 'songs2.gif', 'songs.gif', 110, 25,
 
-
//              '../../midi/index.html#thesongs', 'Songs', 1);
 
-
 
-
RollOverImage('miscmenu', 'm2i2', 'misc2.gif', 'misc.gif', 110, 25,
 
-
              '../../misc/index.html', 'Miscellaneous Stuff', 1);
 
-
 
-
RollOverImage('miscmenu', 'm2i1', 'midi2.gif', 'midi.gif', 110, 25,
 
-
              '../../midi/index.html', 'MIDI comments', 1);
 
-
 
-
RollOverImage('', 'consult', 'consult2.gif', 'consult.gif', 110, 25,
 
-
              '../../r_a_micro/index.html', 'Consultancy Services', 1);
 
-
</script>
 
-
<script language="javascript">
 
-
function init(){
 
-
RollOverInit();
 
-
titleMnuStyle = new RollOverStyle('TitleMenu','TitleMenuItem',null,null,null,null,null);
 
-
 
-
mnu1 = new RollOverMenu('m1',titleMnuStyle,'progmenu','');
 
-
mnu1.addImgItem(RollImgBase+'c.gif','../../c/index.html','C Programming Section');
 
-
mnu1.addImgItem(RollImgBase+'java.gif','../../java/index.html','Java Section');
 
-
mnu1.addImgItem(RollImgBase+'perl.gif','../../perl/index.html','Perl Section');
 
-
mnu1.addImgItem(RollImgBase+'html.gif','../../html/index.html','HTML Authoring');
 
-
mnu1.addImgItem(RollImgBase+'mqseries.gif','../../MQSeries/index.html','IBM MQSeries');
 
-
 
-
mnu2 = new RollOverMenu('m2',titleMnuStyle,'miscmenu','');
 
-
mnu2.addImgItem(RollImgBase+'midi.gif','../../midi/index.html','Midi Songs');
 
-
mnu2.addImgItem(RollImgBase+'misc.gif','../../misc/index.html','Miscellaneous Stuff');
 
-
}
 
-
</script>
 
-
 
-
<script language="javascript">
 
-
RollOverImage('', 'home', 'home2.gif', 'home.gif', 110, 25,
 
-
              '../../index.html', 'Fiendish Homepage', 1);
 
-
</script>
 
<META NAME="Author" CONTENT="Rob Quince">
<META NAME="Author" CONTENT="Rob Quince">
<META NAME="Description" CONTENT="JavaScript floating layers, a brief howto">
<META NAME="Description" CONTENT="JavaScript floating layers, a brief howto">
Line 188: Line 121:
     <TD WIDTH=40><BR></TD>
     <TD WIDTH=40><BR></TD>
     <TD HEIGHT=90>
     <TD HEIGHT=90>
-
<h1>JavaScript - Floating layers
 
-
<A HREF="timers.html" TARGET="_top"><IMG
 
-
SRC="../../images/prev_page.gif" WIDTH=26 HEIGHT=26 ALT="[Previous]"
 
-
ALIGN=absbottom BORDER=0 hspace=0></A>
 
-
<A HREF="index.html" TARGET="_top"><IMG
 
-
SRC="../../images/go_home.gif" WIDTH=26 HEIGHT=26 ALT="[Home]"
 
-
ALIGN=absbottom BORDER=0></A>
 
-
 
-
</h1>
 
     </TD>
     </TD>
Line 226: Line 150:
<div class="example">
<div class="example">
<div>
<div>
-
<pre class="example">
+
 
-
&lt;script language="javascript" src="FloatLayer.js"&gt;&lt;/script&gt;
+
-
</pre>
+
</div>
</div>
</div>
</div>
Line 236: Line 158:
<HR NOSHADE WIDTH="100%">
<HR NOSHADE WIDTH="100%">
<CENTER>
<CENTER>
-
<P>
+
 
-
  <A HREF="../../index.html"
+
-
    TARGET="_top"
+
-
    ONMOUSEOVER="return RollOver('home')"
+
-
    ONMOUSEOUT="return RollOff('home')"><IMG
+
-
WIDTH=110 HEIGHT=25
+
-
        NAME="home" ALT="[Fiendish Home]"
+
-
        SRC="../../images/home.gif"
+
-
        BORDER=0></A>
+
-
</P>
+
</CENTER>
</CENTER>
<HR WIDTH=750 NOSHADE>
<HR WIDTH=750 NOSHADE>
Line 251: Line 164:
   <TR><TD align=center>
   <TR><TD align=center>
-
  <P STYLE="font-size: 75%">
+
 
-
  Content of this page Copyright © Robert Quince 1996 - 2005.<BR>
+
-
  <A HREF="/feedback.html"> Site Comments</A>
+
-
  </P>
+
</TD>
</TD>
</TR>
</TR>

Revision as of 14:51, 6 July 2011

Java Site MenuProgramming SectionsMiscellaneous StuffConsultancy ServicesDownloadsFeedback Form



Here is a <div> that just contains some text. It can be floated as you will see.

Now press the button to see what happens next.