Gamer

November 9, 2009

Здравствуйте!

Понадобилось мне на "Юкозе" сделать сортировку информера по алфавиту. Пошел в сеть, нашел массив, приспособил:

<script type="text/javascript">

var arr = [123, Вася, Коля];

function sIncrease(i, ii) { 
if (i > ii)
return 1;
else if (i < ii)
return -1;
else
return 0;
}

arr.sort(sIncrease); 

</script>

Вопрос: как вставить все это добро на страницу? Чтобы при загрузке на ней выводился списочек?

August 9, 2009

Если еще актуально, вот.

April 15, 2009

Вобщем я решил так: блоки - это круто, но таблица рулит!!!

Рулят прямые руки и знание семантики.

Вам сюда.

April 8, 2009

Примитивная задача для StateController'а

Да, вы правы

С помощью вашей технологии я легко реализовал то, что хотел:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>...</title>
<link type="text/css" rel="StyleSheet" href="http://site/Test.css">
<style type="text/css">
* {padding:0px;margin:0px;outline: none}
img {border:none;}
.hiddenBlock {display:none;}
</style>

<script type="text/javascript" src="http://site/stateController.js"></script>
<script type="text/javascript" src="http://site/scHandlers.js"></script>
<script type="text/javascript" src="http://site/lib.js"></script>

</head>

<body>

<div id="buttonP"><a href="#" onmouseout="document.Pilots.src = 'http://site/ASP.png';" onmouseover="document.Pilots.src = 'http://site/ASPA.png';" onclick="GSC_setValAndLaunch('pl', true, 'buttonP'); GSC_setValAndLaunch('pl2', true, 'pilotslist'); return false;" SC="sc_hide_node:pl"><img src="http://site/ASP.png" name="Pilots"></a><a href="#" onclick="GSC_setValAndLaunch('pl', false, 'buttonP'); GSC_setValAndLaunch('pl2', false, 'pilotslist'); return false;" SC="sc_show_node:pl" class="hiddenBlock"><img src="http://site/ASPA.png"></a></div>

<div id="buttonC"><a href="#" onmouseout="document.Chat.src = 'http://site/Chat.png';" onmouseover="document.Chat.src = 'http://site/ChatA.png';" onclick="GSC_setValAndLaunch('ch', true, 'buttonC'); GSC_setValAndLaunch('ch2', true, 'chatt'); return false;" SC="sc_hide_node:ch"><img src="http://site/Chat.png" name="Chat"></a><a href="#" onclick="GSC_setValAndLaunch('ch', false, 'buttonC'); GSC_setValAndLaunch('ch2', false, 'chatt'); return false;" SC="sc_show_node:ch" class="hiddenBlock"><img src="http://site/ChatA.png"></a></div>

<div id="buttonN"><a href="#" onmouseout="document.NewsL.src = 'http://site/News.png';" onmouseover="document.NewsL.src = 'http://site/NewsA.png';" onclick="GSC_setValAndLaunch('nw', true, 'buttonN'); GSC_setValAndLaunch('nw2', true, 'news'); return false;" SC="sc_hide_node:nw"><img src="http://site/News.png" name="NewsL"></a><a href="#" onclick="GSC_setValAndLaunch('nw', false, 'buttonN'); GSC_setValAndLaunch('nw2', false, 'news'); return false;" SC="sc_show_node:nw" class="hiddenBlock"><img src="http://site.png"></a></div>

<div id="pilotslist" SC="sc_show_node:pl2" class="hiddenBlock">1</div>
<div id="chatt" SC="sc_show_node:ch2" class="hiddenBlock">2</div>
<div id="news" SC="sc_show_node:nw2" class="hiddenBlock">3</div>

</body>
</html>

April 7, 2009

Да, все пашет!

Спасибо, буду изучать!

April 7, 2009

Гм. Странно.

*Это неполная ссылка * Вот: http://avangardsveta.com/index/0-49

April 6, 2009

Да)

April 6, 2009

Матчасть

April 6, 2009

Гм. Не пашет.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>...</title>
<script type="text/javascript" src="http://site/stateController.js"></script>
<script type="text/javascript" src="http://site/scHandlers.js"></script>
<script type="text/javascript" src="http://site/lib.js"></script>
<link type="text/css" rel="StyleSheet" href="http://site/Text.css">
</head>

<body>

<p id="hidden_paragraph" SC="sc_hide_node:hide" class="specialBox">Пример параграфа, который будет скрыт.</p>

<div>
<a href="#" onclick="GSC_setValAndLaunch('hide', true, 'hidden_paragraph'); return false;">[ cкрыть параграф ]</a>
<a href="#" onclick="GSC_setValAndLaunch('hide', false, 'hidden_paragraph'); return false;">[ показать параграф ]</a>
</div>

