Галерея домашних страниц

[AlexSedov]

Подскажите пожалуйста как прикрутить Индикаторы в шапке чтоб горели зелёным. обьект создан и работает а как прикрутить его к индикаторам не пойму.

[nick7zmail]

Подскажите пожалуйста как прикрутить Индикаторы в шапке чтоб горели зелёным. обьект создан и работает а как прикрутить его к индикаторам не пойму.

Ты хоть код выложи - что добавил на страницу, какие индикаторы не рботают, какие свойства надо вывести, чему они равны...и т.д.

[AlexSedov]

Какой код я даже не знаю куда лезть. Инструкции же нету. Шапку спёр у когото тут чёррную

Отправлено с моего SM-G900FD через Tapatalk

[AlexSedov]

Индикаторы их там 22 если не ошибаюсь типа мега, радио, будильник.

Отправлено с моего SM-G900FD через Tapatalk

[nick7zmail]

Какой код я даже не знаю куда лезть. Инструкции же нету. Шапку спёр у когото тут чёррную

Ну как это инструкций нет...весь форум одна большая инструкция. Лезть в default.html. Вот тема про индикаторы. http://majordomo.smartliving.ru/forum/v ... f=4&t=1523

[AlexSedov]

Если вам не трудно то раскажите что делать и куда копать хоть примерно. По поводу кода, то выложу чуть позже так как я на работе и пишу с телефона

Отправлено с моего SM-G900FD через Tapatalk

[AlexSedov]

Выкладываю кучу фоток и код на суд великих гуру.
интересующие меня индикаторы отмечены стрелками.

СпойлерПоказать

2015-12-24.png (182.33 КБ) 13248 просмотров

Создал устройство онлайн MegaLight1

СпойлерПоказать

2015-12-24 (1).png (160.08 КБ) 13248 просмотров

2015-12-24 (4).png (156.78 КБ) 13248 просмотров

Далее создал обьект в классе systemStates и назвал Control_svet

СпойлерПоказать

2015-12-24 (2).png (165.17 КБ) 13248 просмотров

2015-12-24 (5).png (159.67 КБ) 13248 просмотров

2015-12-24 (6).png (161.56 КБ) 13248 просмотров

В методах добавил код

СпойлерПоказать

Код: Выделить всё

$details=array();
$red_state=0;
$yellow_state=0;

if (!isOnline('MegaLight1')) {
 $yellow_state=1;
 $details[]=LANG_GENERAL_NO_INTERNET_ACCESS;
}

if ($red_state) {
 $state='red';
 $state_title=LANG_GENERAL_RED; 
} elseif ($yellow_state) {
 $state='yellow';
 $state_title=LANG_GENERAL_YELLOW;  
} else {
 $state='green';
 $state_title=LANG_GENERAL_GREEN;   
}

$new_details=implode(". ",$details);
if ($this->getProperty("stateDetails")!=$new_details) {
 $this->setProperty('stateDetails',$new_details);
}

if ($this->getProperty('stateColor')!=$state) {
 $this->setProperty('stateColor',$state);
 $this->setProperty('stateTitle',$state_title);
 if ($state!='green') {
  say(LANG_GENERAL_COMMUNICATION_STATE." ".LANG_GENERAL_CHANGED_TO." ".$state_title.".");
  say(implode(". ",$details));
 } else {
  say(LANG_GENERAL_COMMUNICATION_STATE." ".LANG_GENERAL_RESTORED_TO." ".$state_title);
 }
 $this->callMethod('stateChanged');
} 

2015-12-24 (7).png (178.81 КБ) 13248 просмотров

Теперь выкладываю код сомой шапки где эти индикаторы

СпойлерПоказать

Код: Выделить всё

 <!--#
 @version 0.2 (auto-set)
#-->
<script src="/templates_alt/jsgraphics/jsgraphics.js"></script>
<script src="/templates_alt/jsgraphics/timeline2c.js"></script>
<script src="/templates_alt/jsgraphics/level2.js"></script>
<script type="text/javascript" src="/js/ui.tabs.paging.js"></script>
<script src="/templates_alt/jsgraphics/state1.js"></script>
<script src="/templates_alt/jsgraphics/state2.js"></script>

<table width="100%" border="0">
 <tr>
  <td valign="top" colspan=3>
  
<table width="100%" height="120" border="0" bgcolor="Black" style="background-image: url(/templates_alt/icon/fon3.png) ;border-radius: 0.4em 0.4em 0.4em 0.4em;">
 
 <tr>
        <td>
               
                </td>

                <td valign="bottom">
