You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
211 lines
4.9 KiB
211 lines
4.9 KiB
13 years ago
|
function init(){
|
||
|
|
||
|
var ubwidget = $("#ubwidget").ubwidget({
|
||
|
width:300,
|
||
|
height:240
|
||
|
});
|
||
|
|
||
|
var text = "";
|
||
|
var winwidth;
|
||
|
var minimizedHeight;
|
||
|
var winheight;
|
||
|
var scroll = false;
|
||
|
var defaultFontSize = 35;
|
||
|
var currentFontSize = defaultFontSize;
|
||
|
var header = $('<div id="head"><input id="headtitle" class="stickytitle" readonly="readonly"></input></div>');
|
||
|
var fontUp = $('<img src="images/stick-but-aplus.png">');
|
||
|
var fontDown = $('<img src="images/stick-but-aminus.png">');
|
||
|
var minimize = $('<img src="images/stick-but-minimize.png">');
|
||
|
var maximize = $('<img src="images/stick-but-maximize.png">');
|
||
|
var title = $('<div id="menu"></div>');
|
||
|
var textField = $('<div id="txt"></div>');
|
||
|
var shadow = $("<table width='100%' height='18' border='0' cellspacing='0' cellpadding='0'><tr><td id='sl' width='139'></td><td id='sc' style='background-image:url(images/shadowcenter.png)'> </td><td id='sr' width='139'></td></tr></table>")
|
||
|
.appendTo("body");
|
||
|
var shadowleft = $("<img src='images/shadowleft.png'>")
|
||
|
.appendTo($("#sl"));
|
||
|
var shadowright = $("<img src='images/shadowright.png'>")
|
||
|
.appendTo($("#sr"));
|
||
|
|
||
|
$("#ubwidget")
|
||
|
.append(header)
|
||
|
.append(textField);
|
||
|
|
||
|
fontUp.addClass('menuElement');
|
||
|
fontDown.addClass('menuElement');
|
||
|
minimize.addClass('menuElement');
|
||
|
maximize.addClass('menuElement')
|
||
|
.hide();
|
||
|
|
||
|
header.append(maximize)
|
||
|
.append(minimize)
|
||
|
.append(fontUp)
|
||
|
.append(fontDown);
|
||
|
var titletext = header.find('textarea');
|
||
|
|
||
|
titletext.click(
|
||
|
function(){
|
||
|
|
||
|
titletext.focus();
|
||
|
|
||
|
});
|
||
|
|
||
|
fontDown.click(
|
||
|
function(){
|
||
|
|
||
|
var newFontSize = parseInt(currentFontSize) - 3;
|
||
|
|
||
|
textField.css({
|
||
|
fontSize : newFontSize
|
||
|
})
|
||
|
|
||
|
controlTextField();
|
||
|
|
||
|
if(window.sankore){
|
||
|
window.sankore.setPreference("fontSize", newFontSize);
|
||
|
};
|
||
|
|
||
|
//textField.focus();
|
||
|
});
|
||
|
|
||
|
fontUp.click(
|
||
|
function(){
|
||
|
|
||
|
var newFontSize = parseInt(currentFontSize) + 3;
|
||
|
|
||
|
textField.css({
|
||
|
fontSize : newFontSize
|
||
|
})
|
||
|
|
||
|
controlTextField();
|
||
|
|
||
|
if(window.sankore){
|
||
|
window.sankore.setPreference("fontSize", newFontSize);
|
||
|
};
|
||
|
|
||
|
//textField.focus();
|
||
|
});
|
||
|
|
||
|
minimize.click(
|
||
|
function(){
|
||
|
$('.ubw-container').animate({height:"26px"},100);
|
||
|
minimizedHeight = $('.ubw-container').height() ;
|
||
|
minimize.hide();
|
||
|
maximize.show();
|
||
|
$('#headtitle').show();
|
||
|
window.resizeTo($('.ubw-container').width(),0);
|
||
|
|
||
|
if(window.sankore){
|
||
|
window.sankore.setPreference("minimized", "true");
|
||
|
};
|
||
|
});
|
||
|
|
||
|
maximize.click(
|
||
|
function(){
|
||
|
var lastHeight = String(minimizedHeight)+'px';
|
||
|
$('.ubw-container').animate({height: lastHeight},100);
|
||
|
|
||
|
maximize.hide();
|
||
|
minimize.show();
|
||
|
$('#headtitle').hide();
|
||
|
|
||
|
window.resizeTo($('.ubw-container').width()+15,minimizedHeight+20);
|
||
|
|
||
|
if(window.sankore){
|
||
|
window.sankore.setPreference("minimized", "false");
|
||
|
};
|
||
|
});
|
||
|
|
||
|
header
|
||
|
.append(title);
|
||
|
title
|
||
|
.addClass('menu');
|
||
|
header
|
||
|
.addClass('head');
|
||
|
textField
|
||
|
.addClass("textField")
|
||
|
.css("fontSize",currentFontSize)
|
||
|
.attr('contentEditable','true')
|
||
|
.keyup(function(){
|
||
|
if(window.sankore){
|
||
|
window.sankore.setPreference("text", textField.html());
|
||
|
}
|
||
|
controlTextField();
|
||
|
$('#headtitle').hide();
|
||
|
});
|
||
|
if(textField.html().length === 0){
|
||
|
textField.focus();
|
||
|
}
|
||
|
titletext
|
||
|
.attr('rows','1');
|
||
|
|
||
|
function controlTextField(){
|
||
|
if(textField.text().length < 25){
|
||
|
var titleStr = textField.text() + '...';
|
||
|
$('#headtitle').val(titleStr);
|
||
|
}
|
||
|
|
||
|
textField.css({
|
||
|
height : $('.ubw-container').height()-28,
|
||
|
})
|
||
|
|
||
|
if(textField.text().length == 0){
|
||
|
textField.css({
|
||
|
fontSize: defaultFontSize,
|
||
|
});
|
||
|
}
|
||
|
|
||
|
currentFontSize = textField.css('fontSize').replace('px','');
|
||
|
|
||
|
}
|
||
|
|
||
|
textField.bind('paste', function(e) {
|
||
|
controlTextField();
|
||
|
});
|
||
|
$('#headtitle').hide();
|
||
|
if(window.sankore){
|
||
|
text = window.sankore.preference('text', text);
|
||
|
currentFontSize = window.sankore.preference('fontSize', defaultFontSize);
|
||
|
|
||
|
$('.ubw-container').css({
|
||
|
width:parseInt(window.sankore.preference('width', "300")),
|
||
|
height:parseInt(window.sankore.preference('height', "240"))
|
||
|
});
|
||
|
|
||
|
if(window.sankore.preference('minimized', "false") == "true"){
|
||
|
minimize.trigger("click");
|
||
|
};
|
||
|
|
||
|
textField.css({
|
||
|
fontSize : parseInt(currentFontSize)
|
||
|
})
|
||
|
textField.html(text);
|
||
|
}
|
||
|
|
||
|
window.onresize = function(){
|
||
|
winwidth = window.innerWidth;
|
||
|
winheight = window.innerHeight;
|
||
|
|
||
|
if(winwidth <= 290)
|
||
|
{
|
||
|
window.resizeTo(290,winheight);
|
||
|
}
|
||
|
if(winheight <= 100)
|
||
|
{
|
||
|
window.resizeTo(winwidth,100);
|
||
|
}
|
||
|
if(winheight > 600)
|
||
|
{
|
||
|
window.resizeTo(winwidth,600);
|
||
|
}
|
||
|
|
||
|
$('.ubw-container').width(winwidth-2) ;
|
||
|
$('.ubw-container').height(winheight-20) ;
|
||
|
|
||
|
if(window.sankore){
|
||
|
window.sankore.setPreference("width", winwidth-2);
|
||
|
window.sankore.setPreference("height", winheight-20);
|
||
|
}
|
||
|
|
||
|
controlTextField();
|
||
|
}
|
||
|
}
|