some changes in Choisir and WebBrowser apps

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

@@ -3,7 +3,7 @@
 		xmlns:ub="http://uniboard.mnemis.com/widgets"
         id="http://uniboard.mnemis.com/widgets/webbrowser" 
         version="1.1"
-        width="650"
+        width="700"
         height="400" 
 		ub:resizable="true">   
 		     

resources/library/interactive/Choisir.wgt/css/basic.css

@@ -15,7 +15,7 @@ body{
     padding: 3px;
     margin: 0 auto;
     height: auto;
-
+    background-color: white;
 }
 
 .toggleButton{
@@ -30,7 +30,7 @@ body{
 }
 
 .buttonDiv{
-    position: absolute;
+    position: fixed;
     float: right;
     z-index: 1;
 }
@@ -47,7 +47,7 @@ body{
     margin: 0;
     border: none;
     background: none;
-    color: #E6E3DC;
+    color: #99ccff;
     cursor: pointer;
 }
 
@@ -103,7 +103,7 @@ body{
     background-position: 0 50%;
     width: auto;
     padding-left: 18px;
-    color: #E6E3DC;
+    color: #00C6FF;
     cursor: pointer;
 }
 
@@ -115,7 +115,7 @@ body{
     background-position: 0 50%;
     width: auto;
     padding-left: 18px;
-    color: #E6E3DC;
+    color: #00C6FF;
     cursor: pointer;
 }
 
@@ -169,7 +169,7 @@ body{
     width: auto;
     padding-left: 20px;
     line-height: 24px;
-    color: #E6E3DC;
+    color: #99ccff;
     cursor: pointer;
 }
 
@@ -217,7 +217,7 @@ body{
     margin-left: 5px;
     font-family: Verdana,Arial,Helvetica,sans-serif;
     font-size: small;
-    width: 80%;
+    width: 90%;
     float: left;
 }
 
@@ -269,7 +269,7 @@ body{
 .optDescText{
     text-align: center;
     width: 70%;
-    color: #CCC;
+    color: #666666;
     float: left;
     font-size: small;
     font-family: Verdana,Arial,Helvetica,sans-serif;
@@ -321,7 +321,7 @@ body{
     width: 160px;
     font-size: small;    
     font-family: Verdana,Arial,Helvetica,sans-serif;
-    color: #AAA;
+    color: #666;
     padding: 3px;
     margin-left: 20px;
 }
@@ -342,3 +342,21 @@ body{
     margin: 2px;
     padding: 3px;
 }
+
+.popupWordInfo{
+    position: absolute;
+    display: none;
+    width: 100px;
+    height: 20px;
+    top: 0;
+    left: 0;
+    text-align: center;
+    border: 1px solid #B9B9B9;
+    background-color: #eaebeb;
+    color: #666;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    -webkit-box-shadow: #dadada -1px 0 4px;
+    box-shadow: #dadada -1px 0 4px;
+    z-index: 100;
+}

resources/library/interactive/Choisir.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/Choisir.wgt/

resources/library/interactive/Choisir.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/Choisir.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/Choisir.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>Choisir.wgt</name>
-        </data>
-    </configuration>
-</project>

resources/library/interactive/Choisir.wgt/scripts/selQuestionApp.js

@@ -23,6 +23,7 @@ function init(){
     var endFlag = false;
     var mode = false;
     questionArray = new Array();  
+    var popupFlag = false
     
     // toggle button
     var buttonDiv = $("<div id='buttonDiv' class='buttonDiv'>").appendTo("body");
@@ -32,6 +33,9 @@ function init(){
         right:0
     });
     
+    //popup message
+    var popupText = $("<div id='popupWordInfo' class='popupWordInfo'></div>").appendTo("body");
+    
     // adding question block
     var addQstDiv = $("<div id='addQstDiv' class='addQstDiv'>").appendTo("body");
     var addQstButton = $("<button id='addQstButton' class='addQstButton'>").appendTo("#addQstDiv");    
@@ -170,6 +174,7 @@ function init(){
     
     //delete answer
     $(".ansDelete").live('click', function(){
+        popupText.hide();
         var id = this.id.replace("ansDelete","");
         $("#" + id).remove();
         for(var i in questionArray)
@@ -185,6 +190,7 @@ function init(){
     
     //delete question
     $(".qstDelete").live('click', function(){
+        popupText.hide();
         $("#" + currentQstId).remove();
         for(var i in questionArray)
             if(questionArray[i].id == currentQstId){
@@ -210,11 +216,51 @@ function init(){
     
     //select option
     $("input:radio").live('click', function(event){
+        if(!mode){
             $("#" + currentQstId + " input:radio").removeAttr("checked");
             $(event.target).attr("checked", "checked");
             getNeededElement(questionArray, currentQstId).type = $(event.target).attr("value");
+        }
+    });
+    
+    //popup messages
+    $(".qstDelete").live('mouseover', function(evt){
+        popupFlag = true;
+        popupText.text("Delete question")
+        .css("top", evt.pageY + 15)
+        .css("left", evt.pageX - 40)
+        .css({
+            width:"120px"
+        })
+        .show("fast", function(){
+            if(!popupFlag)
+                popupText.hide();
+        });
     });
     
+    $(".ansDelete").live('mouseover', function(evt){
+        popupFlag = true;
+        popupText.text("Delete answer")
+        .css("top", evt.pageY + 15)
+        .css("left", evt.pageX - 40)
+        .css({
+            width:"110px"
+        })
+        .show("fast", function(){
+            if(!popupFlag)
+                popupText.hide();
+        });
+    });
+    
+    $(".qstDelete, .ansDelete").live('mousemove', function(evt){
+        popupText.css("top", evt.pageY + 15)
+        .css("left", evt.pageX - 40)
+    });
+    
+    $(".qstDelete, .ansDelete").live('mouseout', function(evt){
+        popupFlag = false;
+        popupText.hide();
+    });
 
     
     //toggle button click trigger

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

@@ -3,8 +3,8 @@
 		xmlns:ub="http://uniboard.mnemis.com/widgets"
         id="http://uniboard.mnemis.com/widgets/webbrowser" 
         version="1.1"
-        width="550"
-        height="280" 
+        width="600"
+        height="300" 
 		ub:resizable="true">   
 		     
   		<name>Web Browser</name>

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

@@ -1,10 +1,17 @@
 
 body{
+    padding: 5px;    
+    width: 95%;
     margin-top:10px;
     margin-left:10px;
     font-family:Arial, Sans-serif;
     font-size:15px;
     color:#444;
+    border: 3px solid #ccc;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    -webkit-box-shadow: #dadada -1px 0 4px;
+    box-shadow: #dadada -1px 0 4px;
 }
 
 .icon-container{

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

@@ -8,9 +8,6 @@
         <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>
-    </head>
-
-    <body>
         <script type="text/javascript">
 
             var loadingState = false;
@@ -22,6 +19,8 @@
             $(document).ready(function(){
                 //var resizer; // Timer
                 //var resizerIndex;
+                $("body").css({height: $(window).height() - 40});
+                
                 var popupFlag = false;
                 var currentHistory = 0;
                 var references = new Array();
@@ -180,11 +179,12 @@
                 };
 		
                 $(window).resize(function(){
+                    $("body").css({height: $(window).height() - 40});
                     globalWidth = $(window).width();
                     globalHeight = $(window).height();
                     $("#web-content")
-                    .attr("width", globalWidth - 25)
-                    .attr("height", globalHeight - 90);
+                    .attr("width", globalWidth - 60)
+                    .attr("height", globalHeight - 120);
                 });
 							
                 function checkcontent(){
@@ -208,9 +208,10 @@
                         .attr("width", globalWidth - 25)
                         .attr("height", globalHeight - 90);
                         $("#web-content").show();
+                        $(window).trigger("resize");
                         return false;
                     };
-                    if(resizerIndex > 50){
+                    if(resizerIndex > 100){
                         resizerIndex = 0;
                         $("#textbox").val("http://www.google.com/search?q=" + $("#textbox").val().replace("http://", ""));
                         $("#search-button").trigger("click");
@@ -244,7 +245,9 @@
 			
             });
         </script>
+    </head>
 
+    <body>
         <div id="ubwidget">
             <div id="shadow"></div>