</body>
</html>

April 6, 2009

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>...</title>
<script type="text/javascript" src="http://site/stateController.js"></script>
</head>

<body>

<p id="hidden_paragraph" SC="sc_hide_node:hide" class="specialBox">Пример параграфа, который будет скрыт.</p>

<div>
<a href="#" onclick="GSC_setValAndLaunch('hide', true, 'hidden_paragraph'); return false;">[ cкрыть параграф ]</a>
<a href="#" onclick="GSC_setValAndLaunch('hide', false, 'hidden_paragraph'); return false;">[ показать параграф ]</a>
</div>

</body>
</html>

April 6, 2009

Гм. Пытаюсь заставить работать первый пример у себя на сайте.

Файлы js загрузил, подключил в соответствии с примером, код скопировал на страничку, но почему-то не пашет. Может, я что-то не так делаю?

April 6, 2009

Почитайте обо всем этом здесь: stepbystep.htmlbook.ru

Или здесь: http://webstandards.org.ru/blog/layout/semantic-markup.html

April 6, 2009

да не собираюсь я зарабатывать продажами в этом магазине! хочу научиться подобные саайты делать.

Гм. Быть может вам начать с обычных сайтов?

Зарегистрируйтесь на Юкозе, изучите любой шаблон дизайна, узнайте, что такое синтаксически и семантически верная разметка, приведите все это в божеский вид (насколько это возможно) и будет вам счастье

April 6, 2009

Здравствуйте!

Есть 3 блока, 3 кнопки и скрипт.

При нажатии по кнопке появляется/убирается блок (каждой кнопке свой блок). У тех же кнопок есть подсветка при наведении (то бишь просто смена изображения).

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

Подскажите, пожалуйста, как такое можно провернуть?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<link type="text/css" rel="StyleSheet" href="http://site/Test.css">
<style type="text/css">
* {padding:0px;margin:0px;outline: none}
img {border:none;}
</style>
<script type="text/javascript">

function show(id){
 display = document.getElementById(id).style.visibility;
 if(display == 'hidden'){
 document.getElementById(id).style.visibility='visible';
}else{
 document.getElementById(id).style.visibility='hidden';

 }
}

</script>
</head>

<body>

<div id="pl" style="visibility:hidden;">1</div>
<div id="chatt" style="visibility:hidden;">2</div>
<div id="news" style="visibility:hidden;">3</div>

<div><a href="#" onmouseout="document.Pil.src = 'http://site/img4.png';" onmouseover="document.Pil.src = 'http://site/img2.png';" onclick="show('pl'); return false;"><img src="http://site/img4.png';" name="Pil"></a></div>
<div><a href="#" onmouseout="document.NewsL.src = 'http://site/img1.png';" onmouseover="document.NewsL.src = 'http://site/img2.png';" onclick="show('news'); return false;"><img src="http://site/img1.png';" name="NewsL"></a></div>
<div><a href="#" onmouseout="document.Chat.src = 'http://site/img3.png';" onmouseover="document.Chat.src = 'http://site/img2.png';" onclick="show('chatt'); return false;"><img src="http://site/img3.png';" name="Chat"></a></div>

</body>
</html>

March 20, 2009

Вопроса нет ))

Решение найдено, во всем виноваты кнопки. Ппц )))

Век живи, век учись)

March 20, 2009

Здравствуйте!

Глюк в следующем: есть меню в самом верху страницы.

Но почему-то, ближе к правому нижнему углу, есть зона, которая идентифицируется как фон того самого верхнего меню.

