Skip to content

O
OpenBoard
Commit 48a3ef4e authored by unknown's avatar unknown
Browse files
Options

changed Wikipedia, Wiktionary and WebBrowser widgets

parent b5ebaf19
Hide whitespace changes
Inline Side-by-side
Showing with 371 additions and 188 deletions
resources/library/interactive/WebBrowser.wgt/css/main.css
View file @ 48a3ef4e
......@@ -179,4 +179,20 @@ body{
width:193px;
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;
}
\ No newline at end of file
resources/library/interactive/WebBrowser.wgt/index.html
View file @ 48a3ef4e
......@@ -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,7 +38,8 @@
var resizer; // Timer
var resizerIndex;
var popupText = $("<div id='popupWordInfo' class='popupWordInfo'></div>").appendTo("body");
resizerIndex = 0;
if(window.sankore){
......@@ -66,7 +68,53 @@
$("#search-button").trigger("click");
}
});
$("#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
View file @ 48a3ef4e
......@@ -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
View file @ 48a3ef4e
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;
}
\ No newline at end of file
resources/library/interactive/Wikipedia.wgt/index.html
View file @ 48a3ef4e
......@@ -13,7 +13,8 @@
<script type="text/javascript" src="script/superfish.js"></script>
<script type="text/javascript">
var popupFlag = false
var browsing = false;
var lang = 'en';
var internalChange = false;
......@@ -37,24 +38,26 @@
},
index:-1
}
$(document).ready(function() {
var ubHistoryList = "";
var ubHistoryIndex = "";
var popupText = $("<div id='popupWordInfo' class='popupWordInfo'></div>").appendTo("body");
lang = navigator.userAgent.split(";");
lang = (navigator.language || navigator.systemLanguage ||
navigator.userLanguage || 'en').substr(0, 2).toLowerCase();
$("#current-language").text(lang.charAt(0).toUpperCase() + lang.substr(1));
if(window.sankore){
toolbar.state = loadPref("historyState", "begin");
ubHistoryList = loadPref("historyList", "");
ubHistoryIndex = loadPref("historyIndex", "-1");
}
if(ubHistoryList !== "") {
appHistory.list = ubHistoryList.split(",");
appHistory.index = parseInt(ubHistoryIndex);
......@@ -62,22 +65,22 @@
} else {
wikiReq("");
}
$(window).resize();
$("#languages-dropdown>li>ul>li").each(function(){
$(this).click(function(){
languagesHandler($(this).text());
$("#current-language").text(lang.charAt(0).toUpperCase() + lang.substr(1));
});
});
$("#languages-dropdown").superfish({
dropShadows:false,
speed:1,
delay:100
});
$("#url")
.change(function(){
if(!toolbar.loading){
......@@ -90,42 +93,92 @@
$("#url").change();
};
});
$("#url").val(appHistory.list[appHistory.index]);
$("#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)
$("#url").change();
$("#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(){
});
});
$(window).resize(function(){
$("#web-browser").height($(window).height() - $("#toolbar").height() - 2);
$("#web-browser").width($(window).width() - 2);
if($(window).width() < 280){
window.resizeTo(280, $(window).height());
}
});
function wikiReq(kword){
var textBoxInput = "";
textBoxInput = remacc(kword.replace(/ /g,'+'));
textBoxInput = textBoxInput.replace(textBoxInput.charAt(0),textBoxInput.charAt(0).toUpperCase());
if(toolbar.state == "begin"){
$('#web-browser').attr('src',"");
......@@ -137,25 +190,25 @@
$('#toolbar-button-search').css("background-image", "url(images/toolbarLoading.jpg)");
toolbar.loading = true;
}
function hideLoading(){
$('#toolbar-button-search').css("background-image", "url(images/toolbarButtonSearch.png)");
toolbar.loading = false;
// History
if(appHistory.list[appHistory.index] !== $("#url").val() && !browsing && $("#url").val().length > 0){
appHistory.list = appHistory.list.slice(0, appHistory.index+1);
appHistory.list[appHistory.index+1] = $("#url").val();
appHistory.index = appHistory.list.length-1;
}
if(window.sankore && $("#web-browser").attr("src") !== ""){
savePref("historyState", "started");
savePref("historyList", appHistory.list.toString());
savePref("historyIndex", appHistory.index)
}
}
String.prototype.accnt = function(){
var cnt = 0;
var acnt = this;
......@@ -167,7 +220,7 @@
cnt++;
return cnt;
}
String.prototype.renlacc = function(){
var torem = this;
torem = torem.split('');
......@@ -184,9 +237,9 @@
document.title = toascout;
return toascout;
}
function remacc(kword){
var countarr = new Array();
var c = '';
var text=kword;
......@@ -201,21 +254,21 @@
textout = textout.join('\n');
return textout;
}
function loadPref(name, defaultValue){
var pref = defaultValue;
if (sankore.preference(name) !== "") {
pref = sankore.preference(name);
};
return pref;
};
function savePref(name, value){
sankore.setPreference(name, String(value));
};
function languagesHandler(language){
switch(language){
case "Deutsch":
......@@ -250,7 +303,7 @@
break;
}
};
</script>
</head>
<body style="overflow:hidden; margin: 0px; width:100%; height:100%; position:absolute; background:#ffffff">
......@@ -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 deleted 100644 → 0
View file @ b5ebaf19
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 deleted 100644 → 0
View file @ b5ebaf19
<?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 deleted 100644 → 0
View file @ b5ebaf19
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 deleted 100644 → 0
View file @ b5ebaf19
<?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
View file @ 48a3ef4e
......@@ -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{
......@@ -116,4 +126,24 @@ 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;
}
\ No newline at end of file
resources/library/interactive/Wiktionary.wgt/index.html
View file @ 48a3ef4e
<!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>
......@@ -13,7 +12,8 @@
<script type="text/javascript" src="script/superfish.js"></script>
<script type="text/javascript">
var popupFlag = false;
var browsing = false;
var mode = 'wiki';
var lang = 'en';
......@@ -38,25 +38,27 @@
},
index:-1
}
$(document).ready(function() {
var ubHistoryList = "";
var ubHistoryIndex = "";
var popupText = $("<div id='popupWordInfo' class='popupWordInfo'></div>").appendTo("body");
lang = navigator.userAgent.split(";");
lang = (navigator.language || navigator.systemLanguage ||
navigator.userLanguage || 'en').substr(0, 2).toLowerCase();
$("#current-language").text(lang.charAt(0).toUpperCase() + lang.substr(1));
if(window.sankore){
toolbar.state = loadPref("historyState", "begin");
ubHistoryList = loadPref("historyList", "");
ubHistoryIndex = loadPref("historyIndex", "-1");
//window.resizeTo(350, 450);
}
if(ubHistoryList !== "") {
appHistory.list = ubHistoryList.split(",");
appHistory.index = parseInt(ubHistoryIndex);
......@@ -64,22 +66,22 @@
} else {
wikiReq("");
}
$(window).resize();
$("#languages-dropdown>li>ul>li").each(function(){
$(this).click(function(){
languagesHandler($(this).text());
$("#current-language").text(lang.charAt(0).toUpperCase() + lang.substr(1));
});
});
$("#languages-dropdown").superfish({
dropShadows:false,
speed:1,
delay:100
});
$("#url")
.change(function(){
if(!toolbar.loading){
......@@ -92,26 +94,76 @@
$("#url").change();
};
});
$("#url").val(appHistory.list[appHistory.index]);
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(){
});
});
$(window).resize(function(){
if($(window).width() < 300){
......@@ -121,15 +173,15 @@
$("#web-browser").width($(window).width() - 2);
} else
$("#web-browser").height($(window).height() - $("#toolbar").height() - 2);
});
function wikiReq(kword){
var textBoxInput = "";
textBoxInput = remacc(kword.replace(/ /g,'_'));
textBoxInput = textBoxInput.replace(textBoxInput.charAt(0),textBoxInput.charAt(0).toLowerCase());
if(toolbar.state == "begin"){
$('#web-browser').attr('src',"");
......@@ -141,25 +193,25 @@
$('#toolbar-button-search').css("background-image", "url(images/toolbarLoading.jpg)");
toolbar.loading = true;
}
function hideLoading(){
$('#toolbar-button-search').css("background-image", "url(images/toolbarButtonSearch.png)");
toolbar.loading = false;
// History
if(appHistory.list[appHistory.index] !== $("#url").val() && !browsing && $("#url").val().length > 0){
appHistory.list = appHistory.list.slice(0, appHistory.index+1);
appHistory.list[appHistory.index+1] = $("#url").val();
appHistory.index = appHistory.list.length-1;
}
if(window.sankore && $("#web-browser").attr("src") !== ""){
savePref("historyState", "started");
savePref("historyList", appHistory.list.toString());
savePref("historyIndex", appHistory.index)
}
}
String.prototype.accnt = function(){
var cnt = 0;
var acnt = this;
......@@ -171,7 +223,7 @@
cnt++;
return cnt;
}
String.prototype.renlacc = function(){
var torem = this;
torem = torem.split('');
......@@ -188,9 +240,9 @@
document.title = toascout;
return toascout;
}
function remacc(kword){
var countarr = new Array();
var c = '';
var text=kword;
......@@ -205,21 +257,21 @@
textout = textout.join('\n');
return textout;
}
function loadPref(name, defaultValue){
var pref = defaultValue;
if (sankore.preference(name) !== "") {
pref = sankore.preference(name);
};
return pref;
};
function savePref(name, value){
sankore.setPreference(name, String(value));
};
function languagesHandler(language){
switch(language){
case "Deutsch":
......@@ -254,7 +306,7 @@
break;
}
};
</script>
</head>
<body style="overflow:hidden; margin: 0px; width:100%; height:100%; position:absolute; background:#ffffff">
......@@ -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 deleted 100644 → 0
View file @ b5ebaf19
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 deleted 100644 → 0
View file @ b5ebaf19
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 deleted 100644 → 0
View file @ b5ebaf19
<?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>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment