Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как данное меню сделать на ASP ??? 
V
    Опции темы
ОнКофе
Дата 3.3.2006, 12:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 274
Регистрация: 3.3.2006
Где: http://www.angeli na-pitt.by.ru

Репутация: нет
Всего: нет



на одном форуме нашел статью про такое меню... привожу код:
файл menu.htm

<code>
<!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">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
@import "style3.css";
</style>
</head>
<body>
<ul id="nav">
<li><a href="#">ПУНКТ 1</a></li>
<li><a href="#">ПУНКТ 2</a>
<ul>
<li><a href="#">ПУНКТ 2.1</a></li>
<li><a href="#">ПУНКТ 2.2</a></li>
<li><a href="#">ПУНКТ 2.3</a></li>
</ul>
</li>
<li><a href="#">ПУНКТ 3</a>
<ul>
<li><a href="#">ПУНКТ 3.1</a></li>
<li><a href="#">ПУНКТ 3.2</a></li>
<li><a href="#">ПУНКТ 3.3</a>
<ul>
<li><a href="#">ПУНКТ 3.3.1</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>

</code>




далее файл style3.css

<code>

body{font: normal 11px verdana; behavior:url("csshover.htc");}

ul{margin:0;padding:0;list-style:none;width: 150px;border-bottom: 1px solid #ccc;}

ul li{position: relative;}

li ul {position: absolute;left: 149px;top: 0;display: none;}


ul li a {display: block;text-decoration: none;color: #777;background: #fff;padding: 5px;border: 1px solid #ccc;border-bottom: 0;}

/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { display: block; }

li:hover ul ul, li.over ul ul {display: none;}

ul ul li:hover ul, ul ul li.over ul {display: block;}

</code>




и наконец третий файл csshover.htc


<code>
<attach event="ondocumentready" handler="parseStylesheets" />
<script language="JScript">
/**
* HOVER - V1.11.040203 - whatever:hover in IE
* ---------------------------------------------
* Peterned - http://www.xs4all.nl/~peterned/
* © 2004 - Peter Nederlof
*
* Credits - Arnoud Berendsen
* for finding some really -sick- bugs
*
* howto: body { behavior:url("csshover.htc"); }
* ---------------------------------------------
*/

var currentSheet, doc = window.document;
function parseStylesheets() {
var sheets = doc.styleSheets, l = sheets.length;
for(var i=0; i<l; i++)
parseStylesheet(sheets[i]);
}
function parseStylesheet(sheet) {
var l, rules, imports;
if(sheet.imports) {
imports = sheet.imports, l = imports.length;
for(var i=0; i<l; i++)
parseStylesheet(sheet.imports[i]);
}

rules = (currentSheet = sheet).rules, l = rules.length;
for(var j=0; j<l; j++) parseCSSRule(rules[j]);
}

function parseCSSRule(rule) {
var select = rule.selectorText, style = rule.style.cssText;
if(!(/(^|\s)(([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):hover/i).test(select)) return;

var newSelect = select.replace(/(\.([a-z0-9_-]+):hover)|(:hover)/g, '.$2onHover');
var hasClass = (/(\.([a-z0-9_-]+):hover)/g).exec(select);
var className = (hasClass? hasClass[2]:'') + 'onHover';
var affected = select.replace(/:hover.*$/g, '');
var elements = getElementsBySelect(affected);

currentSheet.addRule(newSelect, style);
for(var i=0; i<elements.length; i++)
new HoverElement(elements[i], className);
}

function HoverElement(node, className) {
if(!node.hovers) node.hovers = {};
if(node.hovers[className]) return;
node.hovers[className] = true;
node.attachEvent('onmouseover',
function() { node.className += ' ' + className; });
node.attachEvent('onmouseout',
function() { node.className =
node.className.replace((new RegExp('\\s+'+className)),''); });
}

function getElementsBySelect(rule) {
var parts, nodes = [doc];
parts = rule.split(' ');
for(var i=0; i<parts.length; i++) {
nodes = getSelectedNodes(parts[i], nodes);
} return nodes;
}
function getSelectedNodes(select, elements) {
var result, node, nodes = [];
var classname = (/\.([a-z0-9_-]+)/i).exec(select);
var identify = (/\#([a-z0-9_-]+)/i).exec(select);
var tagName = (/^[a-z0-9]+/i).exec(select.toUpperCase()) || '*';
for(var i=0; i<elements.length; i++) {
result = elements[i].getElementsByTagName(tagName);
for(var j=0; j<result.length; j++) {
node = result[j];
if((identify && node.id != identify[1]) || (classname && !(new RegExp('\\b' +
classname[1] + '\\b').exec(node.className)))) continue;
nodes[nodes.length] = node;
}
} return nodes;
}
</script>
</code>

Вопрос такой... Как это меню сделать в asp? СПАСИБО!!!
Добавлено @ 12:03
<code> и </code> в этих файлах не нужны!!!
PM MAIL WWW   Вверх
djGri
Дата 4.3.2006, 18:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 77
Регистрация: 21.2.2005

Репутация: нет
Всего: 3



Никак - это код client side.
PM MAIL   Вверх
ОнКофе
Дата 6.3.2006, 13:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 274
Регистрация: 3.3.2006
Где: http://www.angeli na-pitt.by.ru

Репутация: нет
Всего: нет



Цитата(djGri @ 4.3.2006, 18:50)
Никак - это код client side.

а можно подробнее об client side?
и как тогда мне быть? пожалуйста подскажите!
PM MAIL WWW   Вверх
djGri
Дата 6.3.2006, 18:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 77
Регистрация: 21.2.2005

Репутация: нет
Всего: 3



Грубо говоря, Client Side - это то, что бежит в браузере без участия сервера.
Браузер понимает HTML, XML, XSL, Javascript.
Можно создать страницу HTML и в любое время просмотреть ее в баузере из любого места на диске.
Когда создаются страницы с серверной технологией, чтобы их просмотреть, нужен сервер ( например MS IIS, Appache ). Обычно создают виртульную папку на этом сервере, которая находиться в inetpub\wwwroot\[your virual folder] и обращаются к файлам через hhtp://localhost/[your virual folder]/[your page].
Такие страницы пишутся на более продвинутых языках программирования. В твоем случае ( ASP )
ты пишешь Mixed Code, т.е. VBScript + HTML+ Javascipt.
Теперь когда ты обращаешься к странице ASP, сервер обрабатывает VBScript и твой браузер получает готовый HTML+ Javascipt.
Например, проверка логина. Ты со всоего бразузера отправляешь на сервер имя и пасс, а проверка происходит уже на сервере (обращение к базе данных ) и называется Server side.
Надеюсь не запутал тебя ... smile
Насчет как тебе быть - просто вставь этот код в свою страницу.
Удачи.

PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | ASP | Следующая тема »


 




[ Время генерации скрипта: 0.0461 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.