<script language="javascript">
 function leftPanelToggle() {
  $('#leftPanel').toggle();
  if ( $("#leftPanel").is(":visible") ) {
   $("#leftPanelToggleIcon").attr("src","/images/icon_left.png");
  } else { 
   $("#leftPanelToggleIcon").attr("src","/images/icon_right.png");
  }
  return false;
 }
</script>
 <a href="/"><img src="/templates_alt/icon/logo_s2.png" border="0"></a>
 
                <a href="#" onClick="return leftPanelToggle();"><img id="leftPanelToggleIcon" border="0" src="/images/icon_left.png" border="0"></a>
                </td>


                                <td width="90%">
                                
<table width="95%" height="100%" align="right">
  <tr>
  <td width="10%">

 
 
  </td>
    <td width="30%" height="30">
    
<div style="background:transparent">
<canvas id="stt11" width="48" height="25">Canvas not supported</canvas>
<canvas id="stt12" width="48" height="25">Canvas not supported</canvas>
<canvas id="stt13" width="48" height="25">Canvas not supported</canvas>
<canvas id="stt14" width="48" height="25">Canvas not supported</canvas>
<canvas id="stt15" width="48" height="25">Canvas not supported</canvas>
</div>    
<script type="text/javascript">

    st1 = new state1('stt11', 'Control_svet.stateTitle', 'Свет 1', 20000, 1);
    st1.alertmin = 05;
    st1.alertmax = 95;
    st1.int1_min = 80; st1.int1_max = 101; st1.int1_color = '#ff0000'; // red
    st1.int2_min = 65; st1.int2_max = 79; st1.int2_color = '#ff9900';  // orange
    st1.int3_min = 51; st1.int3_max = 64; st1.int3_color = '#ffff00'; // green
    st1.int4_min = 11; st1.int4_max = 50; st1.int4_color = '#00ff00'; // blue
    st1.int5_min = 0; st1.int5_max = 10; st1.int5_color = '#00ffff'; // cyan
    st1.redraw();    
    
    
     st1 = new state1('stt12', 'serverCPUload.value', 'Mega', 20000, 1);
    st1.alertmin = 05;
    st1.alertmax = 95;
    st1.int1_min = 80; st1.int1_max = 101; st1.int1_color = '#ff0000'; // red
    st1.int2_min = 65; st1.int2_max = 79; st1.int2_color = '#ff9900';  // orange
    st1.int3_min = 51; st1.int3_max = 64; st1.int3_color = '#ffff00'; // green
    st1.int4_min = 11; st1.int4_max = 50; st1.int4_color = '#00ff00'; // blue
    st1.int5_min = 0; st1.int5_max = 10; st1.int5_color = '#00ffff'; // cyan
    st1.redraw();       
    
    st1 = new state1('stt13', 'serverCPUload.value', '2', 20000, 1);
    st1.alertmin = 75;
    st1.alertmax = 1000;
    st1.int1_min = 100; st1.int1_max = 101; st1.int1_color = 'rgba(225, 60, 50, 1)'; // red
    st1.int2_min = 75; st1.int2_max = 99; st1.int2_color = 'rgba(210, 160, 50, 1)';  // orange
    st1.int3_min = 50; st1.int3_max = 74; st1.int3_color = 'rgba(50, 200, 50, 1)'; // green
    st1.int4_min = 25; st1.int4_max = 49; st1.int4_color = 'rgba(140, 140, 225, 1)'; // blue
    st1.int5_min = 0; st1.int5_max = 24; st1.int5_color = 'rgba(50, 230, 230, 1)'; // cyan
    st1.redraw();
    
    st1 = new state1('stt14', 'serverCPUload.value', '1', 20000, 1);
    st1.alertmin = 05;
    st1.alertmax = 95;
    st1.int1_min = 80; st1.int1_max = 101; st1.int1_color = '#ff0000'; // red
    st1.int2_min = 65; st1.int2_max = 79; st1.int2_color = '#ff9900';  // orange
    st1.int3_min = 51; st1.int3_max = 64; st1.int3_color = '#ffff00'; // green
    st1.int4_min = 11; st1.int4_max = 50; st1.int4_color = '#00ff00'; // blue
    st1.int5_min = 0; st1.int5_max = 10; st1.int5_color = '#00ffff'; // cyan
    st1.redraw();    
    
    st1 = new state1('stt15', 'serverCPUload.value', 'Mega', 20000, 1);
    st1.alertmin = 05;
    st1.alertmax = 95;
    st1.int1_min = 80; st1.int1_max = 101; st1.int1_color = '#ff0000'; // red
    st1.int2_min = 65; st1.int2_max = 79; st1.int2_color = '#ff9900';  // orange
    st1.int3_min = 51; st1.int3_max = 64; st1.int3_color = '#ffff00'; // green
    st1.int4_min = 11; st1.int4_max = 50; st1.int4_color = '#00ff00'; // blue
    st1.int5_min = 0; st1.int5_max = 10; st1.int5_color = '#00ffff'; // cyan
    st1.redraw();    
