flynx/Course-JavaScript
1
0
Fork 0
mirror of https://github.com/flynx/Course-JavaScript.git synced 2025-10-30 19:40:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

added timer constructor...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-03-15 14:34:53 +04:00
parent 472061e96a
commit d7ec86d36f
1 changed files with 29 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
TeachersTimer/index.html
View File

@ -69,6 +69,17 @@
border-right: solid 10px gray; border-right: solid 10px gray;
} }
#new_timer {
width: 40px;
height: 40px;
margin: 10px;
border: solid 1px gray;
border-radius: 50%;
color: gray;
font-size: 39px;
text-align: center;
cursor: hand;
}
</style> </style>
@ -114,6 +125,15 @@ function formatSum(m){
'<span title="Minutes">m:<span>'+ m +'</span></span>' '<span title="Minutes">m:<span>'+ m +'</span></span>'
} }
function createTimer(parent){
var timer = document.createElement('div')
timer.className = 'timer'
timer.innerHTML = '<div class="sum">0</div>'
parent.appendChild(timer)
timer.setAttribute('onclick', 'toggleTimer(this)')
}
function toggleTimer(elem){ function toggleTimer(elem){
elem = elem elem = elem
var t = elem.getAttribute('timer')*1 var t = elem.getAttribute('timer')*1
@ -182,18 +202,20 @@ function toggleTimer(elem){
} }
} }
function setup(){
//createTimer(document.getElementById('timers'))
}
</script> </script>
</head> </head>
<body> <body onload="setup()">
<div class="timer" onclick="toggleTimer(this)"> <div id="timers"></div>
<div class="sum">0</div> <div id="new_timer" title="Add new timer" onclick="createTimer(document.getElementById('timers'))">+</div>
</div>
<div class="timer" onclick="toggleTimer(this)">
<div class="sum">0</div>
</div>
</body> </body>
<!-- vim:set ts=4 sw=4 : --> <!-- vim:set ts=4 sw=4 : -->