Congegni/sintonia
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

better placement for contextmenues/alttext

Browse source
This commit is contained in:
sebastian 2005-07-30 17:38:03 +00:00
parent 63cbb0890e
commit cf41b8f0a6
4 changed files with 56 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

22
livesupport/modules/htmlUI/var/html/styles_livesupport.css
View file

@ -3,7 +3,7 @@ body { font-size: 12px;
font-size: 12px;
color: #2C2C2C;
margin: 0px;
background: #FFF url("css_img/bg_head.gif") no-repeat;
background: #FFF url("css_img/bg_head.png") no-repeat;
}
img { font-size: 12px;
@ -199,7 +199,7 @@ input, select { font-size: 12px;
}
.whatplaying .scala .scala_in { font-size: 12px;
background: #DADADA url("css_img/bg_scala_in.gif") repeat-x top left;
background: #DADADA url("css_img/bg_scala_in.png") repeat-x top left;
font-size:1px;
height: 8px;
}
@ -231,7 +231,7 @@ input, select { font-size: 12px;
.container_nav { font-size: 12px;
height: 26px;
clear: both;
background: url("css_img/bg_navigation.gif") repeat-x top left;
background: url("css_img/bg_navigation.png") repeat-x top left;
margin-bottom: 38px;
}
@ -310,7 +310,7 @@ input, select { font-size: 12px;
.contenttabnav {
height: 26px;
clear: both;
/*background: url("css_img/bg_navigation.gif") repeat-x top left;*/
/*background: url("css_img/bg_navigation.png") repeat-x top left;*/
margin-bottom: 12px;
margin-top: 12px;
}
@ -348,7 +348,7 @@ input, select { font-size: 12px;
}
#tabnav a {
background: url("css_img/bt_tab_off.gif");
background: url("css_img/bt_tab_off.png");
display: block;
color: #666;
font-size: 11px;
@ -360,12 +360,12 @@ input, select { font-size: 12px;
}
#tabnav a:hover {
background: url("css_img/bt_tab_on.gif");
background: url("css_img/bt_tab_on.png");
color: #FFF;
}
#tabnav a.active {
background: url("css_img/bt_tab_on.gif");
background: url("css_img/bt_tab_on.png");
color: #FFF;
}
@ -391,7 +391,7 @@ input, select { font-size: 12px;
}
#tabnavsmall a {
background: url("css_img/bt_tabsm_off.gif");
background: url("css_img/bt_tabsm_off.png");
display: block;
color: #666;
font-size: 11px;
@ -403,12 +403,12 @@ input, select { font-size: 12px;
}
#tabnavsmall a:hover {
background: url("css_img/bt_tabsm_on.gif");
background: url("css_img/bt_tabsm_on.png");
color: #FFF;
}
#tabnavsmall a.active {
background: url("css_img/bt_tabsm_on.gif");
background: url("css_img/bt_tabsm_on.png");
color: #FFF;
}
@ -857,7 +857,7 @@ table.scheduler_month .scala {
}
table.scheduler_month .scala .scala_in {
background: #DADADA url("css_img/bg_scala_in_scheduler.gif") repeat-x top left;
background: #DADADA url("css_img/bg_scala_in_scheduler.png") repeat-x top left;
font-size:1px;
height: 12px;
}

40
livesupport/modules/htmlUI/var/templates/script/alttext.js.tpl
View file

