unknown
12 years ago
parent
bc008c9590
commit
9102c9aff4
@ -1,211 +0,0 @@ |
||||
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();
|
||||
} |
||||
} |
||||
Loading…
Reference in new issue