Psst.. new poll here.
Psst.. new forums here.
Microsoft is blocking us again (TY IP Reputation!) so just use oauth login instead. :)
Paste
Pasted as JavaScript by TeXXoN ( 17 years ago )
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Mootooltest</title>
<script language="JavaScript" src="mootools-1.2.1-core-nc.js"></script>
<script language="JavaScript" src="mootools.svn.js"></script>
<script language="JavaScript">
var mailboxes = new Array(); //Global
function makeToggles(prefx, idlist){
nodename = new String('node_');
togglename = new String('toggle_');
alert(idlist.length);
for(var i in prefx){
for(var j in idlist){
var id = prefx[i].valueOf() + '_' + idlist[j].valueOf();
mailboxes[id] = new Fx.Slide(nodename.valueOf() + id);
$(togglename.valueOf() + id).addEvent('click', function(e){
e = new Event(e);
mailboxes[this.id.substr(togglename.valueOf().length)].toggle();
e.stop();
});
}
}
}
window.addEvent('domready', function(){
makeToggles(
new Array(new String('password'), new String('alias')),
new Array(new String('test1'), new String('test2'))
);
})
</script>
<style type="text/css">
.node{
width: 200px;
height: 200px;
margin: 10px;
border: solid 1px black;
}
</style>
</head>
<body>
<a id="toggle_password_test1" href="#">toggle</a>
<div id="node_password_test1" class="node">
test 1 - pw
</div>
<a id="toggle_alias_test1" href="#">toggle</a>
<div id="node_alias_test1" class="node">
test 1 - alias
</div>
<a id="toggle_password_test2" href="#">toggle</a>
<div id="node_password_test2" class="node">
test 2 - pw
</div>
<a id="toggle_alias_test2" href="#">toggle</a>
<div id="node_alias_test2" class="node">
test 2 - alias
</div>
</body>
</html>
Revise this Paste
Parent: 4927