</script>    
    </td>
    <td width="30%">
 
    </td>
    <td ROWSPAN="3" width="10%">
<EMBED src="http://rp5.ru/informer/100x100/1/1.swf" loop=false menu=false quality=high scale=noscale wmode=transparent bgcolor=#CCCCCC flashvars="id=8715&lang=ru&um=00000" WIDTH="100" HEIGHT="100" NAME="loader" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE= "http://www.macromedia.com/go/getflashplayer"></EMBED>
    </td>
    <td ROWSPAN="2" width="30%">

<div align="left" id="txt" style='cursor: default;font-family:Liquid Crystal;text-align:center;color:#66FF00;font-size:32pt'></div>
<br>
<div id="txt1" style='cursor: default;text-align:center;color:#66FF00;font-size:9pt'></div>

<script type="text/javascript">
    function time() {
      var today = new Date();
      var day_of_week = ["воскресенье", "понедельник", "вторник", "среда", "четверг", "пятница", "суббота"];
      var month_of_year = ["января", "Февраля", "марта", "апреля", "мая", "июня", "июля", "августа", "сентября", "октября", "ноября", "декабря"];
      var day_ = day_of_week[today.getDay()];
      var date_ = today.getDate();
      var month_ = month_of_year[today.getMonth()];
      //var year_ = today.getFullYear();
      var hours_ = today.getHours();
      var min_ = today.getMinutes();
      var sec_ = today.getSeconds();
      var zerom = zeros = '';
      if(min_ < 10) zerom = '0';
      if(sec_ < 10) zeros = '0';
 document.getElementById('txt').innerHTML=hours_+""+":"+""+zerom+min_+""+":"+""+zeros+sec_;
 document.getElementById('txt1').innerHTML=day_+","+'&nbsp'+'&nbsp'+date_+" "+month_;
   }
   setInterval(time, 1);
</script>
    
    </td>
  </tr>
  <tr>
    <td width="10%" height="35">
    
  </td>
    <td width="30%">
    
<canvas id="cpu2" width="184" height="29">Canvas not supported</canvas>
</div>

<script type="text/javascript">
   
   cpulevel2 = new timeline2c('cpu2', 'serverCPUload.value', 'CPU2:', 2000, '%');
   cpulevel2.alertmin = 0;
   cpulevel2.alertmax = 85;
   cpulevel2.background = 'rgba(0, 0, 0, 1)';
   cpulevel2.color = 'rgba(200, 200, 200, 1)';
   cpulevel2.border = 0;
   cpulevel2.basecolor = 'rgba(100, 100, 100, 1)';
   cpulevel2.grid = 0;
   cpulevel2.redraw();
   cpulevel2.color_title = 'rgba(0, 0, 0, 1)';
 </script>

    </td>
    <td width="30%">


 <div style="background:transparent">
<canvas id="lev3" width="80" height="30">Canvas not supported</canvas>
<canvas id="lev4" width="80" height="30">Canvas not supported</canvas>
<canvas id="lev5" width="80" height="30">Canvas not supported</canvas>
</div>    

<script type="text/javascript">

   level_3 = new level2('lev3', 'serverCPUTemp', 'CPU TEMP', 2000, '°C');
   level_3.alertmin = 0;
   level_3.alertmax = 50;
   //level_3.background = 'rgba(200, 40, 40, 1)';
   level_3.max_ = 48;
   level_3.min_ = 15;
   level_3.yellow_ = 45;
   level_3.red_ = 43;
   level_3.orange_ = 41;
   level_3.green_ = 20;
   level_3.blue_ = 10;
   level_3.cyan_ = 0;
   level_3.redraw();

   level_4 = new level2('lev4', 'serverCPUFan', 'FAN', 2000, '');
   level_4.alertmin = 2050;
   level_4.alertmax = 2512;
   //level_4.background = 'rgba(200, 40, 40, 1)';
   level_4.max_ = 2500;
   level_4.min_ = 2000;
   level_4.yellow_ = 2400;
   level_4.green_ = 2350;
   level_4.orange_ = 2150;
   level_4.blue_ = 2100;
   level_4.cyan_ = 2050;
   level_4.red_ = 2000;
   level_4.redraw();
   
   
   level_5 = new level2('lev5', 'serverCPUTemp', 'HDD TEMP', 2000, '°C');
   level_5.alertmin = 0;
   level_5.alertmax = 50;
   //level_5.background = 'rgba(200, 40, 40, 1)';
   level_5.max_ = 48;
   level_5.min_ = 15;
   level_5.yellow_ = 45;
   level_5.red_ = 43;
   level_5.orange_ = 41;
   level_5.green_ = 20;
   level_5.blue_ = 10;
   level_5.cyan_ = 0;
   level_5.redraw();
