Jump to content

Юрий

User
 View Profile  See their activity

  • Posts

    38

  • Joined

  • Last visited

 Content Type 

Posts posted by Юрий

  1. Выпадающее меню с помощью тегов <ul>, <li>

    in HTML Coding

    Posted

    из ul li уберите position: relative;

    и ставьте его при событии hover на ul li (ul li:hover),

    только для ие6 нужен будет небольшой скриптик чтобы научить его понимать ul li:hover

    Спасибо, решение оказалось проще чем я думал. Скриптик есть для IE6

  2. Выпадающее меню с помощью тегов <ul>, <li>

    in HTML Coding

    Posted · Edited by Юрий

    Идея заключается в том, чтобы из списка сделать рубрикатор с выпадающими подрубриками. В FireFox всё работает нормально, в IE6 возникают проблемы:

    Так должно быть:

    1.gif

    Так в IE6:

    2.gif

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

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">

    <head>
      <title></title>
      <style type="text/css">
      /*<![CDATA[*/

    	ul
    	{
    		width: 600px;
    		list-style: none;
    	}

    	ul li
    	{
    		width: 278px;
    		float: left;
    		position: relative;

    		background: #D0D0D0;
    		border: 1px solid #909090;
    		padding: 5px 0;
    		margin: 5px;
    		font: 100 12px Arial;
    	}

    	li ul
    	{
    		background: #ccc;
    		width: 278px;
    		position: absolute;
    		z-index: 999;

    		top: 25px;
    		left: -1px;
    		list-style: none;
    		margin: 0;
    		padding: 0;
    		border: 1px solid #909090;
    	}

    	li ul li
    	{
    		background: #008000;
    		padding: 2px 0;
    		margin: 0;
    		border: 0;
    	}

      /*]]>*/
      </style>
    </head>

    <body>

    	<ul>
    		<li>Раздел рубрикатора
    			<ul>
    				<li>Подразделы</li>
    				<li>Подразделы</li>
    				<li>Подразделы</li>
    				<li>Подразделы</li>
    				<li>Подразделы</li>
    				<li>Подразделы</li>
    				<li>Подразделы</li>
    				<li>Подразделы</li>
    				<li>Подразделы</li>
    				<li>Подразделы</li>
    				<li>Подразделы</li>
    				<li>Подразделы</li>
    			</ul>
    		</li>
    		<li>Раздел рубрикатора</li>
    		<li>Раздел рубрикатора</li>
    		<li>Раздел рубрикатора</li>
    		<li>Раздел рубрикатора</li>
    		<li>Раздел рубрикатора</li>
    		<li>Раздел рубрикатора</li>
    	</ul>

    </body>

    </html>

  4. Вызов функции на изменение рабочей области браузера

    in JavaScript

    Posted · Edited by Юрий

    Здравствуйте. Мне нужно управлять шириной и высотой дива в зависимости от размеров рабочей области браузера. Думаю делать так:

    1. Есть функции которые определяют ширину и высоту рабочей области

    2. Вызываем функций на ресайз рабочей области

    3. Устанавливаем соответствующие размеры у div'a

    Не знаю по какому событию функцию вызвать? Или может кто-нибудь подскажет вариант решения?

  7. Как получить src картинки?

    in JavaScript

    Posted

    А как проверить, таймер существует или нет. Т.к. если таймер не запушен (не было аута) при его обнулении в самом начале функции, она не срабатывает с первого раза, картинка не заменяется

  8. Как получить src картинки?

    in JavaScript

    Posted 

    function animRomb() {

    	pattern = /romb_2/g;
    	str = document.getElementById('romb').src;
    	result = str.match(pattern);

    	if(result != "romb_2") {
    	document.getElementById('romb').src='images/romb_2.gif';
    	}
    	clearTimeout(timerId);

      }

      function statRomb(){
    	timerId=setTimeout("document.getElementById('romb').src='images/romb.gif'",100);
      }

    Спасибо большое за помошь, вс? заработало!!! :(

    Это первый java script написанный мною, который работает ;)

  9. Как получить src картинки?

    in JavaScript

    Posted

    Не получается, ты не мог бы код набросать?

    Вот что я делаю:

    Ставим таймер на маусовер 

    setTimeout("document.getElementById('romb').src='images/romb.gif'", 100);

    Смотрим сорс и обнуляем таймер 

    pattern = /romb/g;
    	str = document.getElementById('romb').src;
    	result = str.match(pattern);

    	if(result == 'romb') {
    	setTimeout("document.getElementById('romb').src='images/romb.gif'", 0);
    	}

  10. Как получить src картинки?

    in JavaScript

    Posted

    Нужно чтобы при неведении на определ?нный блок выскакивало меню и запускался гиф. Далее, чтобы при работе с появившимся меню гиф работал без скачков. Это нужно, потому-что хочет заказчик ;)

  13. Как получить src картинки?

    in JavaScript

    Posted

    Попробуй так:

    Открываешь страницу

    Наводишь сначала на серый блок (гиф начал анимироваться и появился блок главное меню)

    Затем, через секунду, веди мышку на блок "главное меню" и увидишь как гиф пойд?т заново. Тоже произойдет если с "главного меню" убрать мышку на серый фон, гиф будет стартовать сначала, а нужно чтобы он работал не прерываясь

  19. Как получить src картинки?

    in JavaScript

    Posted

    Спасибо, за помощь. Я в java script ноль.

    Возникла необходимость сделать меню для сайта, без java script не обойтись. Вот я смог сделать код который при наведении меняет картинки, но есть одна проблема, попытаюсь подробней е? описать.

    Задача следущая:

    Наводим на блок 1, появляется блок 2(будущее меню) и меняется изображение romb.gif на romb_2.gif

    Теперь при неведении на блок 2 изображение на странице должно остаться не изменным (romb_2.gif), но в момент перехода с блока 1 на блок 2, снова происходит подстановка картинки romb_2.gif и гиф начинает проигрываться заново. Вот код:

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

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

    <head>
      <title></title>

      <style type="text/css">

    	#active_zone {
    	  background: #f1f1f1;
    	  height: 250px;
    	}

    	#main_menu {
    	  background: #ccc;
    	  padding: 15px;
    	  display: none;
    	}

    	#left {
    	  height: 200px;
    	  background: green;
    	  width: 300px;
    	}



      </style>

      <script language="JavaScript" type="text/javascript">
    	/*<![CDATA[*/

    	function showMenu(){
    	document.getElementById('main_menu').style.display=(document.getElementById('main_menu').style.display != 'block' ? 'block' : 'none');
    	}

    	function rotateRomb() {
    	pattern = /romb/g;
    	str = document.getElementById('romb').src;
    	result = str.match(pattern);

    	if(result == 'romb') {
    	document.getElementById('romb').src='images/romb_2.gif';
    	}
    	}

    	function normalRomb() {
    	document.getElementById('romb').src='images/romb.gif';
    	}

    	/*]]>*/
    	</script>

    </head>

    <body>
    		 <div id="active_zone" onmouseover="showMenu(); rotateRomb();" onmouseout="showMenu(); normalRomb();">
    			<div id="main_menu">Главное меню</div>
    		 </div>

    		 <div id="colon_center">
    			<img id="romb" src="images/romb.gif" />
    		</div>
    </body>

    </html>

    Я думал, что если напишу условие, то "д?ргание" гива пройдет. Т.е. проверяем что на странице показывается анимированный гиф (картинка 2) и далее ничего не делаем, а если картинка 1, то меняем на картинку 2 

    function rotateRomb() {
    	pattern = /romb/g;
    	str = document.getElementById('romb').src;
    	result = str.match(pattern);

    	if(result == 'romb') {
    	document.getElementById('romb').src='images/romb_2.gif';
    	}
    	}

  21. Как получить src картинки?

    in JavaScript

    Posted

    Например есть картинка: romb.gif"

    Мне нужно получить значение е? src для того, чтобы потом сравнить с другим значением ;)

    т.е.

    если src == 'romb.gif' - то выполняем что-либо

    если src == 'romb_2.gif' - то ничего не делаем

  22. три колоники (боковые колонки тянутся по ширене, средняя фиксированна)

    in HTML Coding

    Posted

    Наш?л уже готовое решение: http://xhtml.ru/forum/index.php?showtopic=235

    <html><body>

    <div style="float:left;width:50%;height:400px;background:red;margin-left:-1px;">
    	<div style="padding:10px 110px 10px 10px">
    		Выделить этот код Ctrl+C и сделать HTML-файл.
    	</div>
    </div>

    <div style="float:left;width:200px;height:400px;background:green;margin-left:-100px;position:relative;z-index:2;">
    	<div style="padding:10px;">
    		Выделить этот код Ctrl+C и сделать HTML-файл.
    	</div>
    </div>

    <div style="float:left;width:50%;height:400px;background:blue;margin-left:-101px;">
    	<div style="padding:10px 10px 10px 110px">
    		Выделить этот код Ctrl+C и сделать HTML-файл.
    	</div>
    </div>

    </body></html>

    Сейчас буду внедрять :)

  24. три колоники (боковые колонки тянутся по ширене, средняя фиксированна)

    in HTML Coding

    Posted

    А какая проблема?

    Пиши таблицу 

    <table width="100%" border="0" ...>
    	 <tr>
    			<td>//////</td>
    			<td width="200px">//////</td>
    			<td>//////</td>
    </table>

    Конечно в крайнем случае можно таблицей, но хочется вс?-таки слоями :)

    Как сделать слоями, ума не приложу :)

  25. три колоники (боковые колонки тянутся по ширене, средняя фиксированна)

    in HTML Coding

    Posted

    Здравствуйте. Проблема с версткой макета. Нужно, чтобы правая и левая колонки растягивались по ширене (%), а центральная была фиксированной длины (px).

    Примерно так:

    |<—100%—>|<—200px—>|<—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

  I accept