changed Wikipedia, Wiktionary and WebBrowser widgets

resources/library/interactive/WebBrowser.wgt/css/main.css

@@ -180,3 +180,19 @@ body{
 	background-image:url(../imgs/right.png);
 	background-repeat:no-repeat;
 }
+
+.popupWordInfo{
+    position: absolute;
+    display: none;
+    width: 100px;
+    height: 17px;
+    top: 0;
+    left: 0;
+    text-align: center;
+    border: 1px solid #B9B9B9;
+    background-color: #eaebeb;
+    color: black;
+    font-family: Verdana,Arial,Helvetica,sans-serif;
+    font-size: small;
+    z-index: 100;
+}

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

@@ -22,6 +22,7 @@
             $(document).ready(function(){
                 //var resizer; // Timer
                 //var resizerIndex;
+                var popupFlag = false;
                 var currentHistory = 0;
                 var references = new Array();
                 var globalWidth = 850;
@@ -37,6 +38,7 @@
                 var resizer; // Timer
                 var resizerIndex;
                 
+                var popupText = $("<div id='popupWordInfo' class='popupWordInfo'></div>").appendTo("body");
                 
                 resizerIndex = 0;
 									
@@ -67,6 +69,52 @@
                     }
                 });
 		
+                $("#search-button").mouseover(function(evt){
+                    popupFlag = true;
+                    popupText.css("top", evt.pageY + 5)
+                    .css("left", evt.pageX + 13)
+                    .css({width:"100px"})
+                    .text("Go to the site")
+                    .show("fast", function(){
+                        if(!popupFlag)
+                            popupText.hide();
+                    });
+                });
+                
+                $("#back-button").mouseover(function(evt){
+                    popupFlag = true;
+                    popupText.css("top", evt.pageY + 5)
+                    .css("left", evt.pageX + 13)
+                    .css({width:"90px"})
+                    .text("Previous site")
+                    .show("fast", function(){
+                        if(!popupFlag)
+                            popupText.hide();
+                    });
+                });
+                
+                $("#forward-button").mouseover(function(evt){
+                    popupFlag = true;
+                    popupText.css("top", evt.pageY + 5)
+                    .css("left", evt.pageX + 13)
+                    .css({width:"70px"})
+                    .text("Next site")
+                    .show("fast", function(){
+                        if(!popupFlag)
+                            popupText.hide();
+                    });
+                });
+                
+                $("#search-button, #back-button, #forward-button").mousemove(function(evt){
+                    popupText.css("top", evt.pageY + 5)
+                    .css("left", evt.pageX + 13);
+                });
+                
+                $("#search-button, #back-button, #forward-button").mouseout(function(evt){
+                    popupText.hide();
+                    popupFlag = false;
+                });
+                
                 $("#textbox").keypress(function(e) {
                     if(e.keyCode == 13) {
                         $("#search-button").trigger("click");

resources/library/interactive/Wikipedia.wgt/config.xml

@@ -3,8 +3,8 @@
 		xmlns:ub="http://uniboard.mnemis.com/widgets"
         identifier="http://uniboard.mnemis.com/widgets/wikipedia" 
         version="1.2"
-        width="350"
-        height="450"
+        width="370"
+        height="400"
         ub:resizable = "true">
        
   		<name>Wikipedia</name>

resources/library/interactive/Wikipedia.wgt/css/master.css

@@ -1,70 +1,70 @@
 body{
-  font-family:helvetica, arial, sans-serif;
-  font-size:12px;
+    font-family:helvetica, arial, sans-serif;
+    font-size:12px;
 }
 
 .on-the-right{
-  width:0px;
-  position:absolute;
-  top:0;
-  overflow:visible;
-  margin-left:100%;
+    width:0px;
+    position:absolute;
+    top:0;
+    overflow:visible;
+    margin-left:100%;
 }
 
 .toolbar{
-  background-image:url(../images/toolbarBody.png);
-  padding-left:4px;
-  border:1px solid #cccccc;
-  border-bottom:1px solid #ffffff;
-  position:relative;
+    background-image:url(../images/toolbarBody.png);
+    padding-left:4px;
+    border:1px solid #cccccc;
+    border-bottom:1px solid #ffffff;
+    position:relative;
 }
 
 .toolbar>div>.button{
-  width:29px;
-  height:24px;
-  float:left;
-  margin-right:4px;
-  margin-top:0px;
-  cursor:pointer;
+    width:29px;
+    height:24px;
+    float:left;
+    margin-right:4px;
+    margin-top:0px;
+    cursor:pointer;
 }
 
 #toolbar-down{
-  font-size:18px;
-  font-weight:bold;
-  color:#333333;
-  text-align:center;
-  font-family:helvetica, arial, sans-serif;
-  text-shadow: #ffffff 0px 1px 1px;
+    font-size:18px;
+    font-weight:bold;
+    color:#333333;
+    text-align:center;
+    font-family:helvetica, arial, sans-serif;
+    text-shadow: #ffffff 0px 1px 1px;
 }
 
 #url{
-  height:20px;
-  float:left;
-  border:1px solid #b9b9b9;
-  padding-right:4%;
-  width:80%;
+    height:20px;
+    float:left;
+    border:1px solid #b9b9b9;
+    padding-right:4%;
+    width:80%;
 }
 
 #left-field{
-  float:left;
+    float:left;
 }
 
 #right-field{
