HTML+CSS+JavaScript

Привет, друзья!
Прошу помочь в решении банальной проблемы, которую сам не в силах пока решить))
Делаю простой html сайт с меню на java скрипте. Меню сделал отдельно в программе Sothink DHTML Menu 9.20.90326. Получился код примерно такой

<script type="text/javascript" id="sothink_dhtmlmenu"> <!--  st_siteroot="file:///D|/home/www.all-info-products.ru/Сайт";  st_jspath="/stmenu.js";  if(!window.location.href.indexOf("file:") && st_jspath.charAt(0)=="/")   document.write('<script type="text/javascript" src="'+st_siteroot+st_jspath+'"><\/script>');  else    document.write('<script type="text/javascript" src="'+st_jspath+'"><\/script>'); //--> </script>

В программе написано, что вставить его надо в теге HEAD. Так и сделал.

И другой кусок кода, собственно само меню:

stm_bm(["menu0ed2",900,"/","blank.gif",1,"stgcl()", "stgct()",0,0,250,0,1000,1,0,0,"","",67108897,0,1,2, "default","hand", "file:///D|/home/www.all-info-products.ru/Сайт",1,25],this); stm_bp("p0",[1,4,0,0,2,3,7,0,100,"",-2,"",-2,50,0,0, "#999999","#E6EFF9","",3,1,1,"#000000"]); stm_ai("p0i0",[1,"| Онлайн-бизнес |","","",-1,-1,0,"", "_self","","","","",0,0,0,"","",0,0,0,1,1,"#66CC66", 1,"#66CC66",1,"round5_m.gif","round5a_m.gif",3,3,0, 0,"#009900","#009900","#FF0000","#FF0000", "bold 14pt Verdana","bold 14pt Verdana",0,0,"round5_l.gif", "round5a_l.gif","round5_r.gif","round5a_r.gif",5,5,28]); stm_ai("p0i1",[0,"Твоя харизма онлайн","","",-1,-1,0,"","_self","","", "arrow_28[2].gif","",7,9,0,"","",0,0,0,0,1, "#E6EFF9",0,"#FFD602",0,"","",3,3,1,1,"#E6EFF9", "#000000","#000000","#000000","bold 12pt 'Arial', 'Verdana'","bold 12pt 'Arial','Verdana'",0,0,"","","","",0,0,0]); stm_aix("p0i2","p0i1",[0,"Как создать\r\nинформационный\r\nбестселлер на CD или DvD"]); stm_aix("p0i3","p0i1",[0,"Бизнес старт"]); stm_aix("p0i4","p0i1",[0,"Массовые продажи"]); stm_aix("p0i5","p0i1",[0,"Золотой актив","","",-1,-1,0,"","_self","","","","",0,0]); stm_aix("p0i6","p0i0",[0,"| Саморазвитие |"]); stm_aix("p0i7","p0i1",[0,"Эффективные психотехники. Ч.1","","",-1,-1,0,"","_self","","","arrow_28.gif"]); stm_aix("p0i8","p0i7",[0,"Эффективные психотехники. Ч.2"]); stm_aix("p0i9","p0i7",[0,"Пусть подсознание работает на вас"]); stm_ep(); stm_em();

Его надо в теге BODY вставить. ЕГо я сделел отдельным js файлом и прикрепил.

<script language="JavaScript" type="text/javascript" src="sait-menu.js"></script>

