updating web-browser, notes and calculator

resources/library/interactive/Calculator.wgt/js/ubw-main.js

@@ -18,6 +18,7 @@ function init(){
     var w = 160;
     var wh = h+6;
     var ww = w+6;
+    var clickFlag = false;
     
     var ubwidget = $("#ubwidget").ubwidget({
         width:w,
@@ -72,9 +73,15 @@ function init(){
     .appendTo($("body"));
 
     var space = $("<div></div>");
-		space.css({width:5, height:1, float:"left"});
+    space.css({
+        width:5, 
+        height:1, 
+        float:"left"
+    });
 	
-	var keysPanel = $("<div id='keysPanel'></div>").css({float:"left"});
+    var keysPanel = $("<div id='keysPanel'></div>").css({
+        float:"left"
+    });
     var mode = "standard";
     var calc = "";
     var displayTrunk = "";
@@ -83,7 +90,10 @@ function init(){
     var subtrunk = 0;
     var itrunk = 0;
     var trunkpos = 0;
-	var lastchar = {type:"NaN", value:"null"};
+    var lastchar = {
+        type:"NaN", 
+        value:"null"
+    };
     var inparenthesis = false;
     var erase = false;
     var abtn;
@@ -114,48 +124,148 @@ function init(){
         textAlign:"right",
     });
 		
-	var standardPanel = $("<div></div>").css({float:"left"});
+    var standardPanel = $("<div></div>").css({
-	
+        float:"left"
-	var cKeySize = {w:33, h:36};
+    });
-	
+	
-	var btn7 = $("<div><img src='images/touche7.png'/></div>").ubwbutton({w:cKeySize.w, h:cKeySize.h})
+    var cKeySize = {
-		.mousedown(function(){appendToDisplay("7", 1)});
+        w:33, 
-	var btn8 = $("<div><img src='images/touche8.png'/></div>").ubwbutton({w:cKeySize.w, h:cKeySize.h})
+        h:36
-		.mousedown(function(){appendToDisplay("8", 1)});
+    };
-	var btn9 = $("<div><img src='images/touche9.png'/></div>").ubwbutton({w:cKeySize.w, h:cKeySize.h})
+	
-			.mousedown(function(){appendToDisplay("9", 1)});
+    var btn7 = $("<div><img src='images/touche7.png'/></div>").ubwbutton({
-	var btnDiv = $("<div><img src='images/touchediv.png'/></div>").ubwbutton({w:cKeySize.w, h:cKeySize.h})
+        w:cKeySize.w, 
-			.mousedown(function(){appendToDisplay("/", 0)});
+        h:cKeySize.h
-	var btn4 = $("<div><img src='images/touche4.png'/></div>").ubwbutton({w:cKeySize.w, h:cKeySize.h})
+    })
-			.mousedown(function(){appendToDisplay("4", 1)});
+    .mousedown(function(){
-	var btn5 = $("<div><img src='images/touche5.png'/></div>").ubwbutton({w:cKeySize.w, h:cKeySize.h})
+        appendToDisplay("7", 1)
-			.mousedown(function(){appendToDisplay("5", 1)});
+    });
-	var btn6 = $("<div><img src='images/touche6.png'/></div>").ubwbutton({w:cKeySize.w, h:cKeySize.h})
+    var btn8 = $("<div><img src='images/touche8.png'/></div>").ubwbutton({
-			.mousedown(function(){appendToDisplay("6", 1)});
+        w:cKeySize.w, 
-	var btnMul = $("<div><img src='images/touchef.png'/></div>").ubwbutton({w:cKeySize.w, h:cKeySize.h})
+        h:cKeySize.h
-			.mousedown(function(){appendToDisplay("*", 0)});
+    })
-	var btn1 = $("<div><img src='images/touche1.png'/></div>").ubwbutton({w:cKeySize.w, h:cKeySize.h})
+    .mousedown(function(){
-			.mousedown(function(){appendToDisplay("1", 1)});
+        appendToDisplay("8", 1)
-	var btn2 = $("<div><img src='images/touche2.png'/></div>").ubwbutton({w:cKeySize.w, h:cKeySize.h})
+    });
-				.mousedown(function(){appendToDisplay("2", 1)});
+    var btn9 = $("<div><img src='images/touche9.png'/></div>").ubwbutton({
-	var btn3 = $("<div><img src='images/touche3.png'/></div>").ubwbutton({w:cKeySize.w, h:cKeySize.h})
+        w:cKeySize.w, 
-				.mousedown(function(){appendToDisplay("3", 1)});
+        h:cKeySize.h
-	var btnSou = $("<div><img src='images/touchem.png'/></div>").ubwbutton({w:68, h:34})
+    })
-				.mousedown(function(){appendToDisplay("-", 0)});
+    .mousedown(function(){
-	var btn0 = $("<div><img src='images/touche0.png'/></div>").ubwbutton({w:cKeySize.w, h:cKeySize.h})
+        appendToDisplay("9", 1)
-				.mousedown(function(){appendToDisplay("0", 1)});
+    });
-	var btnDot = $("<div><img src='images/touchedot.png'/></div>").ubwbutton({w:cKeySize.w, h:cKeySize.h})
+    var btnDiv = $("<div><img src='images/touchediv.png'/></div>").ubwbutton({
-				.mousedown(function(){appendToDisplay(".", 1)});
+        w:cKeySize.w, 
-	var btnC = $("<div><img src='images/touchec.png'/></div>").ubwbutton({w:cKeySize.w, h:cKeySize.h})
+        h:cKeySize.h
-				.mousedown(function(){reset()});
+    })
-	var btnAdd = $("<div><img src='images/touchep.png'/></div>").ubwbutton({w:68, h:34})
+    .mousedown(function(){
-				.mousedown(function(){appendToDisplay("+", 0)});
+        appendToDisplay("/", 0)
-	var btnPaL = $("<div><img src='images/touchepg.png'/></div>").ubwbutton({w:cKeySize.w, h:cKeySize.h})
+    });
-				.mousedown(function(){appendToDisplay("(", 1)});
+    var btn4 = $("<div><img src='images/touche4.png'/></div>").ubwbutton({
-	var btnPaR = $("<div><img src='images/touchepd.png'/></div>").ubwbutton({w:cKeySize.w, h:cKeySize.h})
+        w:cKeySize.w, 
-				.mousedown(function(){appendToDisplay(")", 1)});
+        h:cKeySize.h
-	var btnEqu = $("<div><img src='images/toucheeq.png'/></div>").ubwbutton({w:cKeySize.w, h:cKeySize.h})
+    })
-				.mousedown(function(){compute()});				
+    .mousedown(function(){
+        appendToDisplay("4", 1)
+    });
+    var btn5 = $("<div><img src='images/touche5.png'/></div>").ubwbutton({
+        w:cKeySize.w, 
+        h:cKeySize.h
+    })
+    .mousedown(function(){
+        appendToDisplay("5", 1)
+    });
+    var btn6 = $("<div><img src='images/touche6.png'/></div>").ubwbutton({
+        w:cKeySize.w, 
+        h:cKeySize.h
+    })
+    .mousedown(function(){
+        appendToDisplay("6", 1)
+    });
+    var btnMul = $("<div><img src='images/touchef.png'/></div>").ubwbutton({
+        w:cKeySize.w, 
+        h:cKeySize.h
+    })
+    .mousedown(function(){
+        appendToDisplay("*", 0)
+    });
+    var btn1 = $("<div><img src='images/touche1.png'/></div>").ubwbutton({
+        w:cKeySize.w, 
+        h:cKeySize.h
+    })
+    .mousedown(function(){
+        appendToDisplay("1", 1)
+    });
+    var btn2 = $("<div><img src='images/touche2.png'/></div>").ubwbutton({
+        w:cKeySize.w, 
+        h:cKeySize.h
+    })
+    .mousedown(function(){
+        appendToDisplay("2", 1)
+    });
+    var btn3 = $("<div><img src='images/touche3.png'/></div>").ubwbutton({
+        w:cKeySize.w, 
+        h:cKeySize.h
+    })
+    .mousedown(function(){
+        appendToDisplay("3", 1)
+    });
+    var btnSou = $("<div><img src='images/touchem.png'/></div>").ubwbutton({
+        w:68, 
+        h:34
+    })
+    .mousedown(function(){
+        appendToDisplay("-", 0)
+    });
+    var btn0 = $("<div><img src='images/touche0.png'/></div>").ubwbutton({
+        w:cKeySize.w, 
+        h:cKeySize.h
+    })
+    .mousedown(function(){
+        appendToDisplay("0", 1)
+    });
+    var btnDot = $("<div><img src='images/touchedot.png'/></div>").ubwbutton({
+        w:cKeySize.w, 
+        h:cKeySize.h
+    })
+    .mousedown(function(){
+        appendToDisplay(".", 1)
+    });
+    var btnC = $("<div><img src='images/touchec.png'/></div>").ubwbutton({
+        w:cKeySize.w, 
+        h:cKeySize.h
+    })
+    .mousedown(function(){
+        reset()
+    });
+    var btnAdd = $("<div><img src='images/touchep.png'/></div>").ubwbutton({
+        w:68, 
+        h:34
+    })
+    .mousedown(function(){
+        appendToDisplay("+", 0)
+    });
+    var btnPaL = $("<div><img src='images/touchepg.png'/></div>").ubwbutton({
+        w:cKeySize.w, 
+        h:cKeySize.h
+    })
+    .mousedown(function(){
+        appendToDisplay("(", 1)
+    });
+    var btnPaR = $("<div><img src='images/touchepd.png'/></div>").ubwbutton({
+        w:cKeySize.w, 
+        h:cKeySize.h
+    })
+    .mousedown(function(){
+        appendToDisplay(")", 1)
+    });
+    var btnEqu = $("<div><img src='images/toucheeq.png'/></div>").ubwbutton({
+        w:cKeySize.w, 
+        h:cKeySize.h
+    })
+    .mousedown(function(){
+        compute()
+    });				
 	
     var historyPanel = $("<div id='historyPanel'></div>")
     .css({
@@ -190,20 +300,30 @@ function init(){
     var sleft = $("<div></div>");
     var sright = $("<div></div>");
 	
-	stop.css({width:140})
+    stop.css({
+        width:140
+    })
     .append(btnAdd).append(btnSou)
     .append(btn7).append(btn8).append(btn9).append(btnMul)
     .append(btn4).append(btn5).append(btn6).append(btnDiv);
 		
-	sleft.css({width:105, float:"left"})
+    sleft.css({
+        width:105, 
+        float:"left"
+    })
     .append(btn1).append(btn2).append(btn3)
     .append(btn0).append(btnDot).append(btnC);
 		
-	sright.css({width:45, float:"left"})
+    sright.css({
+        width:45, 
+        float:"left"
+    })
     .append(btnEqu);
 	
 	
-	standardPanel.css({width:150})
+    standardPanel.css({
+        width:150
+    })
     .append(stop)
     .append(sleft).append(sright);
 	
@@ -226,16 +346,6 @@ function init(){
 	
     function resizeWidget(w, h){
         window.sankore.resize(w+2, h+2);
-	$("#indicator").remove();
-	var indicator = $("<div id='indicator'></div>")
-		.css({
-			width:w,
-			height:h,
-			position:"absolute",
-			left:0,
-			top:0,
-			border:"1px solid #ff0000"
-		});
     }
 
     function compute(){
@@ -402,4 +512,15 @@ function appendToDisplay(_char, v){
         $("#display").text(updateDisplay(displayTrunk));
     }
     
+    $("#historyBox").click(function(){
+        if(!clickFlag){
+            $(this).select();
+            clickFlag = true; 
+        }
+        else{
+            clickFlag = false;
+            $(this).blur();
+        }
+    });
+    $(document).disableTextSelect();
 };

resources/library/interactive/Notes.wgt/js/ubw-main.js

@@ -103,7 +103,9 @@ function init(){
 			
     minimize.click(
         function(){
-				$('.ubw-container').animate({height:"26px"},500);
+            $('.ubw-container').animate({
+                height:"26px"
+            },500);
             minimizedHeight = $('.ubw-container').height(); 
             minimize.hide();
             maximize.show();
@@ -118,7 +120,9 @@ function init(){
     maximize.click(
         function(){
             var lastHeight = String(minimizedHeight)+'px';
-				$('.ubw-container').animate({height: lastHeight},500);
+            $('.ubw-container').animate({
+                height: lastHeight
+            },500);
 
             maximize.hide();
             minimize.show();
@@ -149,8 +153,7 @@ function init(){
     if(textField.html().length === 0){
         textField.focus();
     }
-		titletext
+    titletext.attr('rows','1');
-			.attr('rows','1');
 			
     function controlTextField(){	
         if(textField.text().length < 25)
@@ -159,12 +162,12 @@ function init(){
             $('#headtitle').val(textField.text().substr(0,25) + "...");
 		
         textField.css({
-			height : $('.ubw-container').height()-28,
+            height : $('.ubw-container').height()-28
         })
 		
         if(textField.text().length == 0){
             textField.css({	
-				fontSize: defaultFontSize,
+                fontSize: defaultFontSize
             });
         }
 		
@@ -193,7 +196,11 @@ function init(){
         textField.css({
             fontSize : parseInt(currentFontSize)
         })
+        if(text) 
             textField.html(text);            
+        else 
+            textField.html("Enter your notes here ...");       
+        textField.focus();
     }		
 				
     window.onresize = function(){

resources/library/interactive/WebBrowser.wgt/index.html

@@ -5,16 +5,21 @@
 
     <head>
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-    <title>Video Picker</title>
+        <title>Web Browser</title>
         <link rel="stylesheet" type="text/css" href="css/main.css">
         <script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
-	<script src="scripts/jquery.oembed.js" type="text/javascript"></script>
         <!--DEFAULT FR-->
     </head>
 
     <body>
         <script type="text/javascript">
 
+            var loadingState = false;
+            
+            function changeLoadingState(){
+                loadingState = true;
+            }
+               
             $(document).ready(function(){
                 //var resizer; // Timer
                 //var resizerIndex;
@@ -31,7 +36,11 @@
                     left: cssToInt($("body").css("margin-left"))
                 };
 			
-			//resizerIndex = 0;
+                var resizer; // Timer
+                var resizerIndex;
+                
+			
+                resizerIndex = 0;
 									
                 if(window.sankore){
                     url = window.sankore.preference("url", "");
@@ -44,17 +53,19 @@
 			
                 $("#back-button")
                 .click(function(){
+                    loadingState = false;
                     if((currentHistory - 1) > 0){					
                         $("#textbox").val(references[--currentHistory-1]);						
-						frames['web-content'].location.href = references[currentHistory-1];					
+                        $("#search-button").trigger("click");
                     }
                 });
 				
                 $("#forward-button")
                 .click(function(){
+                    loadingState = false;
                     if(currentHistory < references.length) {
                         $("#textbox").val(references[currentHistory++]);
-						frames['web-content'].location.href = $("#textbox").val();
+                        $("#search-button").trigger("click");
                     }
                 });
 			
@@ -64,9 +75,9 @@
                     }
                 });
 			
-			$("#search-button")
+                $("#search-button").click(function(){
-				.click(function(){
                     if($("#textbox").val().length > 0){
+                        loadingState = false;
                         var url = $("#textbox").val();
                         var urlStart = url.split("://");
 									
@@ -82,19 +93,16 @@
                         }
                         window.resizeTo(globalWidth, globalHeight);
 						
-						$("#container")
+                        $("#container").removeClass("welcome").removeClass("change")
-							.removeClass("welcome")
+                        .removeClass("error").addClass("load");
-							.removeClass("change")
-							.removeClass("error")
-							.addClass("load");
                         $("#container-shadow").hide();
                         $("#arrow").hide();
                         $("#embeded-content").hide();
                         $("#web-content").show();
-							
+                        $('#web-content').attr('src',url);
-						frames['web-content'].location.href = url;
 							
                         checkcontent();
+                        checkLoading();
                     } else {
                         $("#embeded-content").load("locales/" + "en" + "/howto.html"); // Welcome screen with some explanations
                         $("#container")
@@ -125,26 +133,6 @@
                     $("#embeded-content").load("locales/" + "en" + "/howto.html"); // Welcome screen with some explanations
                 };
 		
-			/*$("#show-inputfield-button")
-				.click(
-					function(){
-						$("#show-area").hide();
-						$("#inputfield").show();
-						$("#shadow").show();
-						$("#container")
-							.removeClass("show")
-							.addClass("change");
-						adaptWidgetSize(18, 82);
-					})
-					.mouseenter(function(){
-						$(this)
-							.addClass("over");
-					})
-					.mouseleave(function(){
-						$(this)
-							.removeClass("over");
-					});*/
-			
                 $(window).resize(function(){
                     globalWidth = $(window).width();
                     globalHeight = $(window).height();
@@ -154,8 +142,6 @@
                 });
 							
                 function checkcontent(){
-				//clearTimeout(resizer);
-				//resizerIndex = 0;
 														
                     if(window.sankore){
                         window.sankore.setPreference("url", $("#textbox").val());
@@ -165,13 +151,22 @@
                     $("#container").removeClass("load").addClass("show");									
                 };
 			
-			/*function adaptWidgetSize(adjustmentX, adjustmentY){
+                function checkLoading(){
-				var widgetWidth = $("#container").width() + margins.right + margins.left + adjustmentX;
+                    if(loadingState){
-				var widgetHeight = $("#container").position().top + $("#container").height() + margins.bottom + adjustmentY;
                         
-				window.resizeTo(widgetWidth, $(window).height());
+                        clearTimeout(resizer);
-				window.resizeTo($(window).width(), widgetHeight);
+                        resizerIndex = 0;							
-			};*/
+                        return false;
+                    };
+                    if(resizerIndex > 70){
+                        resizerIndex = 0;
+                        $("#textbox").val("http://www.google.com/search?q=" + $("#textbox").val().replace("http://", ""));
+                        $("#search-button").trigger("click");
+                    }else{
+                        resizer = setTimeout(function(){checkLoading()}, 100);
+                        resizerIndex++;
+                    };
+                };
 				
                 function cssToInt(cssvalue){
                     return(parseInt(cssvalue.replace("px", "")));
@@ -213,7 +208,7 @@
 
                 <div id="show-container">
                     <div id="embeded-content"></div>
-				<iframe id="web-content" name="web-content" src="" scrolling=auto frameborder=1 ></iframe>
+                    <iframe id="web-content" name="web-content" src="" scrolling=auto frameborder=1 onload="changeLoadingState()"></iframe>
                 </div>
 
                 <table cellspacing="0" cellpadding="0" id="container-shadow">

resources/library/interactive/WebBrowser.wgt/scripts/jquery.oembed.js

@@ -1,146 +0,0 @@
-(function($) {
-    $.fn.oembed = function(url, options) {		
-	
-		options = $.extend({}, $.fn.oembed.defaults, options);
-		
-        return this.each(function() {      
-			
-			var container = $(this), 
-				target = (url != null) ? url : container.attr("href"), 
-				provider;		
-			
-			if (target != null) {			
-				
-				provider = getOEmbedProvider(target);
-
-				if (provider != null) {
-					provider.maxWidth = options.maxWidth;
-					provider.maxHeight = options.maxHeight;               
-					
-					provider.embedCode(target, function(code) { container.html(code); });		
-				}
-			}
-        });
-    };
-
-    // Plugin defaults
-    $.fn.oembed.defaults = {
-        maxWidth: 500,
-        maxHeight: 400
-    };
-
-    $.fn.oembed.getPhotoCode = function(url, data) {
-        var code = '<div><a href="' + url + '" target="_blank"><img src="' + data.url + '"/></a></div>';
-        if (data.html)
-            code += "<div>" + data.html + "</div>";
-        return code;
-    };
-
-    $.fn.oembed.getVideoCode = function(url, data) {
-        var code = data.html;
-        return code;
-    };
-
-    $.fn.oembed.getRichCode = function(url, data) {
-        var code = data.html;
-        return code;
-    };
-
-    $.fn.oembed.getGenericCode = function(url, data) {
-        var title = (data.title != null) ? data.title : url,
-			code = '<a href="' + url + '">' + title + '</a>';			
-        if (data.html)
-            code += "<div>" + data.html + "</div>";
-		return code;
-    };
-
-    $.fn.oembed.isAvailable = function(url) {
-        var provider = getOEmbedProvider(url);
-        return (provider != null);
-    };
-	
-    /* Private Methods */
-    function getOEmbedProvider(url) {
-        for (var i = 0; i < providers.length; i++) {
-            if (providers[i].matches(url))
-                return providers[i];
-        }
-        return null;
-    }
-
-    var providers = [
-        new OEmbedProvider("fivemin", "5min.com"),
-        new OEmbedProvider("amazon", "amazon.com"),
-        new OEmbedProvider("flickr", "flickr", "http://flickr.com/services/oembed", "jsoncallback"),
-        new OEmbedProvider("googlevideo", "video.google."),
-        new OEmbedProvider("hulu", "hulu.com"),
-        new OEmbedProvider("imdb", "imdb.com"),
-        new OEmbedProvider("metacafe", "metacafe.com"),
-        new OEmbedProvider("qik", "qik.com"),
-        new OEmbedProvider("revision3", "slideshare"),
-        new OEmbedProvider("slideshare", "5min.com"),
-        new OEmbedProvider("twitpic", "twitpic.com"),
-        new OEmbedProvider("viddler", "viddler.com"),
-        new OEmbedProvider("vimeo", "vimeo.com", "http://vimeo.com/api/oembed.json"),
-        new OEmbedProvider("wikipedia", "wikipedia.org"),
-        new OEmbedProvider("wordpress", "wordpress.com"),
-        new OEmbedProvider("youtube", "youtube.com")
-    ];
-
-    function OEmbedProvider(name, urlPattern, oEmbedUrl, callbackparameter) {
-        this.name = name;
-        this.urlPattern = urlPattern;
-        this.oEmbedUrl = (oEmbedUrl != null) ? oEmbedUrl : "http://oohembed.com/oohembed/";
-        this.callbackparameter = (callbackparameter != null) ? callbackparameter : "callback";
-        this.maxWidth = 500;
-        this.maxHeight = 400;
-
-        this.matches = function(externalUrl) {
-            // TODO: Convert to Regex
-            return externalUrl.indexOf(this.urlPattern) >= 0;
-        };
-
-        this.getRequestUrl = function(externalUrl) {
-
-            var url = this.oEmbedUrl;
-
-            if (url.indexOf("?") <= 0)
-                url = url + "?";
-
-            url += "maxwidth=" + this.maxWidth + 
-						"&maxHeight=" + this.maxHeight + 
-						"&format=json" + 
-						"&url=" + escape(externalUrl) + 
-						"&" + this.callbackparameter + "=?";						
-            return url;
-        }
-
-        this.embedCode = function(externalUrl, embedCallback) {
-
-            var request = this.getRequestUrl(externalUrl);
-
-            $.getJSON(request, function(data) {
-                
-				var code, type = data.type;
-
-                switch (type) {
-                    case "photo":
-                        code = $.fn.oembed.getPhotoCode(externalUrl, data);
-                        break;
-                    case "video":
-                        code = $.fn.oembed.getVideoCode(externalUrl, data);
-                        break;
-                    case "rich":
-                        code = $.fn.oembed.getRichCode(externalUrl, data);
-                        break;
-                    default:
-                        code = $.fn.oembed.getGenericCode(externalUrl, data);
-                        break;
-                }
-
-                embedCallback(code);
-            });
-        }
-    }
-})(jQuery);
-