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; font-size: 12px;
color: #2C2C2C; color: #2C2C2C;
margin: 0px; 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; img { font-size: 12px;
@ -199,7 +199,7 @@ input, select { font-size: 12px;
} }
.whatplaying .scala .scala_in { 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; font-size:1px;
height: 8px; height: 8px;
} }
@ -231,7 +231,7 @@ input, select { font-size: 12px;
.container_nav { font-size: 12px; .container_nav { font-size: 12px;
height: 26px; height: 26px;
clear: both; 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; margin-bottom: 38px;
} }
@ -310,7 +310,7 @@ input, select { font-size: 12px;
.contenttabnav { .contenttabnav {
height: 26px; height: 26px;
clear: both; 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-bottom: 12px;
margin-top: 12px; margin-top: 12px;
} }
@ -348,7 +348,7 @@ input, select { font-size: 12px;
} }
#tabnav a { #tabnav a {
background: url("css_img/bt_tab_off.gif"); background: url("css_img/bt_tab_off.png");
display: block; display: block;
color: #666; color: #666;
font-size: 11px; font-size: 11px;
@ -360,12 +360,12 @@ input, select { font-size: 12px;
} }
#tabnav a:hover { #tabnav a:hover {
background: url("css_img/bt_tab_on.gif"); background: url("css_img/bt_tab_on.png");
color: #FFF; color: #FFF;
} }
#tabnav a.active { #tabnav a.active {
background: url("css_img/bt_tab_on.gif"); background: url("css_img/bt_tab_on.png");
color: #FFF; color: #FFF;
} }
@ -391,7 +391,7 @@ input, select { font-size: 12px;
} }
#tabnavsmall a { #tabnavsmall a {
background: url("css_img/bt_tabsm_off.gif"); background: url("css_img/bt_tabsm_off.png");
display: block; display: block;
color: #666; color: #666;
font-size: 11px; font-size: 11px;
@ -403,12 +403,12 @@ input, select { font-size: 12px;
} }
#tabnavsmall a:hover { #tabnavsmall a:hover {
background: url("css_img/bt_tabsm_on.gif"); background: url("css_img/bt_tabsm_on.png");
color: #FFF; color: #FFF;
} }
#tabnavsmall a.active { #tabnavsmall a.active {
background: url("css_img/bt_tabsm_on.gif"); background: url("css_img/bt_tabsm_on.png");
color: #FFF; color: #FFF;
} }
@ -857,7 +857,7 @@ table.scheduler_month .scala {
} }
table.scheduler_month .scala .scala_in { 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; font-size:1px;
height: 12px; height: 12px;
} }

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

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

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

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

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

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