Проблема такая. Сайт, который делаю простой - одна таблица с 1 строчкой и 3 столбами. Так вот, в левый столб и хочу вставить это самое java меню. Но не получается((

Вот скрины:

http://www.changelifenow.narod.ru/files/Capture01.jpg

http://www.changelifenow.narod.ru/files/Capture02.jpg

Надеюсь всё более менее понятно описал.

А для сайтика файл "file:///D|/home/www.all-info-products.ru/Сайт" на локальном компьютере прямо таки очень нужен?

Вашу горизонтальную портянку читать не удобно, не делайте более такого.

>Вашу горизонтальную портянку читать не удобно, не делайте более такого.
Пардон)

Вы видели скрины? Я делал редактирование в Dreamweawer'е. Меню рядом с таблицей,
а не в ней находится. Надо, просто, чтоб меню оказалось в левом столбе. А самом меню в нужном месте (не знаю где) и нужным способом
прикрепить (не знаю как) прикрепить js файлом. Вот

>А для сайтика файл "file:///D|/home/www.all-info-products.ru/Сайт" на локальном компьютере прямо таки очень нужен?
Не понял, что вы спрашиваете?

Я не смотрел ваших скринов, да и не нужны они мне.
Файла file:///D|/home/www.all-info-products.ru/Сайт на сервере никогда не будет, ибо это путь к файлу на локальном компьютере, на сервере возможен только путь www.all-info-products.ru.
Получить реальный путь (включая имя диска) на сервере возможно только средствами серверного языка, например, РНР, и если на "Народе" у вас к не му доступа нет, то такого пути вы никогда и не получите. Но если и есть, и можете получить, то это совсем не означает, что вам выделено место именно на диске D, и именно по пути D:/home (именно :, а не |).
При этом www.all-info-products.ru - это корневая папка, где обычно находится файл index.html, который и вызывается по умолчанию (если не указано иное). "Сайт" в вашем пути, это уже будет папка в корневой папке, которая собственно как собаке пятая лапа в вашем случае, к тому же, уж лучше не именовать папки по русски, по крайней мере пока, и тем более не использовать в именах заглавные буквы (это из-за осбенностей unix).

Поэтому вот это:

st_siteroot="file:///D|/home/www.all-info-products.ru/Сайт";   st_jspath="/stmenu.js";   if(!window.location.href.indexOf("file:") && st_jspath.charAt(0)=="/")    document.write('<script type="text/javascript" src="'+st_siteroot+st_jspath+'"><\/script>');   else

на сервере совсем не к месту. И в самом меню этот же путь совсем не нужен.

Что можно посоветовать - выбросить этого "сотника", и найти в сети нужное вам меню (а их довольно хороших очень много), и встроить в свой сайтик.

По поводу локальных файлов я в курсе. Конечные ссылки поменяю и все нужные файлы залью, но не в этом дело. Посмотрите, пожалуйста, скрины. Там я показал чего добиваюсь.

>Что можно посоветовать - выбросить этого "сотника", и найти в сети нужное вам меню (а их довольно хороших очень много), и встроить в свой сайтик.
Можете посоветовать 1)где и как сделать нужное мне вертикальное меню на яве и 2)как вставить полученное меню внедрить в колонку таблицы в html?

По поводу "Сотника" - действительно много непонятного кода он сделал. Но какой прогой можно заменить, чтобы хорошее меню сделать. Чтобы это меню было в виде файлика js, который прикрепить/вставить в таблицу (не знаю как?).

Я потому вам и советую выбросить Сотника и лучше заглянуть с Гугл в сеть. Есть масса готовых скриптов меню, причем на чистом CSS (возможно вам и такого хватит), есть с минимум JS и максимумом CSS, удобных, легких, оригинальных, которые легко встроить в любое место на странице - ибо основа их, это html-код. А управляющий JS-код меню просто подключите в теге HEAD.
Именно потому и советую, что вам многое не понятно.

Спасибо за ответы!
Почему я ище именно на js? У меня будет большое меню, с большим количеством подссылок. И они периодически будут пополняться. А сам сайт будет состоять из более чем 200 страниц. Поэтому каждую страницу редактировать это ооочень накладно. Решение вижу в создании одного js файлика с меню (его то я буду редактировать и добавлять периодически новые подменюшки). А во всех 200 страницах просто будут ссылка на этот js файл меню. Редактировать только надо будет его, а не все 200 страниц!))
В гугле искал и нашёл варианты меню на css. Но как сделать так, чтоб редактировать надо было какой-то один файл, который бы отвечал за меню и структуру подменюшек. А в меню на css такого не вижу.
Как быть?

Вы не могли бы выложить простенький вариант меню, где управляющий был бы прикреплённый js? Буду рад. А то что-то не могу разобраться...

Во первых, я вам и не советовал вписывать на каждую страницу js-сценарий управляющий меню и само меню.

Первое, это надо определиться какое меню вам нужно, а это будет зависить и от дизайна страницы, то есть, либо меню вертикальное, либо меню горизонтальное. И второе, это какой уровень вложения у вашего меню должен быть.
Если вы выбрали меню на JS, то js-файл управления этим меню подключается в заголовке страницы, и не изменяется никогда:

<head> <script src="путь к файлу с JS-сценарием управления меню"></script> </head>

Само меню, это html элементы, которые гораздо легче для понимания, нежели js, знание которого у вас, скажем так, не очень, насколько это можно судить из вашей темы. Само же меню вы будете вставлять в нужном месте на всех страницах, подключением js-файла, например, где-то в таблице:

<td><script src="путь к файлу с JS-меню"></script></td>

который будет содержать хоть и js-код, но понятный, например:

document.write('<a href="link 1">Пункт меню 1</a>'); document.write('<a href="link 2">Пункт меню 2</a>'); .....

Хотя многоуровневое меню конечно будет несколько сложнее, и выглядеть, например, так (два уровня):

<ul>    <li><a href="#">Home</a></li>    <li><a href="#">About</a>      <ul>        <li><a href="#">History</a></li>        <li><a href="#">Team</a></li>      </ul>    </li>    <li><a href="#">Contact Us</a>      <ul>        <li><a href="#">France</a></li>        <li><a href="#">USA</a></li>      </ul>   </li>  </ul>

Но добавить в этом файле новый элемент меню как <li><a href="#">Текст</a></li>, намного будет проще, и метод document.write() не такой и сложен для понимания, и восприятия, что отредактировать этот js-файл с кодом меню будет гораздо проще, нежели ужас от Сотника.

