egroupware/phpgwapi/templates/idots/topmenu.tpl.php
Pim Snel bfe1e5b04a - make topmenu default pref setting now
- fix bugs and wrong implementation of topmenu
- introduce new hook: topmenu_info for adding content to the topmenu see messenges as example
2007-01-09 22:44:30 +00:00

70 lines
2.3 KiB
PHP

<script language="JavaScript" type="text/javascript">
function opacity(id, opacStart, opacEnd, millisec) {
//speed for each frame
var speed = Math.round(millisec / 100);
var timer = 0;
//determine the direction for the blending, if start and end are the same nothing happens
if(opacStart > opacEnd) {
for(i = opacStart; i >= opacEnd; i--) {
setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
timer++;
}
}
else if(opacStart < opacEnd) {
for(i = opacStart; i <= opacEnd; i++)
{
setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
timer++;
}
}
}
//change the opacity for different browsers
function changeOpac(opacity, id) {
var object = document.getElementById(id).style;
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
}
function shiftOpacity(id, millisec) {
//if an element is invisible, make it visible, else make it ivisible
if(document.getElementById(id).style.opacity == 0) {
opacity(id, 0, 100, millisec);
} else {
opacity(id, 100, 0, millisec);
}
}
</script>
<div id="topmenu">
<div id="topmenu_items">
<?php foreach($this->menuitems as $mitems):?>
<div style="padding:0px 10px 0px 10px;position:relative;float:left;"><img src="<?=$this->icon_or_star?>" />&nbsp;<a href="<?=$mitems['url']?>"><?=$mitems['label']?></a></div>
<?php endforeach?>
</div>
<div id="topmenu_info">
<?php foreach($this->info_icons as $iicon):?>
<div style="padding:0px 10px 0px 0px;position:relative;float:left;"><a href="<?=$iicon['link']?>"><img id="<?=$iicon['id']?>" src="<?=$iicon['image']?>" <?=$iicon['tooltip']?>/></a></div>
<?php endforeach?>
<?php foreach($this->menuinfoitems as $mitems):?>
<div style="padding:0px 10px 0px 0px;position:relative;float:left;"><?=$mitems?></div>
<?php endforeach?>
</div>
<div style="clear:both;"></div>
</div>
<script language="JavaScript" type="text/javascript">
<?php foreach($this->info_icons as $iicon):?>
<?php if($iicon['blink']):?>
setInterval("shiftOpacity('<?=$iicon['id']?>', 500)",1500);
<?php endif?>
<?php endforeach?>
//shiftOpacity('blinkimg', 500);
</script>