</script>    




    </td>
 
    <td width="30%">

    </td>    
  </tr>
  
   <tr>
    <td width="10%" height="20">
    
  </td>
    <td COLSPAN="2" width="30%">
    
<div style="background:transparent">
<canvas id="stt1" width="55" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt2" width="55" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt3" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt4" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt5" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt6" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt7" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt8" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt9" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
</div>
<script type="text/javascript">

    st1 = new state2('stt1', 'Control_svet.stateColor', 'Свет', 10000, 1);
    st1.alertmin = 01;
    st1.alertmax = 95;
    st1.int1_min = 08; st1.int1_max = 11; st1.int1_color = '#00ff00'; // green
    st1.int2_min = 03; st1.int2_max = 07; st1.int2_color = 'transparent';  // transparent
    st1.redraw();    
    
    
    st1 = new state2('stt2', 'AlarmMenu.AlarmMenuLed', '3', 20000, 1);
    st1.alertmin = 01;
    st1.alertmax = 95;
    st1.int1_min = 08; st1.int1_max = 11; st1.int1_color = '#00ff00'; // green
    st1.int2_min = 03; st1.int2_max = 07; st1.int2_color = 'transparent';  // transparent
    st1.redraw();     
    
    st1 = new state2('stt3', 'Alise.Led', '4', 20000, 1);
    st1.alertmin = 01;
    st1.alertmax = 95;
    st1.int1_min = 08; st1.int1_max = 11; st1.int1_color = '#00ff00'; // transparent
    st1.int2_min = 03; st1.int2_max = 07; st1.int2_color = 'transparent';  // black
    st1.redraw();     
    
     st1 = new state2('stt4', 'Radio.RadioLedOn', '6', 20000, 1);
   st1.alertmin = 01;
    st1.alertmax = 95;
    st1.int1_min = 08; st1.int1_max = 11; st1.int1_color = '#00ff00'; // green
    st1.int2_min = 03; st1.int2_max = 07; st1.int2_color = 'transparent';  // transparent
    st1.redraw();    
    
    
    st1 = new state2('stt5', 'Radio.RadioLedOn', '5', 10000, 1);
    st1.alertmin = 01;
    st1.alertmax = 95;
    st1.int1_min = 08; st1.int1_max = 11; st1.int1_color = '#00ff00'; // green
    st1.int2_min = 03; st1.int2_max = 07; st1.int2_color = 'transparent';  // transparent
    st1.redraw();    
    

    st1 = new state2('stt6', 'serverCPUload.value', 'SYSTEM', 20000, 1);
    st1.alertmin = 01;
    st1.alertmax = 95;
    st1.int1_min = 08; st1.int1_max = 11; st1.int1_color = '#00ff00'; // green
    st1.int2_min = 03; st1.int2_max = 07; st1.int2_color = 'transparent';  // transparent
    st1.redraw();    
    
    
     st1 = new state2('stt7', 'AlarmMenu.AlarmMenuLed', '7', 20000, 1);
    st1.alertmin = 01;
    st1.alertmax = 95;
    st1.int1_min = 08; st1.int1_max = 11; st1.int1_color = '#00ff00'; // green
    st1.int2_min = 03; st1.int2_max = 07; st1.int2_color = 'transparent';  // transparent
    st1.redraw();     
    
    st1 = new state2('stt8', 'Radio.RadioLedOn', '8', 10000, 1);
    st1.alertmin = 01;
    st1.alertmax = 95;
    st1.int1_min = 08; st1.int1_max = 11; st1.int1_color = '#00ff00'; // green
    st1.int2_min = 03; st1.int2_max = 07; st1.int2_color = 'transparent';  // transparent
    st1.redraw();    
    
     st1 = new state2('stt9', 'AlarmMenu.AlarmMenuLed', '9', 20000, 1);
    st1.alertmin = 01;
    st1.alertmax = 95;
    st1.int1_min = 08; st1.int1_max = 11; st1.int1_color = '#00ff00'; // green
    st1.int2_min = 03; st1.int2_max = 07; st1.int2_color = 'transparent';  // transparent
    st1.redraw();     
    

