Left Display
JavaScript Windows
Tile Vertical
Tile Horizontal
Close Windows
Project Logs
KnockOut( ?JSW=ShopName )
CartEditor( ShopName )
NorthWind KnockOut dbServer
Server Variables
Control Server Files
Server Files
WaterFall and Iterative
KnockOut: Filter Find Edit
Content Home Page
Darren Webb [Resume]
Montego Data Store Shop

Content Site Colour Display
Learn jQuery and KnockOut
Table Sorting
Frame Display
Java File Reader Applet
££Content Site Coding Page
jQuery and KnockOut Page
Content Site Articles Page
Content Site Structure
Content Menu Articles Page
Content Home Articles Page
££Content Host Articles Page
Contract Search
WebCamps Style
dHTML Controls
Site Frame Help
JavaScript Windows
Silverlight Help
Help About Page
Site Search
Ajax and Knockout: Table, Sort, Edit
The 'Tab Widget' JavaScript Window uses the /DynamicTab/TabWidget.htm with query-string parameters. Firstly a simple form is loaded as the initial tab, that form is then shown partially over three tabs. Secondly another form is loaded in the final tab. In the cases of form splitting a tree menu is not shown, tree menu display is optional.
Finally this JS Window binds to the click Menu System under Options. (but does not bind to the Trading System Callback).
This <div> uses a class: ".popOut { position: absolute; visibility: hidden; border: 1px outset green;background-color: THISTLE;}". The div is inside a td in a vanilla table. The menusystem.css is also included as is Sample1.css. Look at the right hand side of this display and see when the words wrap and move onto the next line. Test: Open say Search Site and drag beyond vertical page size. a b c d e f g h i j k l m n o p q r s t u v w x y z.
["f1.htm", "../FrameWest/MainMenu.htm", "Basic Form", "54", "y", "30", ""],
["f1.htm",  "", "Split Form Page One",  "100", "n", "", "FNAME¦EQUIPMENT¦CHAPTERS"],
["",        "", "Form Page Two",        "100", "n", "", "MUSIC¦SPORT¦TRAVEL¦DETAILS¦PASSWORD"],
["",        "", "Form Page Three",      "100", "n", "", "R1¦R2¦R3¦R4¦COMMENT"],
["contentScroll.htm", "../FrameWest/MainMenu.htm", "User Form", "54", "n", "30", ""]
The 'Project Logs' display the "Design,Change,Defect,Ideas,System" project logging categorisation as Tabs.
The Selection Project Logs from the Menu Tree displays the log system in one Web Page.
This JSWindow binds to the click menu system on the page.
'Frame Display' shows the FrameSet Pages as a Tab Solution but uses a different frame content Page and has an additional Tab.
'Montego Data Store Shop' This is an aspx simple shopping cart. Sends a zip file to the email address and 'staff'. Writes the 'Order' to the database.
'IceSave and Tim Club' A collection of people profiles, they are all tall stories with some truth.
'Java File Reader Applet' The idea is that your page structure is rigid but with dynamic stories. Essentally Injecting Html5 into a page.
'Pricing' This loads a Web Page that is a container for a Java Jar File that prices a range of derivative options. Select the File Menu to pick model in an mdi child window.
'Content Site Programming Page','contentCode.htm',
'jQuery and KnockOut Page' Another Tab Solution Description in the tree IFrame loading solutions into the data IFrame.
'Site Frame Help', '../Help/location2.htm',
'ScrumBoard', '../Manual/jQ_CodeScrumBoard.htm',
'Server Variables', '../WebForms/server.aspx'
'dHTML Controls', '../Dynamic/FormWidget.htm',
'JavaScript Windows', '../Help/Page0002.htm',
'Silverlight Help', '../Help/SilverManual.htm', In this session, you will learn how to get started with ASP.NET MVC 4.
We'll start with a new project, add in data access with Entity Framework Code First,
build out some business logic and client-side interaction,
and deploy it using Windows Azure Web Sites.
But we are not done there: you'll see how new features in ASP.NET MVC,
Entity Framework migrations and Visual Studio 2012 help you to gracefully handle site updates.
'Help About Page', '../Help/about.html',
'WaterFall' Is an introduction page to Project Management,
The WaterFall Process is then compared to the preferred Iterative Process
'Contract Search', '../Resources/jobhunt.htm',
'Site Search', '../frameWest/find.htm',
  1. IT professional, software developer, architect, designer, teamleading,
  2. visual c++, java, javascript, visual c#,
  3. ASP.NET .NET MVC 3 Web API Razor HTML5 CSS3 WCF SQL jQuery knockout AJAX SignalR
  4. options, bonds, swaps, futures, derivatives, monetary, credit, equity, fixed income
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
SignalR requires: Windows Server 2008R2 | Windows Server 2012 | Windows 8 ; FrameWork 4.0 (inplace 4.5) ; Internet Explorer 10 | Google Crome | Opera.
In Model,View,Controller terms the Hub is a Controller but you can use a Hub within a WebApi.
SignalR can run under various hosts, it is possible to have a SignalR Hub with XAML for example.
The point of SignalR is a shared Web Page Experience. Either Open Two Browsers Or Two JSWindows which has the same effect.
If you open the two sub-hostings one wobbles one does not. That is due to jsWindows handling right margin

I am not sure I would trust this man with a computer
but I sure would trust him with a guitar.

Table sorting with a jQuery PlugIn

StackOverflow and this site do not allow sub-Hosting (loading another site in a frame or iframe)


This KnockOut! sample shows two examples of ko.applyBindings(viewModel)
ko.applyBindings(vm, document.getElementById("FindAndEdit"));
var aCart = new Cart();
ko.applyBindings( aCart, document.getElementById("CartEditor") );


NorthWind KnockOut JSON Shape dbServer