sstent/node
1
0
Fork 0
mirror of https://github.com/sstent/node.git synced 2026-01-26 07:02:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

added dynamic tab load

Browse Source
This commit is contained in:
Stuiart Stent
2012-06-12 09:03:14 -04:00
parent 0daf1d451f
commit 2452f7a74a
3 changed files with 49 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
app/index.html
View File

@@ -37,7 +37,7 @@
$(document).ready(function() {
var socket = io.connect();
socket.emit('populateactivities', 'please');
socket.emit('getactivites', 'please');
socket.on('populateactivities', function(json) {
console.log('#poulate recieved');
@@ -69,8 +69,34 @@
// );
$( "#tabs" ).tabs();
$( "#tabs" ).tabs('select' , 0);
//sets buttons to be jquery buttons
$("button").button();
//sets datepickers
$( "#datepicker" ).datepicker();
$( "#tabs" ).bind( "tabsselect", function(event, ui) {
//console.log('index ' + ui.index );
//console.log('tab ' + ui.tab );
//console.log('panel ' + ui.panel );
if (ui.index == 0) {
console.log('send stuff ' + ui.index );
socket.emit('getactivites', 'please');
};
if (ui.index == 2) {
console.log('send stuff ' + ui.index );
socket.emit('getexercises', 'please');
};
if (ui.index == 3) {
console.log('send stuff ' + ui.index );
socket.emit('getexpresso', 'please');
};
});
$('#ActivityList').delegate('a.activitydelete', 'click', function() {
@@ -111,12 +137,7 @@ $('ul').on('click', '.delete',function() {
});
$( "#tabs" ).tabs();
$( "#tabs" ).tabs('select' , 0);
//sets buttons to be jquery buttons
$("button").button();
//sets datepickers
$( "#datepicker" ).datepicker();
$("button").button();
//adds selectable element
@@ -172,7 +193,7 @@ $("button").click(function() {
</head>
<body>
<div id="container">
<div id="logo"><img src="/images/logo.png"/></div>
<div id="logo"><H1>Workout Tracker</h1></div>
<div id="display">
<ul>
@@ -210,7 +231,7 @@ $("button").click(function() {
<div id="tabs">
<ul>
<li><a href="#Activities">Activities</a></li>
<li><a id="Activities_tab" href="#Activities">Activities</a></li>
<li><a href="#Activity">Add Activity</a></li>
<li><a href="#ExerciseEditor">Edit Exercises</a></li>
<li><a href="#ExpressoEditor">Edit Expresso Tracks</a></li>