Jump to content

arlek1n

User
  • Posts

    30
  • Joined

  • Last visited

Everything posted by arlek1n

  1. arlek1n

    div-ы

    итак. ситуация такова. у меня есть на странице таблица. <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr valign="top"> <td width="180"> <table cellpadding="4" cellspacing="2" border="0" width="180"> <tr> <td id="to_main" class="td_menu" onClick="java script:display_page('main')" onMouseOver="java script:change_fon_on('to_main')" onMouseOut="java script:change_fon_off('to_main')"> ... </td> </tr> <tr> <td id="to_clinika" class="td_menu" onClick="java script:display_page('clinika')" onMouseOver="java script:change_fon_on('to_clinika')" onMouseOut="java script:change_fon_off('to_clinika')"> ... </td> </tr> <tr> <td id="to_statistika" class="td_menu" onClick="java script:display_page('statistika')" onMouseOver="java script:change_fon_on('to_statistika')" onMouseOut="java script:change_fon_off('to_statistika')"> ... </td> </tr> <tr> <td id="to_protokols" class="td_menu" onClick="java script:display_page('protokols')" onMouseOver="java script:change_fon_on('to_protokols')" onMouseOut="java script:change_fon_off('to_protokols')"> ... </td> </tr> <tr> <td id="to_lab" class="td_menu" onClick="java script:display_page('laboratory')" onMouseOver="java script:change_fon_on('to_lab')" onMouseOut="java script:change_fon_off('to_lab')"> ... </td> </tr> <tr> <td id="to_kadri" class="td_menu" onClick="java script:display_page('otdel_kadrov')" onMouseOver="java script:change_fon_on('to_kadri')" onMouseOut="java script:change_fon_off('to_kadri')"> ... </td> </tr> <tr> <td id="to_other" class="td_menu" onClick="java script:display_page('other')" onMouseOver="java script:change_fon_on('to_other')" onMouseOut="java script:change_fon_off('to_other')"> ... </td> </tr> </table> </td> <td> <div id="main" style="display: visible;"> </div> <div id="clinika" style="display: none;"> ... </div> <div id="statistika" style="display: none;"> ... </div> <div id="protokols" style="display: none;"> ... </div> <div id="laboratory" style="display: none;"> ... </div> <div id="otdel_kadrov" style="display: none;"> </div> <div id="other" style="display: none;"> ... </div> </td> </tr> </table> как видно по коду. есть менюшка и есть правая ячейка, в которой див-ы. при нажатии на пункт меню хочу чтобы соотв див становился видным, а остальные, соответственно - невидимыми. когда у меня было два таких див-а, то все было банально просто. но сейчас их аж 7 штук. и писать 7 проверок - не прельщает. так вот у меня такой вопрос: может существует какой-то массив этих див-ов, чтобы омжно было в цикле пробежацца и ненужные выключить, а ныжный включить или есть некая функция создания массива этих див-ов ?. вроде в этот раз, нужный код поместил чтобы не тревожить ваши телепаты )) на всякий случай, вот начало функции, которая будет включать выбранный див: function display_page(need_div) { document.getElementById(need_div).style.display = ''; } Спасибо...
  2. ну чтобы слева была таблица ) спасибо, помогло )
  3. ммм... а что, в принципе, даст код ?! неужели вы думаете, что он принципиально отличается от других кодов создания таблиц ?. )) <table cellpadding="0" cellspacing="0" border="0" align="left" width="100%"> <tr valign="top"> <td background="images/logotip.gif" height="87" width="95"></td> <td background="images/kubik.gif" height="87" width="91"></td> <td background="images/headfon.gif" height="87" align="center" valign="middle"> авпывапыавпавп </td> </tr> </table> <table cellpadding="4" cellspacing="2" border="0" align="left" width="180"> <tr> <td id="to_main" class="td_menu"> фывафывафыва </td> </tr> </table>
  4. тупо "бр" получается аж 5 штук... блок - ничего не изменил (
  5. Здравствуйте. Извиняюсь, что туплю и вопрос такой наповский, но чета не получается. итак вопрос какой: как сделать чтобы таблицы шли одна за другой в столбик, т.к. страница уходила вниз, т.е. каждая последующая таблица была ниже предыдущей, а не справа. А то у меня получается, что таблица разместилась просто тупо справа. Надеюсь, что вопрос понятен и я не потревожил ваши телепаты ) Спасибо
  6. s0rr0w, пасиб. помогло. позже другое спрошу ))
  7. img src='mnogapif.jpg' а это что за рисунок такой ?.
  8. borunes.org/underground/devils.html снова не так что-то сделал ?.
  9. стоп. а сейчас телепаты зачем ?. ) док-тайп - пока НТМЛ, а потом будет встраиваться в шаблон.
  10. 1. position: relative для TD - убрал. изменений ноль. 2. мне удобнее читать вертикально и видеть какой именно отступ(сверху, слева и т.д.) я так понимаю, что это ни на что не влияет. 3. четко указал, что отступ измеряется в пикселях. изменений ноль. 4. попробовал изменить ед измерения отступа. изменений ноль. по поводу матчасти - блин. так ведь всё на нерусском языке ))
  11. 9.52 обновил до 9.63 - тажа песня
  12. .image_left { position: absolute; margin-left: 1; margin-right: 1; margin-top: 1; margin-bottom: 1; } .image_center { position: absolute; margin-left: 13; margin-right: 1; margin-top: 8; margin-bottom: 0; } .image_right { position: absolute; margin-left: 23; margin-right: 1; margin-top: -5; margin-bottom: 10; } и картенки: <td bgcolor="#92C9C9" style="border: 1px solid navy; border-width: 0px 0px 0px 0px; position: relative;" align="left"><img src='devils/thumbs/mrdptr.gif' border='0' class="image_left" onMouseOver="maroder_patrul(arguments[0], 1)" onMouseOut="close_opisanie)"> <img src='devils/thumbs/mrdrk.gif' border='0' class="image_center" onMouseOver="maroder_razved(arguments[0], 2)" onMouseOut="close_opisanie()"> <img src='devils/thumbs/mrdshn.gif' border='0' class="image_right" onMouseOver="maroder_shaman(arguments[0], 1)" onMouseOut="close_opisanie()"></td> а это еще что за зверь ?! примерчек мона ?.
  13. блин. в опере чета плоха отображается (( картинки все смещаются ниже.
  14. задал. картинки вообще нету. задаю так: .image_right { position: absolute; z-index: 1; top: 0px; left: 0px; } <td bgcolor="#92C9C9" style="border: 1px solid navy; border-width: 0px 0px 0px 0px; position: relative;"><img src='thumbs/mrdptr.gif' class="image_right" border='0' onMouseOver="maroder_patrul(arguments[0], 1)" onMouseOut="close_opisanie()">
  15. вот на этой картинке видно, где по одной картинке в ячейке, где по две, где по одной. при наведении курсора мыши на любую из картинок срабатывает функция. п.с. за качество картенки извиняюсь.
  16. гг )) вот именно третий меня и интересует )) два и без див-а помещаются в ячейке в одну строку без проблем. а вот третий надо к ним туда впихнуть... и при этом надо чтобы со всеми рисункаме работала функция onMouseOver, ну которую я описывал в другой теме ))
  17. здравствуйте. не подкажете ли как явно задать позицию картинки внутри ячейки таблицы, т.е. принудительно указать отступ слева, сверху и т.д. п.п.с. просто надо в ячейку поместить три картинки. одну в левом верхнем углу, вторую в правом верхнем и третью по центру внизу. спасибо.
  18. да хоть джаваскрипт, главное как ?. хоть примерно как ?.
  19. здравствуйте. не подкажете ли как явно задать позицию картинки внутри ячейки таблицы, т.е. принудительно указать отступ слева, сверху и т.д. п.п.с. просто надо в ячейку поместить три картинки. одну в левом верхнем углу, вторую в правом верхнем и третью по центру внизу. спасибо.
  20. блин. ну я смотрю вас тут нормально так накрыло насчет этих телепатов. что курите, ребята ?! п.с. спасибо, то, что нужно.
  21. Здравствуйте. Итак у меня есть функция, которая определяет координаты курсора мыши: function mousePageXY(e) { var x = 0, y = 0; if (!e) e = window.event; if (e.pageX || e.pageY) { x = e.pageX; y = e.pageY; } else if (e.clientX || e.clientY) { x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft; y = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop; } return {"x":x, "y":y}; } Далее, есть картинка. <img src='devils/thumbs/pgbol.gif' border='0' onMouseOver="prokl_bolot()" onMouseOut="close_opisanie()"> При наведении на неё срабатывает функция: function maroder_patrul(e) { var mCur = mousePageXY(e); document.getElementById("opisanie").style.top = mCur.y; document.getElementById("opisanie").style.left = mCur.x; ... где document.getElementById("opisanie").style.top = mCur.y; - верхний отступ динамического див-а document.getElementById("opisanie").style.left = mCur.x; - левый отступ того же дива Итак, в чем проблемка?. А проблемка вот в чем: мне надо передавать в функцию function maroder_patrul(e) не только координаты курсора, но и цифру одну(количество), которую я потом буду использовать в этой функции. как это сделать чтобы и цифра корректно передалась, и координаты по-прежнему определялись точно. просто когда я пишу onMouseOver="prokl_bolot(3)", то понятное дело, эта цифра воспринимается как координата когда же я пишу onMouseOver="prokl_bolot(е,3)" и function maroder_patrul(e,kol) то выдаётся ошибка. надеюсь, я понятно объяснил проблему и задачу. спасибо.
  22. блин. так просто. я вообще хз что там в том фотошопе. какая хоть опция или вкладка или вообще где там это делается ?. )) пасиб
  23. итак. есть просто див: advanced { background-color: #E1E1E1; border: 1px; border-style: solid black; position: absolute; z-index: 1000; top: 0px; left: 0px; width: 0px; height: 0px; } ... <div id="opisanie" class="advanced" style="font-family: Tahoma; font-size: 6px" align="left;"></div> есть таблица. в ячейках таблицы картинки. <td bgcolor="#D6D6D6" style="border: 1px solid #808080; border-width: 1px 1px 0px 1px"><img src="vodostok/thumbs/keykan23.gif" border="0" onMouseOver="upps()" onMouseOut="close_opisanie()"></td> при наведении на картинку всплывает типа подсказка(описанный выше див) с описанием картинки: function upps(e) { var mCur = mousePageXY(e); document.getElementById("opisanie").style.top = mCur.y; document.getElementById("opisanie").style.left = mCur.x; document.getElementById("opisanie").style.width = 250; var open_pic = '<table cellpadding=0 cellspacing=5 border=0 width=95%>'; open_pic += '<tr valign="top">'; open_pic += '<td><img src="vodostok/kamorka_luki.gif" border="0" width="75" height="65"></td>'; open_pic += '<td align="left" style="font-family: Tahoma; font-size: 10px">ТЕКСТ</td>'; open_pic += '</tr>'; open_pic += '</table>'; opisanie.innerHTML = open_pic; } а вот собственно и вопрос: на данный момент всплывающий див имеет просто тупо фоновый цвет, который просто перекрывает всё, а надо чтобы он был такой вот полупрозрачненький. ну чтобы вроде и есть фон у див-а, но в тоже время более-менее видно таблицу, которую перекрывает див. спасибо.
  24. ну так. теперь красиво смотрицца, когда одну картинку сделал фоно дива, а внутри дива две остальные картинки. счас осталась единственная засада: при наведении на картинки, которые в див-е вызываю спокойно ф-цию джаваскрипта, а вот как быть с фоновой картинкой?. по идее при наведении на неё тоже надо чтобы срабатывала функция. но ведь с другой стороны, она занимает по площади весь див... по ходу, с фоновой картинкой - не самое рациональное решение...
×
×
  • 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