-  float:right;
+    float:right;
 }
 
 #center-field{
-  display:block-inline;
-  position:relative;
+    display:block-inline;
+    position:relative;
 }
 
 #center-field.min{
-  margin-right:6px;
+    margin-right:6px;
 }
 
 #center-field.full{
-  margin-right:78px;
-  margin-left:65px;
+    margin-right:78px;
+    margin-left:65px;
 }
 
 #web-canevas { 
@@ -79,20 +79,20 @@ body{
 }
 
 .toolbar-body {
-  display: table;
-  width: 100%;
-  height: 37px;
+    display: table;
+    width: 100%;
+    height: 37px;
 
-  /* IE hacks */
-  position: relative !ie7;
+    /* IE hacks */
+    position: relative !ie7;
 }
 .toolbar-body>div {
-  display: table-cell;
-  vertical-align: middle;
+    display: table-cell;
+    vertical-align: middle;
 
-  /* IE hacks */
-  position: absolute !ie7;
-  top: 50% !ie7;
+    /* IE hacks */
+    position: absolute !ie7;
+    top: 50% !ie7;
 }
 
 #toolbar-button-back{ background-image:url(../images/toolbarButtonBack.png) }
@@ -101,19 +101,49 @@ body{
 #toolbar-button-languages{ background-image:url(../images/toolbarButtonLanguages.png) }
 
 #toolbar-button-search{
-  width:22px;
-  height:22px;
-  position:relative;
-  margin-left:-22px;
-  background-image:url(../images/toolbarButtonSearch.png);
-  background-repeat:no-repeat;
-  background-position:center center;
+    float: left;
+    width:22px;
+    height:22px;
+    position:relative;
+    margin-left:-32px;
+    background-image:url(../images/toolbarButtonSearch.png);
+    background-repeat:no-repeat;
+    background-position:center center;
+    border: 1px solid #B9B9B9;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    -webkit-box-shadow: #dadada -1px 0 4px;
+    box-shadow: #dadada -1px 0 4px;
+}
+
+#toolbar-button-search:hover{
+    border: 1px solid #666666;
 }
 
 #toolbar-button-languages{
-  width:66px;
+    width:66px;
 }
 
 #toolbar-button-back{
-  margin-right:0px;
+    margin-right:0px;
+}
+
+.popupWordInfo{
+    position: absolute;
+    display: none;
+    width: 100px;
+    height: 17px;
+    top: 0;
+    left: 0;
+    text-align: center;
+    border: 1px solid #B9B9B9;
+    background-color: #eaebeb;
+    color: black;
+    font-family: Verdana,Arial,Helvetica,sans-serif;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    -webkit-box-shadow: #dadada -1px 0 4px;
+    box-shadow: #dadada -1px 0 4px;
+    z-index: 100;
+    font-family: Arial,Helvetica,sans-serif;
 }

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

@@ -14,6 +14,7 @@
 
         <script type="text/javascript"> 
             
+            var popupFlag = false
             var browsing = false;
             var lang = 'en';
             var internalChange = false;
@@ -43,6 +44,8 @@
                 var ubHistoryList = "";
                 var ubHistoryIndex = "";
 
+                var popupText = $("<div id='popupWordInfo' class='popupWordInfo'></div>").appendTo("body");
+
                 lang = navigator.userAgent.split(";");
 
                 lang = (navigator.language || navigator.systemLanguage || 
@@ -91,6 +94,32 @@
                     };
                 });
                 