@ -1,10 +1,6 @@
{literal}
<script type="text/javascript">
document.write('<div id="alttextContainer"></div>');
alttextWidth = 200;
alttextHeight = 0;
alttextduration = 0;
function showalttext(param) {
var alttextHeader = "<div class='alttext' id='alttext' style='position: absolute; top: -1000; left: 0; z-index: 99'>";
@ -26,21 +22,30 @@
}
function showalttextthan(e) {
var spacer = 15;
var alttextWidth = document.getElementById('alttext').clientWidth;
var alttextHeight = document.getElementById('alttext').clientHeight;
if (ie5) {
if (event.clientX + contextmenuWidth > document.body.clientWidth) xPos = event.clientX - contextmenuWidth + document.body.scrollLeft;
else xPos = event.clientX + document.body.scrollLeft;
if (event.clientY + contextmenuHeight > document.body.clientWidth) yPos = event.clientY - contextmenuHeight + document.body.scrollTop;
else yPos = event.clientY + document.body.scrollTop;
}
else {
if (e.pageX + contextmenuWidth + 20 > window.innerWidth) xPos = e.pageX - alttextWidth/2;
else xPos = e.pageX - alttextWidth/2;
if (e.pageY + contextmenuHeight +20 > window.innerHeight) yPos = e.pageY - alttextHeight/2 + 15;
else yPos = e.pageY - alttextHeight/2 + 15;
var clickX = event.clientX;
var clickY = event.clientY + document.body.scrollTop;
var winY = document.body.clientHeight;
var scrollY = document.body.scrollTop;
} else {
var clickX = e.pageX;
var clickY = e.pageY;
var winY = window.innerHeight;
var scrollY = window.scrollY;
}
if (clickX < alttextWidth) var xPos = clickX + spacer;
else var xPos = clickX - alttextWidth - spacer;
if (clickY + alttextHeight > winY + scrollY) var yPos = winY - alttextHeight + scrollY;
else var yPos = clickY;
alttexthide = false;
setTimeout("showalttextnow("+xPos+", "+yPos+")", alttextduration);
setTimeout("showalttextnow("+xPos+", "+yPos+")");
document.onmouseover = null;
}
@ -48,13 +53,14 @@
function showalttextnow(xPos, yPos) {
if (!alttexthide) {
document.getElementById('alttext').style.left = xPos;
document.getElementById('alttext').style.top = yPos;
document.getElementById('alttext').style.top = yPos;
}
}
function hidealttext() {
var delay = 0;
alttexthide = true;
setTimeout("hidealttextnow()", alttextduration);
setTimeout("hidealttextnow()", delay);
}
function hidealttextnow() {

32
livesupport/modules/htmlUI/var/templates/script/contextmenu.js.tpl
View file

@ -8,8 +8,6 @@
document.write('<div id="contextmenucontainer"></div>');
contextmenuStatus = 0;
contextmenuWidth = 200,
contextmenuHeight = 0;
document.onclick = hidecontextmenu;
@ -133,20 +131,28 @@
function showcontextmenu(e) {
var contextmenuWidth = document.getElementById('contextmenu').clientWidth;
var contextmenuHeight = document.getElementById('contextmenu').clientHeight;
if (ie5) {
if (event.clientX + contextmenuWidth > document.body.clientWidth) xPos = event.clientX - contextmenuWidth + document.body.scrollLeft;
else xPos = event.clientX + document.body.scrollLeft;
if (event.clientY + contextmenuHeight > document.body.clientWidth) yPos = event.clientY - contextmenuHeight + document.body.scrollTop;
else yPos = event.clientY + document.body.scrollTop;
}
else {
if (e.pageX + contextmenuWidth + 20 > window.innerWidth) xPos = e.pageX - contextmenuWidth;
else xPos = e.pageX;
if (e.pageY + contextmenuHeight +20 > window.innerHeight) yPos = e.pageY - contextmenuHeight;
else yPos = e.pageY;
var clickX = event.clientX;
var clickY = event.clientY + document.body.scrollTop;
var winY = document.body.clientHeight;
var scrollY = document.body.scrollTop;
} else {
var clickX = e.pageX;
var clickY = e.pageY;
var winY = window.innerHeight;
var scrollY = window.scrollY;
}
setTimeout("document.getElementById('contextmenu').style.left = xPos; document.getElementById('contextmenu').style.top = yPos;", 10);
if (clickX < contextmenuWidth) var xPos = clickX;
else var xPos = clickX - contextmenuWidth;
if (clickY + contextmenuHeight > winY + scrollY) var yPos = clickY - contextmenuHeight;
else var yPos = clickY;
setTimeout("document.getElementById('contextmenu').style.left = "+xPos+"; document.getElementById('contextmenu').style.top = "+yPos+";", 10);
contextmenuStatus = 1;
document.onclick = hidecontextmenu;
}

4
livesupport/modules/htmlUI/var/ui_conf.php
View file

@ -1,6 +1,6 @@
<?php
define('UI_VERSION', 'LiveSupport 1.0 rc1');
define('UI_VERSION_FULLNAME', 'LiveSupport 1.0 release canditate 1');
define('UI_VERSION', 'LiveSupport 1.0');
define('UI_VERSION_FULLNAME', 'LiveSupport 1.0 stable');
define('UI_TESTSTREAM_MU3_TMP', 'img/test.m3u');
## Scheduler