Jump to content

rrock

User
  • Posts

    36
  • Joined

  • Last visited

Everything posted by rrock

  1. для кого, как. Вот полноценный сбор статистики. и на вопрос темы отвечает полностью
  2. например так посмотри пример тут
  3. мой вариант http://localhost/usage ну это конечно только для локального просмотра
  4. rrock

    scrollTo

    читал а куда применить то???? Вы меня извините но я не очень то по JS div abonents находится не с самого верха body а в середине экрана в ячейке таблицы
  5. rrock

    scrollTo

    дёргается строка $.post('info.php',{id: '$id', table: 'abonents'},show_abonents_content); info.php скрипт генерит $out и выводит на echo $out .= "<div id=\"abonent_$id\" onMouseOver=\"on_abonent(this);\" onMouseOut=\"out_abonent(this);\" onClick=\"click_abonent(this);\"> ".$name['address']." | ".$name['shortly']."</div>"; передается сюда function show_abonents_content(content){ document.getElementById("abonents").innerHTML = content; } div abonents загружается здесь index.php .... <script type="text/javascript" src="java/switch.js"></script> <script type="text/javascript" src="java/jquery.scrollTo.js"></script> .... .... <td colspan="2" valign="top"><div id="abonents" class="layer"> <!-- Здесь размещается контент абонентов //--> </div></td> ..... ..... <!-- Есть такой абонент abonent_1985, дёргаем //--> <div id="empty" onclick = "$('abonents').scrollTo('abonent_1985', 800);">EMPTY</div> .... нехочет....
  6. такая конструкция <div id = 'tops'> <div id = 'top1'> <div id = 'top1_1'>top1_1</div> <div id = 'top1_2'>top1_2</div> <div id = 'top1_3'>top1_3</div> </div> <div id = 'top2'> <div id = 'top2_1'>top2_1</div> <div id = 'top2_2'>top2_2</div> </div> </div> строка document.getElementById('top2_1').style.opacity = .5; работает. строка document.getElementById('tops').style.opacity = .5; не работает. Почему? Спасибо за ответ.
  7. rrock

    scrollTo

    Молодец. А ты бы по делу написал
  8. Попробуй <script type="text/javascript" src="java/jquery.js"></script> и <script language="javascript"> $(document).ready(load_content); </script> в load_content подгружаешь стили $.post('script.php',{arg1: value1, arg2: value2,...},function_show); // script.php - скрипт генерирующий стиль или просто скрипт со строкой чтения файла и вывода на экран // arg1: value1, arg2: value2,... - если необходимы входные данные для script.php // function_show - функция обрабатывающая входящую строку применяя стиль
  9. rrock

    scrollTo

    Что то не получается осилить
  10. Схема такая есть таблица заполненная картинками <table align="center" bgcolor="#999999" border="0" cellspacing="0" cellpadding="0"> <tr> <td><p class="h5">01</p> <a href="#SWView"><img src="images/all/p_t_pln1.gif" width="21" height="22" alt="Port 0/1" border="0" id="Prt_2_00_01_Img" onClick="click_port(this);" onMouseOver="on_port(this);" onMouseOut="out_port(this);"></a></td> <td><p class="h5">03</p> <a href="#SWView"><img src="images/all/p_t_pln1.gif" width="21" height="22" alt="Port 0/3" border="0" id="Prt_2_00_03_Img" onClick="click_port(this);" onMouseOver="on_port(this);" onMouseOut="out_port(this);"></a></td> <td><p class="h5">05</p> <a href="#SWView"><img src="images/all/p_t_pln1.gif" width="21" height="22" alt="Port 0/5" border="0" id="Prt_2_00_05_Img" onClick="click_port(this);" onMouseOver="on_port(this);" onMouseOut="out_port(this);"></a></td> </tr> </table> есть скрипт function click_switch(switchid){ $.post('info.php',{id: switchid.id, what: 'link'},show_links); } выдающий необходимую информацию на функцию изменения картинок function show_links(string) { var port; var port_split; var switch_id; var switch_id1; var port_id; var port_status; var port_image; ports = string.split('/'); switch_id = ports[0].split('_')[1]; for (i = 1; i < ports.length-1;i++){ port_split = ports[i].split('_'); port_id = port_split[0]; port_status = port_split[1]; port_image = "Prt_"+switch_id+"_00_"+port_id+"_Img"; setPortImage(document.getElementById(port_image),port_status); } //alert(port_image); } далее setPortImage(); перерисовывает картинки меняя на них .src Вопрос в следующем нужно чтобы при OnMouseOver на стороннем элементе, менялась картинка на нужном (нарисованном функцией setPortImage) элементе запрошенным с сервера по средствам $.post('info.php',{id: abonent.id, what: 'port'},show_port); и при onMouseOut возвращалась картинка та что была до этого (не та которая по умолчанию а та что была нарисована до этого функцией setPortImage) Спасибо.
  11. rrock

    scrollTo

    Народ кто может помочь. Ничего не получается Нужно сделать следующее. Есть Список представленный в виде <div id='layer'> <div id='in1'>1</div> <div id='in2'>2</div> ... <div id='in...>...</div> </div> находящийся здесь. DIV.layer { overflow: auto; height: 100px; padding: 1px; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px ; font-weight: bold; /* border: solid 1px black; scrollbar-3d-light-color: #DCDCDC; scrollbar-arrow-color: #DCDCDC; scrollbar-base-color: #DCDCDC; scrollbar-dark-shadow-color: #DCDCDC; scrollbar-face-color: #DCDCDC; scrollbar-highlight-color: #DCDCDC; scrollbar-shadow-color: #DCDCDC; scrollbar-track-color: #DCDCDC; overflow-x: hidden; } так же есть таблица вида <table width="100%" border="1"> <tr> <td id="no1_1" onMouseOver="onover('no1_1','in1');" onMouseOut="onout('no1_1','in1');">1_1</td> <td id="no1_1" onMouseOver="onover('no1_2','in2');" onMouseOut="onout('no1_2','in2');">1_2</td> </tr> <tr> <td id="no2_1" onMouseOver="onover('no2_1','in5');" onMouseOut="onout('no1_2','in5');">2_1</td> <td id="no2_2" onMouseOver="onover('no2_2','empty');" onMouseOut="onout('no1_2','empty');">2_2</td> </tr> <tr> <td id="no3_1" onMouseOver="onover('no3_1','empty');" onMouseOut="onout('no3_1','empty');">3_1</td> <td id="no3_2" onMouseOver="onover('no3_2','empty');" onMouseOut="onout('no3_2','empty');">3_2</td> </tr> .... </table> есть скрипт. function onover(source,destination){ document.getElementById(source).style.background = '#FEFECA'; if (destination == 'empty'){ ... }else{ document.getElementById(destination).style.background = '#FEFECA'; // ЧТО СЮДА НАДО ДОБАВИТЬ? } } function onout(source,destination){ document.getElementById(source).style.background = '#DCDCDC'; if (destination == 'empty'){ ... }else{ document.getElementById(destination).style.background = '#FEFECA'; // И СЮДА? } } В общем высота DIV.layer = 100 а позиций очень много. Подсвечивается все хорошо Мне же нужно чтобы при наведении мыши не только подсвечивалось, но и из списка, что расположен выше, первым кодом, в центре находилась нужная мне строчка(подсвеченая) и проскроленная на центр. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy