-
Posts
978 -
Joined
-
Last visited
-
Days Won
3
Content Type
Profiles
Forums
Calendar
Store
Everything posted by stars
-
Не получается разобраться как нужно дописать код чтобы работал getElementsByClassName в ie... Ясно только одно что ie пока что не обзавелся такой функцией... вот код страницы и сама страница http://stars124.narod.ru/js2.html нид хэлп <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" /> <title>Z-index</title> <script type="text/javascript"> function color3(node){ var wrap = document.getElementById('wrap3') var wrapDiv = wrap.getElementsByClassName("z") var wrapDiv2 = wrap.getElementsByClassName("b") var wrapDiv3 = wrap.getElementsByClassName("s") var nodeDiv = node.getElementsByTagName('div').item(0) for(var i = 0; i<wrapDiv.length; i++){ wrapDiv.item(i).className = 'm' } for(var i = 0; i<wrapDiv2.length;i++){ wrapDiv2.item(i).className = 's' nodeDiv.className = 'b' } for(var i = 0; i<wrapDiv3.length;i++){ nodeDiv.className = 'b' } node.className = 'z' } </script> <style type="text/css"> *{ margin: 0; padding:0} body { margin: 50px;} div#wrap3 { width: 600px; height: 100px; border: 1px solid #000; } div.m { height: 100px; width: 100px; background: red; float:left;} div.z { height: 100px; width: 300px; background: green; float:left; } div.s { height: 96px; width: 200px; background: yellow; display: none; border: 2px dotted #F09; float:right; } div.b { height: 96px; width: 200px; background: yellow; display: block; border: 2px dotted #F09; float:right; } </style> </head> <body> <div id="wrap3"> <div onclick="color3(this);" class="m">Проба1<div class="s">1111111</div></div> <div onclick="color3(this);" class="m">Проба2<div class="s">2222222</div></div> <div onclick="color3(this);" class="m">Проба3<div class="s">3333333</div></div> <div onclick="color3(this);" class="z">Проба4<div class="b">4444444</div></div> </div> </body> </html>
-
Ну в общем за последний месяц я таки с нулевого уровня знания js поднялся на начальный ))) И так я меня есть такая страничка (прородительницу этой страницы мне когдато написал псиволкер) http://stars124.narod.ru/js.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Z-index</title> <style type="text/css"> *{ margin: 0; padding:0} body { margin: 50px;} td.z { width: 300px; background: green;} td.m { width: 100px; background: red;} table#wrap2 { width: 600px; height: 100px; border: 1px solid #000; } div.s { height: 96px; width: 200px; background: yellow; display: none; border: 2px dotted #F09; float:right; } div.b { height: 96px; width: 200px; background: yellow; display: block; border: 2px dotted #F09; float:right; } </style> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> function color2(node){ var wrap = document.getElementById('wrap2') var wrapDiv = wrap.getElementsByTagName('td') var wrapDiv2 = wrap.getElementsByTagName('div') var nodeDiv = node.getElementsByTagName('div').item(0) for(var i = 0; i<wrapDiv.length;i++){ wrapDiv.item(i).className = 'm' } for(var i = 0; i<wrapDiv2.length;i++){ wrapDiv2.item(i).className = 's' nodeDiv.className = 'b' } node.className = 'z' } </script> </head> <body> <table id="wrap2"> <tr> <td onclick="color2(this);" class="m">Проба1<div class="s">22222222</div></td> <td onclick="color2(this);" class="m">Проба2<div class="s">22222222</div></td> <td onclick="color2(this);" class="m">Проба3<div class="s">33333333</div></td> <td onclick="color2(this);" class="z">Проба4<div class="b">44444444</div></td> </tr> </table> </body> </html> Все работает здорово но я хочу чтобы изменения объектов происходило плавно. Конечно же первым делом я стал смотреть как делают другие (разобрать награмождение функций у меня пока далеко не всегда получается поэтому я к вам и пришел за помощью )))) я лично побывал тай способ подключаю <script type="text/javascript" src="jquery.js"></script> и добавляю в скрипт перед node.className = 'z' $(node). animate({"width": "+=200px"}, "slow"); Оно начинает двигаться плавно но как то все каряво (
-
Не совсем так ))) хотя мое знакомство началось с ASP Linux 9 и он мне действительно не понравился. Однако я не считаю Linux неудобным скажем для офисной работы, вполне удобный(если потратить денек другой и поставить его нормально) особенностей которые его отличают от винды для офисного работника единицы... Однако запускать MS Access под Linux я не считаю дельной затеей(аксес я выбрал ради примера есть цела туева куча программ с которыми работают люди которые довольно трудно заменить аналогами в Linux)...
-
А что подразумевается под дырами? Что косается убунты то при корректной настройке она возможно(абсолютно не факт) и будет быстрей XP не в 2 раза точно но побыстрей, возможно она более стабильна чем ХП и дыр для злоумышленника имеет меньше, да только у топик стартера компьютер даже не в сети, сама по себе ХП вполне стабильно работает(если уметь работать), а чтобы настроить убунту нормально(и радоваться своему творению) надо с курить не мало мануалов(и вот тут встает вопрос, а винда у вас нормально настроена?) По этому мое мнение что если это домашний компьютер то надо работать в той системе в которой удобно (я кстати считаю кретинизмом сидеть в LINUX OS и эмулировать приложения win32).
-
На пхп создавать полоску использую GD2
-
эх не читал я форум на выходных ))) Сам юзаю именно VirtualBox и еще на первой странице понял что скорей всего не установлено "дополнения гостевой ОС" (сам помню сидел втыкал почему не чего не видно). Насколько я помню без этих дополнений и USB дивайсы работать не будут
-
ну не знаю че у вас там так грузится... у меня загружается все секунд за 30, не засекал точно. В автозагрузке только апач, mysql, nod32...
-
Я из похожей ситуации вышел путем создания генератора страниц, php скрипт который подключается к базе формирует каталоги и страницы )))) Собственно если надо будет что-то поменять то просто исправляется пару строк в генераторе и следом получаются n-ое количество исправленных статических страниц страниц
-
О спасиб ))) седня пришел на работу и заметил что таблица весит в воздухе вчера видать заработался ))))
-
Сижу уже 30 минут не могу понять как поправить ошибку Валидатор ругается с текстом: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>title</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" href="/obj/styles/body.css" type="text/css"> <link rel="SHORTCUT ICON" href="/favicon.ico"> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <!-- Header --> <tr> <td> <table width="100%" border="0" cellpadding="2" cellspacing="0" class="r1"> <tr> <td align="center"><a href="/"><img src="/obj/img/24112.gif" width="110" height="52" border="0" alt="clockshop" title="clockshop"></a></td> <td align="center"><img src="/obj/img/6442211.gif" width="110" height="38" alt="tel" title="tel"></td> </tr> </table> </td> </tr> <!-- End of header --> <tr><td> <table width="100%" border="0" cellspacing="2" cellpadding="0"> <tr><td><p class="path" style="margin: 5px 0px 0px 0px;padding: 0;"><a href="/offline" class="path">Наручные часы</a> // <b>ANNE KLEIN</b></p></td></tr> <tr><td><hr style="margin: 5px 0px 0px 0px;padding: 0;"></td></tr> <tr><td><h1 style="margin: 0;padding: 0;">ANNE KLEIN</h1></td></tr> <tr><td><hr style="margin: 5px 0px 5px 0px;padding: 0;"></td></tr> <table width="99%" style="margin: 0 auto;" border="0" cellspacing="1" cellpadding="0"> <tr> <td bgcolor="#FFFFCC"><p style="margin: 0px 0px 5px 0px;padding: 0;"><b><a href="/offline/naruchnyie_chasyi/anne_klein/bracelet">Bracelet</a></b></p><div class="sub" style="margin: 5px 0px 0px 0px;padding: 0;"><p style="margin: 0;padding: 0;">Оригинальное и модное решение послужит идеальным дополнением к кожаной куртке. Стальной браслет обтянутый кожей фирменных цветов AK: красного, белого и черного. А сами часы спрятаны за стальной дверцей. Феноменальная простота!</p></div></td> <td bgcolor="#e0e0e0" nowrap align="right"><p class="sub" style="margin: 0;padding: 0;"><b>2</b> часов<br><b>316</b>...<b>316</b> USD</p></td> </tr> <tr><td colspan="2"><hr style="margin: 3px 0px 3px 0px;padding: 0;"></td></tr> <tr> <td bgcolor="#FFFFCC"><p style="margin: 0px 0px 5px 0px;padding: 0;"><b><a href="/offline/naruchnyie_chasyi/anne_klein/cercle">Cercle</a></b></p><div class="sub" style="margin: 5px 0px 0px 0px;padding: 0;"><p style="margin: 0;padding: 0;">Собрание женских наручных часов с достаточно консервативным для фэшн-марки внешним видом. Классика всегда актуальна!</p></div></td> <td bgcolor="#e0e0e0" nowrap align="right"><p class="sub" style="margin: 0;padding: 0;"><b>4</b> часов<br><b>115</b>...<b>122</b> USD</p></td> </tr> <tr><td colspan="2"><hr style="margin: 3px 0px 3px 0px;padding: 0;"></td></tr> <tr> <td bgcolor="#FFFFCC"><p style="margin: 0px 0px 5px 0px;padding: 0;"><b><a href="/offline/naruchnyie_chasyi/anne_klein/crabe">Crabe</a></b></p><div class="sub" style="margin: 5px 0px 0px 0px;padding: 0;"><p style="margin: 0;padding: 0;">Старые добрые женские часовые браслеты типа "краб" обрели второе дыхание в заботливых руках дизайнеров дома AK. Редкое на сегодняшний день предложение среди модных аксессуаров</p></div></td> <td bgcolor="#e0e0e0" nowrap align="right"><p class="sub" style="margin: 0;padding: 0;"><b>3</b> часов<br><b>122</b>...<b>200</b> USD</p></td> </tr> <tr><td colspan="2"><hr style="margin: 3px 0px 3px 0px;padding: 0;"></td></tr> </table> </table> </td></tr></table> </body> </html>
-
ну так используй overflow: hidden;
-
Убери бом и "п»ї" пропадет Эм чето я увлекся ))) БОМ = bite order mark это возможно у файлов в кодировке UTF
-
Ради интереса собрал страничку все отображается нормально(в ie6-8 operar 10.5 ff 3.6.3 хроме и сафари)... Так что скорей всего вам просто надо снять со своего браузера надстройки.... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> body { background:url(img/back_g.jpg); margin:0; padding:0; } .col_head { display:block; width:100%; margin:0; padding:0; text-align:left; background:#000; font-size:18px; color:#CCC; font-family:Georgia, "Times New Roman", Times, serif; } #header, #foto{ position:relative; margin:0 auto; display:block; width:960px; border:1px dashed #666; } #foto{ background:#000; } #logo_1 { margin: 30px 0 0 10px; display:block; float:left; width:300px; } #menu { display:block; float:right; } .menu ul { list-style:none; padding:90px 10px 0 0; } .menu li { list-style:none; width:120px; float:right; position:relative; } .menu li ul { display:none; position:absolute; z-index:1; padding:0; } .menu li a{ padding:5px; text-decoration:none; color:#CCC; padding:2px; border:1px solid #666; display:block; } .menu li a:hover { background:#666; } .menu li:hover ul, li.over ul { display: block; } .col_foto { display:block; width:100%; margin:0; } </style> </head> <body> <div class="col_head"> <div id="header"> <div id="logo_1"><H1>In-stante</H1><p>instante of life...</p></div> <div class="menu"> <ul> <li><a href="#">3</a></li> <li><a href="#">2</a> <ul> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">7</a></li> </ul></li> <li><a href="#">1</a></li> </ul> </div> <div style="clear:both"></div> </div> </div> <div class="col_foto"> <div id="foto"> <ul> <li><a href="#">3</a></li> <li><a href="#">2</a></li> <li><a href="#">1</a></li> <li><a href="#">3</a></li> <li><a href="#">2</a></li> <li><a href="#">1</a></li> <li><a href="#">3</a></li> <li><a href="#">2</a></li> <li><a href="#">1</a></li> <li><a href="#">3</a></li> <li><a href="#">2</a></li> <li><a href="#">1</a></li> <li><a href="#">3</a></li> <li><a href="#">2</a></li> <li><a href="#">1</a></li> </ul> </div> </div> </body> </html>
-
код как то избирательно скопирован )))
-
Ну все зависит от проекта и личных привычек, если это какая-то тестовая маленькая страница лучше обнулить все имхо... Что касается не писать 4 раза ))) ну так можно и "px" не писать, на валидность и грамотность кода не то не другое не влияет, влияет разве что на размер страницы...
-
Я тоже поддержу RBC mysql у них работает шустрее мастерхоста )))
-
можно взглянуть на весь код страницы? Можете попробывать написать сразу * { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
-
ну а скрипт то тут причем? Кодировку отображаемой страницы можно задать 1) в html <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> 2) в css @charset "windows-1251"; 3) в htaccess AddDefaultCharset windows-1251 4) Сам файл страницы изначально имеет кодировку, ее можно сменить рядом программ например нотпад++ 5) Если вы тупо собрались менять кодировку получаемой строки в пхп попробуйте mb_convert_encoding
-
http://forum.htmlbook.ru/index.php?showtopic=19211
-
выложи куданить на хост посмотреть...
-
Вам нужно было создать отдельную тему касаемо фона... background-repeat http://www.htmlbook.ru/css/background-repeat.html
-
кароче проблема я так понял что не в дэнвере а именно в апаче Вот так работает: NameVirtualHost 127.0.0.1 #localhost <VirtualHost localhost> ServerAdmin me@localhost ServerName localhost DocumentRoot "C:/Site/home/localhost/web" ScriptAlias /cgi/ "C:/Site/home/localhost/cgi/" ErrorLog C:/Site/home/localhost/error.log CustomLog C:/Site/home/localhost/access.log common </VirtualHost> вот так не работае NameVirtualHost 127.0.0.1 #localhost <VirtualHost localhost> ServerAdmin me@localhost ServerName localhost DocumentRoot "//192.168.0.100/WEB-IMAGES/JOB/web" ScriptAlias /cgi/ "C:/Site/home/localhost/cgi/" ErrorLog C:/Site/home/localhost/error.log CustomLog C:/Site/home/localhost/access.log common </VirtualHost> пробовал прописывать DocumentRoot "//192.168.0.100/WEB-IMAGES/JOB/web" DocumentRoot "//img-srv/WEB-IMAGES/JOB/web" DocumentRoot "I:/JOB/web" апач категорически выдает в логах error.log записей нетуспасите что делать? Линкануть папку через far тоже не получается так как она расшаренная
-
Например так <div class="n0"> <div class="n1">Б1</div> <div class="n2">Б2</div> </div> .n0 { width:100%; height: 200px; overflow: hidden; } .n1 { width:50%; height: 200px; overflow: hidden; float: left; } .n2 { width:50%; height: 200px; overflow: hidden; float: left; }