Added modal knockout binding

thecodejunkie · Jan 18, 2013 · 7c99901 · 7c99901
1 parent 406bf07
commit 7c99901
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/Nancy.Demo.Samples/Views/index.sshtml b/src/Nancy.Demo.Samples/Views/index.sshtml
@@ -44,7 +44,7 @@
 				<div class="readme" data-bind="highlight: readMe"></div>
 
 			</div>
-			<i class="icon-info-sign"></i> <a href="javascript: void(0); return false;" class="open">Read more</a>
+			<i class="icon-info-sign"></i> <a href="#" data-bind="modal: true" class="open">Read more</a>
 		</div>
 	</div>
 @EndSection
@@ -83,6 +83,17 @@
 		});
 	};
 
+	ko.bindingHandlers.modal = {
+		update: function (element, valueAccessor) {
+			$(element).click(function () {
+				var content = $('.content', $(element).parent()).html()
+				$.fancybox({
+					content: $('<div/>').addClass('list-widget').html(content)
+				 });
+			});
+		}
+	};
+
 	function DemosViewModel() {
 		var self = this;