");
+ t.find(".panel").append(tagsform);
+
Bible.AttachEvents(t);
$("#result").prepend(t);
@@ -376,6 +382,14 @@ define(['jquery', 'reference', 'jquery.ui'],
t.find(".removeresult").click(function(e) {
Util.RemoveResult(e);
});
+ t.find('.btn-addtag').click(function(e) {
+ var tags = $(e.target).parent().find(".input-addtag").val();
+ //TODO(JWALL): add the tags.
+ });
+ t.find('.trigger').slidePanel({
+ triggerCss: 'margin-top: 60px; display: block; width: 48px; height: 48px;',
+ panelCss: 'margin-top: 55px; border: 2px solid #666;'
+ });
}
};
var Strongs = {
diff --git a/js/jquery.slidePanel.js b/js/jquery.slidePanel.js
new file mode 100644
index 00000000..d3f96df1
--- /dev/null
+++ b/js/jquery.slidePanel.js
@@ -0,0 +1,58 @@
+/* jQuery slidePanel plugin
+ * Examples and documentation at: http://www.jqeasy.com/
+ * Version: 1.0 (22/03/2010)
+ * No license. Use it however you want. Just keep this notice included.
+ * Requires: jQuery v1.3+
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+ * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+ * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+ * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+ * OTHER DEALINGS IN THE SOFTWARE.
+ */
+(function($){
+ $.fn.slidePanel = function(opts) {
+ opts = $.extend({
+ triggerName: '#trigger',
+ triggerCss: '',
+ panelCss:'',
+ speed: 'fast',
+ clickOutsideToClose: true
+ }, opts || {});
+
+
+ var trigger = this;
+ var panel = $(this).parent().find(".panel");
+
+ // set css properties for trigger and panel
+ trigger.attr('style',opts.triggerCss);
+ panel.attr('style',opts.panelCss);
+ panel.css('filter', 'alpha(opacity='+(opts.panelOpacity*100)+')');
+ panel.css('opacity', opts.panelOpacity);
+
+ // triggerName mousedown event
+ trigger.attr( "href", "javascript:void(0)" ).mousedown(function(e) {
+
+ panel.toggle(opts.speed);
+ trigger.toggleClass("active");
+
+ return false;
+ });
+
+ if (opts.clickOutsideToClose) {
+ // bind the 'mousedown' event to the document so we can close panel without having to click triggerName
+ $(document).bind('mousedown',function(){
+ panel.hide(opts.speed);
+ trigger.removeClass('active');
+ });
+
+ // don't close panel when clicking inside it
+ panel.bind('mousedown',function(e){
+ e.stopPropagation();
+ });
+ };
+ };
+})(jQuery);
\ No newline at end of file
diff --git a/js/jquery.slidePanel.min.js b/js/jquery.slidePanel.min.js
new file mode 100644
index 00000000..677a6804
--- /dev/null
+++ b/js/jquery.slidePanel.min.js
@@ -0,0 +1,16 @@
+/* jQuery slidePanel plugin
+ * Examples and documentation at: http://www.jqeasy.com/
+ * Version: 1.0 (22/03/2010)
+ * No license. Use it however you want. Just keep this notice included.
+ * Requires: jQuery v1.3+
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+ * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+ * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+ * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+ * OTHER DEALINGS IN THE SOFTWARE.
+ */
+(function(a){a.fn.slidePanel=function(d){d=a.extend({triggerName:"#trigger",position:"absolute",triggerTopPos:"80px",panelTopPos:"50px",panelOpacity:0.9,speed:"fast",ajax:false,ajaxSource:null,clickOutsideToClose:true},d||{});var b=this;var c=a(d.triggerName);var e=a.browser.msie&&a.browser.version=="6.0";if(e){d.position="absolute"}c.css("position",d.position);c.css("top",d.triggerTopPos);b.css("position",d.position);b.css("top",d.panelTopPos);b.css("filter","alpha(opacity="+(d.panelOpacity*100)+")");b.css("opacity",d.panelOpacity);c.attr("href","javascript:void(0)").mousedown(function(){if(!d.ajax){b.toggle(d.speed);c.toggleClass("active")}if(d.ajax&&d.ajaxSource!=null){if(!b.is(":visible")){b.load(d.ajaxSource,function(g,f,i){if(f!=="success"){var h="
Sorry, but there was an error loading the document.
";b.html(h)}b.toggle(d.speed)})}else{b.toggle(d.speed)}c.toggleClass("active")}else{if(d.ajax&&d.ajaxSource==null){alert("You must define an ajaxSource to use Ajax.")}}return false});if(d.clickOutsideToClose){a(document).bind("mousedown",function(){b.hide(d.speed);c.removeClass("active")});b.bind("mousedown",function(f){f.stopPropagation()})}}})(jQuery);
\ No newline at end of file
diff --git a/js/main.js b/js/main.js
index 0a73e9c1..3f51edfa 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,4 +1,4 @@
-require(["jquery", "db", "common", "reference", "jquery.cookie", "jquery.ui"],
+require(["jquery", "db", "common", "reference", "jquery.cookie", "jquery.ui", "jquery.slidePanel"],
function($, db, common, ref) {
$(document).ready(function()
{
" + "