Кроме этого, есть удобная js-библиотека jQyery, которая позволяет упростить многое на странице в плане работы с js. И есть готовые плагины к ней, включая и всевозможные эффектные меню.

Выпадающие меню с помощью CSS
JavaScript меню (скрипты)
jQuery

мда...
Меню будет вертикальным и без всплывающих подменюшек. Подменюшки просто ниже идут под каждым разделом. Примерно так:

РАЗДЕЛ Подраздел 1 Подраздел 2 Подраздел 3 РАЗДЕЛ Подраздел 1 Подраздел 2 РАЗДЕЛ Подраздел 1 Подраздел 2 Подраздел 3 Подраздел 4 и т. д.

Всёравно не понятно мне. Получается, что редактируется вот эта часть кода в вашем меню:

<ul>     <li><a href="#">Home</a></li>     <li><a href="#">About</a>       <ul>         <li><a href="#">History</a></li>         <li><a href="#">Team</a></li>       </ul>     </li>     <li><a href="#">Contact Us</a>       <ul>         <li><a href="#">France</a></li>         <li><a href="#">USA</a></li>       </ul>    </li>   </ul>

Эта часть же не подключается, а только редактируется? Получается все 200 страниц с таким меню нужно редактировать? Этот код же в самой html странице, а не отдельным файлом лежит?

document.write('<a href="link 1">Пункт меню 1</a>');  document.write('<a href="link 2">Пункт меню 2</a>');  .....

А про этот код не понял - как он относится к меню?

Если 200 страниц и одноуровневое меню отображаемое так как у вас, то это огромная портянка будет. Есть раздвижные вертикальные меню, можете такое найти и использовать. Суть не в этом.

В прикрепленном архиве пример двух страниц: главная index.html и просто страница hfht1.html, с подключением двухуровневого меню. Меню это файл menu.js. Он простой по содержанию, и содержит в себе js-метод document.write записывающий в документ строку, которая и описывает меню. Строка разбита на несколько строк, чтобы хорошо было видно структуру вложения элементов меню, а чтобы метод воспринимал это одной строкой, строки объеденяются посредством символа +.
Вам только остается внести конкретные url ссылок, вставлять/удалять необходиме элементы и т.п.. Как видно из html-кода меню, тег А имен разделов не имеет атрибута href (если это необходимо, можете добавить). В общем все просто.
Меню подключается в необходимом месте страницы (для примера это ячейка таблицы) как <SCRIPT type=text/javascript src="menu.js"></SCRIPT>, что естественно должно прописано на всех страницах. Также на всех страницах, в теге HEAD подключается скрипт управления этого меню (нужен только для браузера IE): <SCRIPT type=text/javascript src="drop_down.js"></SCRIPT>, тут же подключается и файл стилей меню style.css. Все оформления меню производить в этом файле, который может содержать и все стили ваших страниц.

Вот собственно и все - правьте файл menu.js, и все изменения будут отображаться на всех страницах. Меньше задавайте вопросов, больше читайте, и уже по конкретным вопросам обращайтесь за помощью.

sim5
Очень благодарен. Именно то, что искал. Вчера разбирался с этим меню, редактировал, пробовал. Класс! Вскоре покажу, что получилось. Благодарен за помощь!
Учиться мне да учиться!

Всё, сайт готов почти http://www.all-info-products.ru.
sim5, ещё раз спасибо за меню и за то, что помогли разобраться со всем этим хоть как-то!
Единственный минус, конечно, для сайтов на js - то, что, если браузер не поддерживает js, то сайт летит в трубу)). В таком слуае пользователь не поймёт где что на сайте этом...

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

<script type="text/javascript"> //тут исполнение JS </script> <noscript>Включите поддержку JavaScript!</noscript>

А вот меню справа ну просто очень длинное, хотя бы потому, что размер шрифта... Ну очень длинная страница, непонятная... Зачем дублирование в окне контента на главной странице всего меню правого? Грузится долго лишнее.
Есть раздвижные вертикальные меню, древовидные.... Выберите что либо из такого меню, чтобы более компактно было на странице, и измените стили.

У меня тогда вопрос к вам - а будет ли индексироваться js-меню или нет? Ведь индексируется поисковиками только html текст, а js текст и все ссылки там в отдельных файлах. Вот поэтому и сделал дублирование. Думаю сейчас Инет становится быстрее и доступнее, и проблем с загрузкой страницы не должно быть. Просто главная страница - своего рода "ВИТРИНА". А потом уже можно выбрать нужную категорию и т. д.

JS содержимое не индексируется. Поисковики индексируют не ссылки, а содержимое страниц в первую очередь, а уж ссылки, это уже иное. А у вас главная страница практически ничего и не содержит, для поисковика она ноль. И как витрина она у вас слишком длинная.