</script>
 
 




    </td>
 
    <td width="30%">

    </td>    
  </tr>
</table>


                                </td>

  <!--#
  <td valign="top" nowrap>
  [ <a href="#" onClick="return openTWindow('addEventWin', 'Add Event', '/popup/addevent.html', 500, 230)">Add Event</a> ]
  </td>
  #-->
  <td valign="top" nowrap>

  <table border="0" align="right">
   <tr>
    <form action="/" method="get" name="frmSettings">
 <!--# [#if HIDE_TERMINALS!="1"#] #-->
  <td valign="top" nowrap>
  <style type="text/css">
   a {
color: transparent;
cursor: pointer;
}

select {
background-color: transparent;
cursor: pointer;
color: #41B446;
font-size: 14;
border-color: transparent;
}

a:hover {
color: #9ECF15;
}

  </style>
   <div><a><#LANG_TERMINAL#>
   <select name="terminal" onChange="document.frmSettings.submit();">
    <option value=""><#LANG_SELECT#>
    [#begin TERMINALS#]
    <option value="[#NAME#]"[#if SELECTED="1"#] selected[#endif#]>[#TITLE#]
    [#end TERMINALS#]
   </select></a></div>
  </td>
  [#endif#]
  <!--#
  [#if HIDE_USERS!="1"#]
  <td valign="top" nowrap>
   <#LANG_USER#>:
   <select name="username" onChange="document.frmSettings.submit();">
    <option value=""><#LANG_SELECT#>
    [#begin USERS#]
    <option value="[#USERNAME#]"[#if SELECTED="1"#] selected[#endif#]>[#NAME#]
    [#end USERS#]
   </select>
  </td>
  [#endif#]
  #-->
  </form>
  
   </tr>
   
   
   <tr>
    <td valign="top" nowrap><a href="/admin.php"><#LANG_CONTROL_PANEL#></a></td>
 
   </tr>
  

  
   <tr>
    <td valign="top" colspan="3" align="right" nowrap>
    <a href="<#LANG_WIKI_URL#>" target=_blank>MajorDoMo Project</a>
    |
    <a href="/popup/xray.html" target=_blank>X-Ray</a>
    </td>
   </tr>
  </table>
  </td>
  <td valign="top">
   [#if USER_AVATAR!=""#]
   <a href="#" onClick="return openModalTWindow('usersWindow', '<#LANG_USERS#>', '/popup/users.html', 500, 500);"><img src="/cms/avatars/[#USER_AVATAR#]" border="0" height="50"></a>
   [#else#]
   <a href="#" onClick="return openModalTWindow('usersWindow', '<#LANG_USERS#>', '/popup/users.html', 500, 500);"><img src="<#ROOTHTML#>templates_alt/icon/user.png" border="0"></a>
   [#endif#]
  </td>
 </tr>
 </table>
  
  </td>
 </tr>
 <tr>
  <td valign="top" width="350" id="leftPanel">
  <iframe src="/menu.html" width="350" height="450" id="navFrame" border="0" frameborder=0 framespacing=0></iframe>
  <!--#<iframe src="/demos/main/index.html" width="350" height="400" border="0" frameborder=0 framespacing=0 scrolling="auto"></iframe>#-->
  <!--#
  <img src="/img/0.gif" border="0" width="300" height="1">
  <div id="alertsLog" class="small">
   [#module name="shoutbox" limit="5"#]
  </div>
  #-->
  </td>

  <td valign="top" width="100%">

<div id="tabs">
<ul>
[#begin LAYOUTS#]
<li>
<a href="#tabs-[#ID#]"[#if ICON!=""#] style="padding:1px 1em 2px 0.5em"[#endif#]>[#if ICON!=""#]<img src="/cms/layouts/[#ICON#]" align="absmiddle" height="28">&nbsp;&nbsp;[#endif#][#TITLE#]</a></li>
[#end LAYOUTS#]
  <li><a href="#tabs-last"><span id='tablast_title'>***</span></a></li>
</ul>

[#begin LAYOUTS#]
<div id="tabs-[#ID#]">...</div>
[#end LAYOUTS#]

<div id="tabs-last">
  ...
</div> 

</div>

  </td>
 </tr>
</table>

<script language="javascript">

var iFrameHeight=500;

$(document).ready(function() {
  // Handler for .ready() called.
  iFrameHeight=$(document).height()-110;
  //alert($(document).height());
  $('#navFrame').height(iFrameHeight+57);
  [#begin LAYOUTS#]
  $('#htmlTab[#NUM#]').height(iFrameHeight);
  [#end LAYOUTS#]
  //alert($('#defaultFrame').height());
});

        $("#tabs").tabs({
        show: function(event, ui) { 
         iFrameHeight=$(document).height()-110;
         var selected = $( "#tabs" ).tabs( "option", "selected" );
         //alert(selected);
         [#begin LAYOUTS#]
         if (selected == [#NUM#]) {
          [#if TYPE="app"#]
           if ($('#tabs-[#ID#]').html()=='...') {
            $('#tabs-[#ID#]').html('<iframe src="/popup/[#APP#].html" width=100% height="'+iFrameHeight+'" border="0" frameborder="0"></iframe>');
           }
          [#endif TYPE#]
          [#if TYPE="url"#]
           if ($('#tabs-[#ID#]').html()=='...') {
            $('#tabs-[#ID#]').html('<iframe src="[#URL#]" width=100% height="'+iFrameHeight+'" border="0" frameborder="0"></iframe>');
           }
          [#endif TYPE#]
          [#if TYPE="html"#]
           if ($('#tabs-[#ID#]').html()=='...') {
            $('#tabs-[#ID#]').html('<iframe src="/page/[#ID#].html" width=100% height="'+iFrameHeight+'" border="0" frameborder="0"></iframe>');
           }
          [#endif TYPE#]
         }
         [#end LAYOUTS#]
        }});

$('#tabs').tabs('paging', {cycle:false, follow:false});


</script>

[AlexSedov]

Большая просьба разъяснить что куда и к чему если конечно не сложно вам уважаемые гуру.

[ovcher]

ovcher,

getdata.php вызываеся из jsgraphics.js, 118 строка:
xmlhttp.open("GET", '/jsgraphics/getdata.php?p='+fobj.objprop, true);

Моих знаний не хватает, чтобы понять как должны быть правильно указаны пути.
Это абсолютные пути? Относительно какого файла:
/var/www/default.php - стартовая страница
/var/www/templates_alt/default.html - файл альтернативного шаблона.

Вот спасибо, буду учиться пользоваться поиском, а то все глазами да глазами, а ведь дедушка учил: -"Ищи руками, а не глазами." пардон за невнимательность .
В общем так:
В jsgraphics.js меняем 118 строку на: xmlhttp.open("GET", '/templates_alt/jsgraphics/getdata.php?p='+fobj.objprop, true);
А в getdata.php добавим еще один перескок назад к корню т.е.:
в строке 3 поменяем chdir('../'); на chdir('../../');
и все должно наладится.

[nick7zmail]

Большая просьба разъяснить что куда и к чему если конечно не сложно вам уважаемые гуру.

По-порядку...
1) на форуме есть поиск...по слову "индикаторы" найдете много интересного
2) Если что-то не работает в "стащенной у кого-то" шапке, попробуйте на чистой системе создать с нуля подобный индикатор. Возможно поможет (в плане понимания).
3) Снесите весь лишний java код из страницы (относящийся к другим индикаторам). Вы пытались заставить работать индикатор "Свет 1"...оставьте только его. javascript очень капризная штука. Сомневаюсь, что у вас есть объекты, скажем serverCPUload.value. А как только ява на подобное натыкается - выполнение скрипта приостанавливается, и он даже не пытается отрисовать первую часть. Потом при необходимости просто раскопируете, поменяв имена объектов.
4) В, скажем, хроме есть неплохой отладчик. Правой кнопкой на странице - посмотреть код элемента. Там можно найти косяки. Так же, при необходимости, вывести в консоль какие-либо переменные (посмотреть значения). Если я не ошибаюсь - вызывается по console.log(<переменная, значение которой хотите узнать>);
5) Можно ставить метки - чтобы определить, в какой конкретно части кода затык. (например после каждой строки вставляете console.log(<номер строки>);. Посмотрите что конкретно у вас не отрабатывает, почистите все от лишнего кода - и когда, у вас "вроде все должно работать, но не работает" - пишите). Сейчас в Вашем коде много лишнего, по-этому он и не работоспособен.