Для наглядности можно пройти сюда: ссылка, кликнуть вторую кнопку слева (чат) и посмотреть на форму написания сообщения в чат, а заодно и попробовать в него написать.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Авангард Света</title>
<link type="text/css" rel="StyleSheet" href="http://avangardsveta.com/CSS/Test.css">
<style type="text/css">
* {padding:0px;margin:0px;outline: none}
img {border:none;}
html {background:url('http://avangardsveta.com/Pictures/Back.png');background-repeat:repeat-x;}
a.Link:link {color:#5c5757;font-weight:bold;font-size:13pt;font-family: Arial, Helvetica;text-decoration:none;}
a.Link:active {color:#5c5757;font-weight:bold;font-size:13pt;font-family: Arial, Helvetica;text-decoration:none;}
a.Link:visited {color:#5c5757;font-weight:bold;font-size:13pt;font-family: Arial, Helvetica;text-decoration:none;}
a.Link:hover {color:#778990;font-weight:bold;font-size:13pt;font-family: Arial, Helvetica;text-decoration:none;}
</style> 
<script type="text/javascript">

function show(id){
 display = document.getElementById(id).style.display;

 if(display == 'none'){
 document.getElementById(id).style.display='block';
 }else{
 document.getElementById(id).style.display='none';
 }
}
</script>

</head>

<body>

<div style="background: url(http://avangardsveta.com/Pictures/Menu.png);background-position: center top; background-repeat: no-repeat; height: 50px; width: 100%;">

<div style="float: left; text-align: left; height: 50px; width: 49.9%;">

<ul style="float: right; margin-top: 10px;">
<li style="list-style-type: none; display: inline; padding-right: 50px;"><a class="Link" href="http://avangardsveta.com/">Клан</a><a></a></li>
<li style="list-style-type: none; display: inline; font-family: Arial,Helvetica; padding-right: 30px;"><a class="Link" href="#">Ссылко</a><a></a></li>
</ul>

<div style="position: relative; z-index: 1; top: 360px;"><a href="#" onmouseout="document.Pilots.src = 'http://avangardsveta.com/Pictures/ASP.png';" onmouseover="document.Pilots.src = 'http://avangardsveta.com/Pictures/ASPA.png';" onclick="show('pl'); return false;"><img src="http://avangardsveta.com/Pictures/ASP.png" name="Pilots"></a></div>
<div style="position: relative; top: 360px; z-index: 1;"><a href="#" onmouseout="document.Chat.src = 'http://avangardsveta.com/Pictures/Chat.png';" onmouseover="document.Chat.src = 'http://avangardsveta.com/Pictures/ChatA.png';" onclick="show('chatt'); return false;"><img src="http://avangardsveta.com/Pictures/Chat.png" name="Chat"></a></div>

</div>

<div style="text-align: right; height: 50px; width: 50%; float: right;">

<ul style="float: left; margin-top: 10px;">
<li style="list-style-type: none; display: inline; padding-left: 25px;"><a class="Link" href="http://avangardsveta.com/">cсылко</a><a></a></li>
<li style="list-style-type: none; display: inline; font-family: Arial,Helvetica; padding-left: 40px;"><a class="Link" href="#">.</a><a></a></li>
</ul>

<div style="position: relative; z-index: 1; top: 360px;"><a href="#" onclick="show('pl'); return false;"><img src="http://avangardsveta.com/Pictures/News.png" id="ASP"></a></div>
<div style="position: relative; z-index: 1; top: 360px;"><a href="#" onclick="show('chatt'); return false;"><img src="http://avangardsveta.com/Pictures/News.png"></a></div>

</div>

</div>


<div style="position:relative;z-index:0;text-align:center;height:430px;background:url('http://avangardsveta.com/Pictures/Main.png');  background-position:center;background-repeat:no-repeat;margin-top:20px;">



<div id="pl" style="display:none;height:430px;width:384px;float:left;">

<div style="height:28px;background:url('http://avangardsveta.com/Pictures/Top.png'); background-position:center top; background-repeat:no-repeat;">.</div>

<div style="height:80%;width:384px;background:url('http://avangardsveta.com/Pictures/Middle.png');  background-position:right center; background-repeat:repeat-y;"></div>

<div style="height:78px;width:384px;background:url('http://avangardsveta.com/Pictures/Bottom.png');  background-repeat:no-repeat;">.</div>

</div>



<div id="chatt" style="display:none;height:430px;width:384px;float:right;">

<div style="height:28px;background:url('http://avangardsveta.com/Pictures/TopI.png'); background-position:center top; background-repeat:no-repeat;"></div>

<div style="background:url('http://avangardsveta.com/Pictures/MiddleI.png'); background-position:right center; background-repeat:repeat-y;">

<iframe style="width:350px;height:270px;" scrolling="auto" id="cboxmain" name="cboxmain" frameborder="0" src="http://www2.cbox.ws/box/?boxid=1742031&boxtag=1yjvwk&sec=main">Здесь чат, но поскольку у вас отключены ifram'ы, вы не видите его.</iframe>
<iframe frameborder="0" width="200px" height="75px" src="http://www2.cbox.ws/box/?boxid=1742031&boxtag=1yjvwk&sec=form" scrolling="no" name="cboxform" id="cboxform">Здесь форма добавления сообщений, но поскольку у вас отключены ifram'ы, вы не видите ее.</iframe>
</div>

<div style="height:78px;width:384px;background:url('http://avangardsveta.com/Pictures/BottomI.png');  background-position:right; background-repeat:no-repeat;"></div>

</div>

</div>

</body>
</html>

March 20, 2009

Мм... Боюсь, это не совсем то. В MS SQL Uique используется как оператор, а в Оракле - в качестве ключевого слова.

March 16, 2009

Есть

Просветите?

March 16, 2009

1) А тада скажи, какой по твойму размер у меня должен быть, чтобы ты назвал мою вёрстку грамотной? и какая по твойму ширина вообще должна быть?

ИМХО, резиново должно быть сверстано.

March 16, 2009

Здравствуйте!

Штудирую матчасть по одной книжке и практикуюсь на БД "NorthWind". Все бы ничего, но в книге основное внимание уделено Ораклу, а у мну MS SQL. Доселе нестыковки синтаксиса в примерах решались поиском по инету, но кое-что найти пока не удалось.

Подскажите, пожалуйста, если в MS SQL аналог Unique (проверка записи на уникальность) ?

March 13, 2009

40% - ??? blink.gif
Да ну?!
Ради прикола стал иногда заглядывать в окна разных контор, ну, к примеру, в отделение ЗАГСа laugh.gif , там моники стоят от минимума 1280. Ежедневно списываются миллионы моников ниже 1280. Зачем делать сайт в таких узких рамках, если уже через полгода придется его переделывать.
Да и неужели трудно выносить это многими необоснованно ненавистную горизонтальную полосу прокрутки?!
Еще один довод в пользу сайтов от 1280 - у многих пользователей появляются широкоформатные мониторы, и часто обычное окно браузера никто не раскрывает на полный экран, а просматривает в окне размером те же устаревшие 800/600 - и ничего - они-то понимают, что сделали это сами.
Сорри за офф-топ.

Угу, ЗАГС может и современным широкоформатным монитором, а какая-нибудь средняя контора сидит за 640х480. И таких тысячи.

Да и неужели трудно выносить это многими необоснованно ненавистную горизонтальную полосу прокрутки?!

Еще как)

А вообще есть такая штука как грамотная верстка, с помощью которой можно приспособить сайт под большинство (если не все) разрешений.

Кошмар.

+1

March 13, 2009

Понятно Вы можете что-то подробное сказать почему .menu в ссылках отображается криво?

Потому что не валидно у вас список построен.

1. Любой список открывается с тега <ul> или <ol> и заканчивается им же.

2. Тег пункта меню (<li>) должен закрываться.

3. Сначала идет открывающий тег <li>, затем контент, например. ссылка, потом закрывающий </li>

Пример, как правильно:

<div class="menu">

<ul>

<li><a href="./msdp.php">Multi Sensor Data Processing</a></li>
<li><a href="./fdps.php">Flight Data Processing</a></li>
<li><a href="./cwp.php">Controller Working Position</a></li>
<li><a href="./sn.php">Safety Nets</a></li>
<li><a href="./mrd.php">Multi Radar Display</a></li>
<li><a href="./tst.php">Time Synchronization Tools</a></li>

</ul>

</div>

Очень советую привести код в минимальный порядок)

P.S. И все же почитайте ссылочки, что я вам кинул. Там как раз говорится об этом.

March 13, 2009

Табличная верстка есть, это просто фрагмент кода из menu.php , который инклюдится(include) в index

Ну дак весьма желательно заменить ее в файле на правильную верстку.

анафеме - что это такое?

Анафема - проклятье. Обычно предавали анафеме, отлучая от церкви.

А какие-нибудь подробные замечания будут? Ну что на что поменять

Касательно правильной верстке? Ну...

1. Про таблицы я уже сказал

2. Устаревшие теги маст дай (<center>, это ж надо, ужасть!), <b>, <font>

3. В блоковые вставляются строковые элементы, а не наоборот.

4. Различные атрибуты типа sellpadding, sellspacing, border (у таблиц), align, background и т.д убрать. Все это давно реализуется стилями.

За справкой сюда и сюда.

Там еще много полезного можно найти.

March 13, 2009

Вам бы оптимизировать код сначала, как минимум предать анафеме табличную верстку и устаревшие теги)

March 13, 2009

Почему в них задание для слоя #zagolovok свойства margin-top:100px приводит к растяжению родительского слоя, т.е. BODY?

А что, по вашему, должно происходить? Вопрос снят.

Sign In

Gamer

Posts

Joined

Last visited

Content Type

Profiles

Forums

Calendar

Store

Posts posted by Gamer

Как вставить массив на страницу

Правила синематики

Картинка по центру. DIV или TABLE.

Появление/исчезание подсветки в кнопке при клике по ней

Примеры использования

Примеры использования

Примеры использования

в файрфоксе все отлично, а в ИЕ - все разламывается

Примеры использования

Примеры использования

Примеры использования

Высота таблицы

мой первый интернет-магазин

Появление/исчезание подсветки в кнопке при клике по ней

Странный глюк

Странный глюк

MS SQL и Unique

MS SQL и Unique

Перевёрстанный макетик

MS SQL и Unique

Перевёрстанный макетик

Разное отображение стилей в IE 7.0 и FF 3.0.7

Разное отображение стилей в IE 7.0 и FF 3.0.7

Разное отображение стилей в IE 7.0 и FF 3.0.7

Непонятное увеличение высоты

Forums

Important Information