Template:Paris/Toggle

From 2008.igem.org

(Difference between revisions)
(New page: <html> <style> .clicker { cursor:pointer; color:blue; font-weight: bold; } </style> <script type="text/javascript"> function toggleNext(el) { var next=el.nextSibling; while(next.nodeTyp...)
 
(32 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<div class="toggleswitch">{{{1}}} ↑</div>
-
<style>
+
<div class="toggled" style="margin: auto; width: {{{3|935px;}}}">
-
.clicker {
+
-
cursor:pointer;
+
-
color:blue;
+
-
font-weight: bold;
+
-
}
+
-
</style>
+
-
<script type="text/javascript">
+
-
function toggleNext(el) {
+
-
var next=el.nextSibling;
+
-
while(next.nodeType != 1) next=next.nextSibling;
+
-
next.style.display=((next.style.display=="none") ? "block" : "none");
+
-
}
+
-
function getElementsByTagAndClassName(tag,cname) {
+
 
-
var tags=document.getElementsByTagName(tag);
+
{|cellspacing="2" cellpadding="10" style="background: black;" width=100%
-
var cEls=new Array();
+
|-valign="top"
-
for (i=0; i<tags.length; i++) {
+
|style="background: white;"|
-
  var rE = new RegExp("(^|\s)" + cname + "(\s|$)");
+
{{:{{{2}}}}}
-
  if (rE.test(tags[i].className)) {
+
|}
-
  cEls.push(tags[i]);
+
</div>
-
  }
+
-
  }
+
-
return cEls;
+
-
}
+
-
function toggleNextByTagAndClassName(tag,cname) {
+
-
var ccn="clicker";
+
-
clickers=getElementsByTagAndClassName(tag,cname);
+
-
for (i=0; i<clickers.length; i++) {
+
-
  clickers[i].className+=" "+ccn;
+
-
  clickers[i].onclick=function() {toggleNext(this)}
+
-
  toggleNext(clickers[i]);
+
-
}
+
-
}
+
-
window.onload=function(){toggleNextByTagAndClassName('div','toggleswitch')}
+
-
</script>
+
-
<div class="toggleswitch">↓ Jacobian Analysis ↑</div>
+
-
<div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla fringilla, nisi quis aliquam molestie, ligula leo ornare tellus, sit amet suscipit sem nisl sit amet tortor. Proin bibendum gravida sem. Morbi nisl elit, volutpat euismod, faucibus a, elementum non, risus. Ut sit amet augue. Maecenas velit nunc, tempus ut, adipiscing vitae, iaculis id, mi. Nulla facilisi. Praesent nec lorem. Aliquam vitae velit. Donec id lacus vitae urna consectetuer pretium. Integer enim sem, varius et, tempus in, congue ac, mi. Vestibulum justo velit, tempor nec, elementum ac, facilisis quis, odio.</div>
+
-
</html>
+

Latest revision as of 23:26, 29 October 2008

↓ {{{1}}} ↑


{{:{{{2}}}}}