+                $("#toolbar-button-search").click(function(){
+                    $("#url").trigger("change");
+                });
+                
+                $("#toolbar-button-search").mouseover(function(evt){
+                    popupFlag = true;
+                    popupText.text("Search")
+                    .css("top", evt.pageY + 5)
+                    .css("left", evt.pageX + 13)
+                    .css({width:"70px"})
+                    .show("fast", function(){
+                        if(!popupFlag)
+                            popupText.hide();
+                    });
+                });
+                
+                $("#toolbar-button-search, #toolbar-button-back, #toolbar-button-forward").mousemove(function(evt){
+                    popupText.css("top", evt.pageY + 5)
+                    .css("left", evt.pageX + 13);
+                });
+                
+                $("#toolbar-button-search, #toolbar-button-back, #toolbar-button-forward").mouseout(function(evt){
+                    popupFlag = false;
+                    popupText.hide();
+                });
+
                 $("#url").val(appHistory.list[appHistory.index]);
 
                 if($("#url").val().length > 0)
@@ -101,11 +130,35 @@
                     appHistory.back();
                 });
                 
+                $("#toolbar-button-back").mouseover(function(evt){
+                    popupFlag = true;
+                    popupText.text("Previous word")
+                    .css("top", evt.pageY + 5)
+                    .css("left", evt.pageX + 13)
+                    .css({width:"100px"})
+                    .show("fast", function(){
+                        if(!popupFlag)
+                            popupText.hide();
+                    });
+                });
+                
                 $("#toolbar-button-forward").click(function(){
                     browsing = true;
                     appHistory.forward();
                 });
 
+                $("#toolbar-button-forward").mouseover(function(evt){
+                    popupFlag = true;
+                    popupText.text("Next word")
+                    .css("top", evt.pageY + 5)
+                    .css("left", evt.pageX + 13)
+                    .css({width:"70px"})
+                    .show("fast", function(){
+                        if(!popupFlag)
+                            popupText.hide();
+                    });
+                });
+                
                 $("#toolbar-button-home").click(function(){
                 });
             });
@@ -274,9 +327,9 @@
                     </div> 
                     <div id="center-field" class="full"> 
                         <input type="text" id="url" alt="url"/> 
-                            <div class="on-the-right"> 
-                                <div id="toolbar-button-search"></div> 
-                            </div> 
+                        <div class="on-the-right"> 
+                            <div id="toolbar-button-search"></div> 
+                        </div> 
                     </div> <!--center-field--> 
                     <div id="right-field"> 
                         <div id="toolbar-button-languages" class="button" alt="languages button"> 

resources/library/interactive/Wikipedia.wgt/nbproject/private/private.properties

@@ -1,5 +0,0 @@
-copy.src.files=false
-copy.src.target=
-index.file=index.html
-run.as=LOCAL
-url=http://localhost/Wikipedia.wgt/

resources/library/interactive/Wikipedia.wgt/nbproject/private/private.xml

@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project-private xmlns="http://www.netbeans.org/ns/project-private/1">
-    <editor-bookmarks xmlns="http://www.netbeans.org/ns/editor-bookmarks/1"/>
-</project-private>

resources/library/interactive/Wikipedia.wgt/nbproject/project.properties

@@ -1,7 +0,0 @@
-include.path=${php.global.include.path}
-php.version=PHP_5
-source.encoding=UTF-8
-src.dir=.
-tags.asp=false
-tags.short=true
-web.root=.

resources/library/interactive/Wikipedia.wgt/nbproject/project.xml

@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://www.netbeans.org/ns/project/1">
-    <type>org.netbeans.modules.php.project</type>
-    <configuration>
-        <data xmlns="http://www.netbeans.org/ns/php-project/1">
-            <name>Wikipedia.wgt</name>
-        </data>
-    </configuration>
-</project>

resources/library/interactive/Wiktionary.wgt/css/master.css

@@ -101,13 +101,23 @@ body{
 #toolbar-button-languages{ background-image:url(../images/toolbarButtonLanguages.png) }
 
 #toolbar-button-search{
-  width:22px;
-  height:22px;
-  position:relative;
-  margin-left:-22px;
-  background-image:url(../images/toolbarButtonSearch.png);
-  background-repeat:no-repeat;
-  background-position:center center;
+    float: left;
+    width:22px;
+    height:22px;
+    position:relative;
+    margin-left:-32px;
+    background-image:url(../images/toolbarButtonSearch.png);
+    background-repeat:no-repeat;
+    background-position:center center;
+    border: 1px solid #B9B9B9;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    -webkit-box-shadow: #dadada -1px 0 4px;
+    box-shadow: #dadada -1px 0 4px;
+}
+
+#toolbar-button-search:hover{
+    border: 1px solid #666666;
 }
 
 #toolbar-button-languages{
@@ -117,3 +127,23 @@ body{
 #toolbar-button-back{
   margin-right:0px;
 }
