JQUERY浮动窗口、toast提示、ajax调用

最新推荐文章于 2021-05-20 00:12:43 发布

walterby

最新推荐文章于 2021-05-20 00:12:43 发布

阅读量881

点赞数

分类专栏： php

本文链接：https://blog.csdn.net/walterby/article/details/38264231

版权

php 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<script language="javascript" type="text/javascript" src="../inc/jquery-1.4.2.min.js"></script>
<SCRIPT src="../monitor/images/jquery.boxy.js?r=<?php echo rand(10000, 99999) ?>" type=text/javascript></SCRIPT>
<link href="../monitor/images/boxy.css?v=1" rel="stylesheet" type="text/css" />
<style>
.boxy-inner{
background-color:rgb(154, 162, 137);
filter:alpha(opacity=70);
        -moz-opacity:0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
color:white;
 border:4px solid black;
}
.boxy-inner a{
 color:white;
}
.top,.top-left,.top-right,.left,.right,.bottom,.bottom-left,.bottom-right{

display:none;
}

.boxy-inner .title-bar{
  background-color:rgb(104, 112, 87);
}

h2{
   clear:both;
   background-color:rgb(104, 112, 87);
}

</style>
var b;
var ad;
function type_switch(){
  
    urlcomptime="<?php echo 'performanceMonitoringPlot.php?type=vd&vdType=comptime&controller='.$controller.'&DGname='.$DGname.'&VDname='.$VDname.'&pbufMc='.$pbufMc.'&rwtype='.$rwtype.'&period='.$period.'&longtermtime='.$longtermtime.'&cache='.$cache.'&circle='.$circle.'&circle_range'.$circle_range.'&cpu_seq='.$cpu_seq.'&circle_getval='.$circle_getval.'&circle_rate='.$circle_rate.'&time='.$time.'&increment='?>"+increment;
    urlrate="<?php echo 'performanceMonitoringPlot.php?type=vd&vdType=readrate&controller='.$controller.'&DGname='.$DGname.'&VDname='.$VDname.'&pbufMc='.$pbufMc.'&rwtype='.$rwtype.'&period='.$period.'&longtermtime='.$longtermtime.'&cache='.$cache.'&circle='.$circle.'&circle_range'.$circle_range.'&cpu_seq='.$cpu_seq.'&circle_getval='.$circle_getval.'&circle_rate='.$circle_rate.'&time='.$time.'&increment='?>"+increment;
    urllba="<?php echo 'performanceMonitoringPlot.php?type=vd&vdType=lba&controller='.$controller.'&DGname='.$DGname.'&VDname='.$VDname.'&pbufMc='.$pbufMc.'&rwtype='.$rwtype.'&period='.$period.'&longtermtime='.$longtermtime.'&cache='.$cache.'&circle='.$circle.'&circle_range'.$circle_range.'&cpu_seq='.$cpu_seq.'&circle_getval='.$circle_getval.'&circle_rate='.$circle_rate.'&time='.$time.'&increment='?>"+increment;
<?php if($controller==2) $type=pbufMc; else $type=pbuf; ?>
//  urlcfree="<?php echo 'performanceMonitoringPlot.php?type=pbuf&vdType='.$vdType.'&controller='.$controller.'&DGname='.$DGname.'&VDname='.$VDname.'&pbufMc='.$pbufMc.'&rwtype='.$rwtype.'&period='.$period.'&longtermtime='.$longtermtime.'&cache=free&circle='.$circle.'&circle_range'.$circle_range.'&cpu_seq='.$cpu_seq.'&circle_getval='.$circle_getval.'&circle_rate='.$circle_rate.'&time='.$time.'&increment='?>"+increment;
    urlcbusy="<?php echo 'performanceMonitoringPlot.php?type='.$type.'&vdType='.$vdType.'&controller='.$controller.'&DGname='.$DGname.'&VDname='.$VDname.'&pbufMc='.$pbufMc.'&rwtype='.$rwtype.'&period='.$period.'&longtermtime='.$longtermtime.'&cache=busy&circle='.$circle.'&circle_range'.$circle_range.'&cpu_seq='.$cpu_seq.'&circle_getval='.$circle_getval.'&circle_rate='.$circle_rate.'&time='.$time.'&increment='?>"+increment;
//  urlcdirty="<?php echo 'performanceMonitoringPlot.php?type=pbuf&vdType='.$vdType.'&controller='.$controller.'&DGname='.$DGname.'&VDname='.$VDname.'&pbufMc='.$pbufMc.'&rwtype='.$rwtype.'&period='.$period.'&longtermtime='.$longtermtime.'&cache=dirty&circle='.$circle.'&circle_range'.$circle_range.'&cpu_seq='.$cpu_seq.'&circle_getval='.$circle_getval.'&circle_rate='.$circle_rate.'&time='.$time.'&increment='?>"+increment;
    urlebuf="<?php echo 'performanceMonitoringPlot.php?type=ebuf&vdType='.$vdType.'&controller='.$controller.'&DGname='.$DGname.'&VDname='.$VDname.'&pbufMc='.$pbufMc.'&rwtype='.$rwtype.'&period='.$period.'&longtermtime='.$longtermtime.'&cache='.$cache.'&circle='.$circle.'&circle_range'.$circle_range.'&cpu_seq='.$cpu_seq.'&circle_getval='.$circle_getval.'&circle_rate='.$circle_rate.'&time='.$time.'&increment='?>"+increment;
    urliscsi="<?php echo 'performanceMonitoringPlot.php?type=iscsi&vdType='.$vdType.'&controller='.$controller.'&DGname='.$DGname.'&VDname='.$VDname.'&pbufMc='.$pbufMc.'&rwtype='.$rwtype.'&period='.$period.'&longtermtime='.$longtermtime.'&cache='.$cache.'&circle='.$circle.'&circle_range'.$circle_range.'&cpu_seq='.$cpu_seq.'&circle_getval='.$circle_getval.'&circle_rate='.$circle_rate.'&time='.$time.'&increment='?>"+increment;
    urlcpu="<?php echo 'performanceMonitoringPlot.php?type=cpu&vdType='.$vdType.'&controller='.$controller.'&DGname='.$DGname.'&VDname='.$VDname.'&pbufMc='.$pbufMc.'&rwtype='.$rwtype.'&period='.$period.'&longtermtime='.$longtermtime.'&cache='.$cache.'&circle='.$circle.'&circle_range'.$circle_range.'&cpu_seq='.$cpu_seq.'&circle_getval='.$circle_getval.'&circle_rate='.$circle_rate.'&time='.$time.'&increment='?>"+increment;
  if(b){
    if(b.isVisible())b.hide();
    else {b.show();ad1.hide();}
  }else{
    b=new Boxy("<div><p><?php if($DGname != "") {?><a href='"+urlcomptime+"'>iSCSI Command Completion Time (<?php echo $DGname.":".$VDname ?>)</a><br/><a href='"+urlrate+"'>Data Rate (<?php echo $DGname.":".$VDname ?>)</a><br/><a href='"+urllba+"'>Sector Address (<?php echo $DGname.":".$VDname ?>)</a><br/><?php }?><a href='"+urlcbusy+"'>Persistent Cache Busy-Page Percentage</a><br/><a href='"+urlebuf+"'>SSD Cache Hit</a><br/><a href='"+urliscsi+"'>Busy Plot</a><br/><a href='"+urlcpu+"'>CPU Busy Percentage</a></p><a href='javascript:void(0)' οnclick='opendg()'><br/></a></div>", {title: "Quitch Switch",draggable:true});
  b.show();
    ad1.hide();
}

var Toast = function(config){
        this.context = config.context==null?$('body'):config.context;
        this.message = config.message;
        this.time = config.time==null?3000:config.time;
        this.left = config.left;
        this.top = config.top;
        this.init();
}
var msgEntity;
Toast.prototype = {
        init : function(){
                $("#toastMessage").remove();
                var msgDIV = new Array();
                msgDIV.push('<div id="toastMessage">');
                msgDIV.push('<span>'+this.message+'</span>');
                msgDIV.push('</div>');
                msgEntity = $(msgDIV.join('')).appendTo(this.context);
                var left = this.left == null ? this.context.width()/2-msgEntity.find('span').width()/2-46 : this.left;
                var top = this.top == null ? '20px' : this.top;
                msgEntity.css({position:'absolute',top:top,'z-index':'99',left:left,'background-color':'black',color:'white','font-size':'16px',padding:'10px',margin:'10px'});
                msgEntity.hide();
        },
        show : function(){
                msgEntity.fadeIn(this.time/100);
                msgEntity.fadeOut(this.time);
        }

}

function changeTime()
{
    var date = document.getElementById("longtermtime").value;
    var reg=/[^0-9,]*/g;
    var tmp=date.replace(reg,"");
    var year=tmp.substring(4,8);
    var month=tmp.substring(0,2);
    var day=tmp.substring(2,4);
    var hms=tmp.substring(8,14);
    var hour=tmp.substring(8,10);
    var min=tmp.substring(10,12);
    var s=tmp.substring(12,14);
    document.getElementById("prev").value="prev";
    document.getElementById("next").value="next";
    document.getElementById("prev").disabled="";
    document.getElementById("next").disabled="";
    var longtermtime=year+month+day+"_"+hms;
    if (longtermtime=="_")
      longtermtime="";
    else {
    $.ajax({
        url:"check.php?longtermtime="+longtermtime,
        cache:false,
        //dataType:'json',
        success:function(j){
             //alert(j);
             if(j==1){
                new Toast({context:$('body'),message:'<font >There is no data at '+date+', it will jump the data nearby. </font>',top:'200px'}).show();  
            }
            increment=0;
        }
    });
    }

    var number = Math.random();
    var obj=document.getElementById("pic1");
    url="<?php echo 'srcPerMonitor.php?type='.$type.'&controller='.$controller.'&vdType='.$vdType.'&cache='.$cache.'&DGname='.$DGname.'&VDname='.$VDname.'&pbufMc=1&rwtype='.$rwtype.'&period='.$period.'&increment='.$increment.'&circle='.$circle.'&circle_range='.$circle_range.'&circle_getval='.$circle_getval.'&circle_rate='.$circle_rate; ?>";
    obj.src = url+"&v="+number+"&longtermtime="+longtermtime+"&date="+date;
   // document.location.href = "../System/performanceMonitoringPlot.php?type=<?= $type ?>&controller=<?= $controller ?>&vdType=<?= $vdType ?>&cache=<?= $cache ?>&DGname=<?= $DGname ?>&VDname=<?= $VDname ?>&time=<?= $time ?>&rwtype=<?= $rwtype ?>&period=<?= $period

?>&increment=0&longtermtime="+longtermtime+"&date="+date;
}

//check.php
<?php 

$cmd="daperf -points 5 -cpubusy -longterm -time $longtermtime| awk -F \" \" 'NR==6{print $5}'";
$timetmp=explode(":", `$cmd`);

$year=substr($timetmp[0],0,4);
$month=substr($timetmp[0],4,2);
$day=substr($timetmp[0],6,2);
$hour=substr($timetmp[0],9,2);
$minute=substr($timetmp[0],11,2);
$sec=substr($timetmp[0],13,2);
$timetmp=$year."-".$month."-".$day." ".$hour.":".$minute.":"."$sec";
$cmd_tmp="date +%s -d '".$timetmp."'";
$min=`$cmd_tmp`;
$max=$min+1200;
$year=substr($longtermtime,0,4);
$month=substr($longtermtime,4,2);
$day=substr($longtermtime,6,2);
$hour=substr($longtermtime,9,2);
$minute=substr($longtermtime,11,2);
$sec=substr($longtermtime,13,2);
$longtermtime=$year."-".$month."-".$day." ".$hour.":".$minute.":"."$sec";

$cmd_lt="date +%s -d '".$longtermtime."'";
$lt=`$cmd_lt`;

if(($lt < $min) || ($lt > $max))
        echo "1";
else
        echo "0";

//echo $min."#".$max."#".$lt;
?>

walterby

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQUERY浮动窗口、toast提示、ajax调用

" type=text/javascript>.boxy-inner{background-color:rgb(154, 162, 137);filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;color:white; border:
复制链接

扫一扫