Team:Imperial College London/test9

From 2011.igem.org

(Difference between revisions)
(Created page with "{{:Team:Imperial_College_London/Templates/Header}} <html> <head> <script src="https://2011.igem.org/Team:Imperial_College_London/swfobject?action=raw&ctype=text/js" type="text/ja...")
Line 1: Line 1:
-
{{:Team:Imperial_College_London/Templates/Header}}
 
<html>
<html>
-
 
<head>
<head>
-
<script src="https://2011.igem.org/Team:Imperial_College_London/swfobject?action=raw&ctype=text/js" type="text/javascript"></script>
+
<script type="text/javascript" src="https://2011.igem.org/Team:Imperial_College_London/dropdowncontent?action=raw&ctype=text/js">
-
<script src="https://2011.igem.org/Team:Imperial_College_London/flashgallery?action=raw&ctype=text/js" type="text/javascript"></script>
+
 
 +
/***********************************************
 +
* Drop Down/ Overlapping Content- © Dynamic Drive (www.dynamicdrive.com)
 +
* This notice must stay intact for legal use.
 +
* Visit http://www.dynamicdrive.com/ for full source code
 +
***********************************************/
 +
 
 +
</script>
</head>
</head>
 +
<body>
<body>
 +
<!--Example #1: -->
-
<script type="text/javascript"> jQuery.flashgallery('https://static.igem.org/mediawiki/2011/c/c0/ArtGallery.swf ', ' https://2011.igem.org/Team:Imperial_College_London/gallery2?action=raw&ctype=text/xml ', {width: '975px', height: '550px', background: '#000000'});
+
<p>Demo #1: <a href="http://www.dynamicdrive.com" id="searchlink" rel="subcontent">Search DD</a></p>
-
</script>
+
-
<div style="font-size:7pt">&copy;copyright <a href="http://flash-gallery.com" target="_blank" title="Flash-Gallery.com - Art Photo Gallery free version">Flash Slideshow by Flash-Gallery.com</a> </div>
 
-
<div style="padding-top:20px">&nbsp;</div>
 
 +
<DIV id="subcontent" style="position:absolute; visibility: hidden; border: 9px solid orange; background-color: white; width: 300px; padding: 8px;">
-
</body>
+
<p><b>Search Dynamic Drive:</b></p>
 +
<form method="get" action="http://search.freefind.com/find.html" id="topform">
 +
<input name="query" maxlength="255" style="width: 150px" id="topsearchbox" alt="Search" />
 +
<input value="Search" class="topformbutton" type="submit" />
 +
</form>
 +
<div align="right"><a href="javascript:dropdowncontent.hidediv('subcontent')">Hide this DIV manually</a> | <a href="http://www.dynamicdrive.com">Dynamic Drive</a></div>
 +
 +
 +
</DIV>
 +
 +
 +
 +
 +
 +
 +
<!--Example #2: -->
 +
 +
<p align="right" style="margin-top: 400px">Demo #2 (click): <a href="http://www.dynamicdrive.com/resources/" id="contentlink" rel="subcontent2">Additional Resources</a> </p>
 +
 +
 +
<DIV id="subcontent2" style="position:absolute; visibility: hidden; border: 9px solid black; background-color: lightyellow; width: 350px; height: 120px; padding: 4px;">
 +
 +
<div style="width: 49%; float: left">
 +
<ul>
 +
<li><a href="http://www.dynamicdrive.com">Dynamic Drive</li>
 +
<li><a href="http://www.javascriptkit.com">JavaScript Kit</li>
 +
<li><a href="http://www.cssdrive.com">CSS Drive</li>
 +
<li><a href="http://www.codingforums.com">Coding Forums</li>
 +
</ul>
 +
</div>
 +
 +
<div style="width: 49%; float: left">
 +
<ul>
 +
<li><a href="http://www.cnn.com">CNN</li>
 +
<li><a href="http://www.msnbc.com">MSNBC</li>
 +
<li><a href="http://www.news.bbc.co.uk">BBC News</li>
 +
<li><a href="http://www.slashdot.org">Slashdot</li>
 +
</ul>
 +
</div>
 +
 +
<div align="right"><a href="javascript:dropdowncontent.hidediv('subcontent2')">Hide this DIV manually</a></div>
 +
 +
</DIV>
 +
 +
<script type="text/javascript">
 +
//Call dropdowncontent.init("anchorID", "positionString", glideduration, "revealBehavior") at the end of the page:
 +
 +
dropdowncontent.init("searchlink", "right-top", 500, "mouseover")
 +
dropdowncontent.init("contentlink", "left-top", 300, "click")
 +
 +
</script>
 +
 +
</body>
</html>
</html>

Revision as of 15:13, 21 September 2011

Demo #1: Search DD

Demo #2 (click): Additional Resources

Retrieved from "http://2011.igem.org/Team:Imperial_College_London/test9"