+
+.popupWordInfo{
+    position: absolute;
+    display: none;
+    width: 100px;
+    height: 17px;
+    top: 0;
+    left: 0;
+    text-align: center;
+    border: 1px solid #B9B9B9;
+    background-color: #eaebeb;
+    color: black;
+    font-family: Verdana,Arial,Helvetica,sans-serif;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    -webkit-box-shadow: #dadada -1px 0 4px;
+    box-shadow: #dadada -1px 0 4px;
+    z-index: 100;
+    font-family: Arial,Helvetica,sans-serif;
+}

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

@@ -1,4 +1,3 @@
-
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> 
     <head> 
@@ -14,6 +13,7 @@
 
         <script type="text/javascript"> 
             
+            var popupFlag = false;
             var browsing = false;
             var mode = 'wiki';
             var lang = 'en';
@@ -44,6 +44,8 @@
                 var ubHistoryList = "";
                 var ubHistoryIndex = "";
 
+                var popupText = $("<div id='popupWordInfo' class='popupWordInfo'></div>").appendTo("body");
+
                 lang = navigator.userAgent.split(";");
 
                 lang = (navigator.language || navigator.systemLanguage || 
@@ -98,16 +100,66 @@
                 if($("#url").val().length > 0)
                     $("#url").change();
                 
+                $("#toolbar-button-search").click(function(){
+                    $("#url").trigger("change");
+                });
+                
+                $("#toolbar-button-search").mouseover(function(evt){
+                    popupFlag = true;
+                    popupText.text("Search")
+                    .css("top", evt.pageY + 5)
+                    .css("left", evt.pageX + 13)
+                    .css({width:"70px"})
+                    .show("fast", function(){
+                        if(!popupFlag)
+                            popupText.hide();
+                    });
+                });
+                
+                $("#toolbar-button-search, #toolbar-button-back, #toolbar-button-forward").mousemove(function(evt){
+                    popupText.css("top", evt.pageY + 5)
+                    .css("left", evt.pageX + 13);
+                });
+                
+                $("#toolbar-button-search, #toolbar-button-back, #toolbar-button-forward").mouseout(function(evt){
+                    popupFlag = false;
+                    popupText.hide();
+                });
+                
                 $("#toolbar-button-back").click(function(){
                     browsing = true;
                     appHistory.back();
                 });
                 
+                $("#toolbar-button-back").mouseover(function(evt){
+                    popupFlag = true;
+                    popupText.text("Previous word")
+                    .css("top", evt.pageY + 5)
+                    .css("left", evt.pageX + 13)
+                    .css({width:"100px"})
+                    .show("fast", function(){
+                        if(!popupFlag)
+                            popupText.hide();
+                    });
+                });
+
                 $("#toolbar-button-forward").click(function(){
                     browsing = true;
                     appHistory.forward();
                 });
                 
+                $("#toolbar-button-forward").mouseover(function(evt){
+                    popupFlag = true;
+                    popupText.text("Next word")
+                    .css("top", evt.pageY + 5)
+                    .css("left", evt.pageX + 13)
+                    .css({width:"70px"})
+                    .show("fast", function(){
+                        if(!popupFlag)
+                            popupText.hide();
+                    });
+                });
+
                 $("#toolbar-button-home").click(function(){
                 });
             });
@@ -278,9 +330,9 @@
                     </div> 
                     <div id="center-field" class="full"> 
                         <input type="text" id="url" alt="url"/> 
-                            <div class="on-the-right"> 
-                                <div id="toolbar-button-search"></div> 
-                            </div> 
+                        <div class="on-the-right"> 
+                            <div id="toolbar-button-search"></div> 
+                        </div> 
                     </div> <!--center-field--> 
                     <div id="right-field"> 
                         <div id="toolbar-button-languages" class="button" alt="languages button"> 

resources/library/interactive/Wiktionary.wgt/nbproject/private/private.properties

@@ -1,5 +0,0 @@
-copy.src.files=false
-copy.src.target=
-index.file=index.html
-run.as=LOCAL
-url=http://localhost/Wiktionary.wgt/

resources/library/interactive/Wiktionary.wgt/nbproject/project.properties

@@ -1,7 +0,0 @@
-include.path=${php.global.include.path}
-php.version=PHP_53
-source.encoding=UTF-8
-src.dir=.
-tags.asp=false
-tags.short=true
-web.root=.

resources/library/interactive/Wiktionary.wgt/nbproject/project.xml

@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://www.netbeans.org/ns/project/1">
-    <type>org.netbeans.modules.php.project</type>
-    <configuration>
-        <data xmlns="http://www.netbeans.org/ns/php-project/1">
-            <name>Wiktionary.wgt</name>
-        </data>
-    </configuration>
-</project>