Модераторы: Sardar, Aliance

Поиск:

Закрытая темаСоздание новой темы Создание опроса
> Вынос содержания меню (скрипта) во внешний файл 
:(
    Опции темы
ChaiNick
Дата 10.6.2005, 01:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Уважаемые дамы и господа! Код меню находится в основном файле. Как вынести содержание меню или весь код в отдельный файл? Например, это простенькое меню - http://www.unitravel.ru/4.html Что-то у меня не получается.

С уважением к мастерам,
Естессно, ЧайНик
PM MAIL   Вверх
Black
Дата 10.6.2005, 01:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Web-Development
**


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

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



1) Создаем файл js.js (можно и другое имя)
2) Вписываем в файл все что находится в

Код

<script language="JavaScript">
<!-- 
копируем все это что тут между <!-- // -->
// -->
</script>


3) Сохраняем файл.
4) Открываем HTML-страницу и пишем:

Код

<script type="text/javascript" srс='путь_к_файлу_js.js' ></script>


5) ВсЁ

Это сообщение отредактировал(а) PHP-DIRECTOR - 10.6.2005, 01:27


--------------------
Могу все, но ничего не умею :-)
PM WWW   Вверх
ChaiNick
Дата 10.6.2005, 01:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Спасибо за ответ! Следовал вашим инструкциям. Однако безрезультатно, увы smile
PM MAIL   Вверх
sergejzr
Дата 10.6.2005, 01:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Un salsero
Group Icon


Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

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



Бесплатный хостинг?


--------------------
PM WWW IM ICQ Skype GTalk Jabber AOL YIM MSN   Вверх
ChaiNick
Дата 10.6.2005, 02:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Пока без хостинга. Пробую на своем компе. А образец меню вынес на платный хостинг с поддержкой веба
PM MAIL   Вверх
sergejzr
Дата 10.6.2005, 02:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Un salsero
Group Icon


Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

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



путь к файлу можно посмотреть?
http:// обязательно писать!


--------------------
PM WWW IM ICQ Skype GTalk Jabber AOL YIM MSN   Вверх
Sardar
Дата 10.6.2005, 03:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

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



Цитата(sergej @ 10.6.2005, 01:43)
http:// обязательно писать!

Нет не обязательно.

ChaiNick какую ошибку говорит браузер? Почти уверен что скрипт бьётся когда ты его вырезаешь, браузер ругаеться на синтаксические ошибки.


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
ChaiNick
Дата 10.6.2005, 03:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Путь к файлу <script type="text/javascript" srс='js.js' ></script> Файл лежит в том же каталоге.

В сам файл вставил весь скрипт и все содержание меню, как советовал PHP-DIRECTOR.

Вот его совет:

Код

<script language="JavaScript">
<!-- 
копируем все это что тут между <!-- // -->
// -->
</script>




Плюс пробовал по-всякому.... smile


Ой, забыл ответить уважаемому Sardar.

В статусной строке браузера вообще молчание.

Ну а в окне документа исчезли клавиши меню - http://www.unitravel.ru/4.html

М
 
Пользуемся форумой подсветкой


Это сообщение отредактировал(а) Aliance - 10.6.2005, 11:31
PM MAIL   Вверх
sergejzr
Дата 10.6.2005, 09:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Un salsero
Group Icon


Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

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



В этом файле, насколько я вижу, нет инклуда совсем.

Цитата(Sardar @ 10.6.2005, 02:19)
Цитата (sergej.z @ 10.6.2005, 01:43)
http:// обязательно писать!

Нет не обязательно.


Цитата(ChaiNick @ 10.6.2005, 01:13)
Пробую на своем компе. А образец меню вынес на платный хостинг с поддержкой веба


Иногда пишут для скриптов с другого домена:

Код

<script type="text/javascript" srс='www.где_то/мой_скрипт.js' ></script>


В таком случае обязательно http://

Код

<script type="text/javascript" srс='http://www.где_то/мой_скрипт.js' ></script>



--------------------
PM WWW IM ICQ Skype GTalk Jabber AOL YIM MSN   Вверх
ChaiNick
Дата 10.6.2005, 10:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Спасибо! Однако если я напишу Http://, я ничего не получу на своем компе, не подключенном к Сети

Прописание абсолютного или относительного пути, на мой непросвещенный взгляд, не суть важно.

Главное, что никак не получается вынести СОДЕРЖАНИЕ меню в отдельный файл. Гляньте, плииз, на страничку http://www.unitravel.ru/4.html В этом файлике очень коротенький скрипет и не очень длинное содержание, местонахождение которого на странице определяется тегами <div></div>


PM MAIL   Вверх
Ciber SLasH
Дата 10.6.2005, 11:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

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



Цитата(ChaiNick @ 10.6.2005, 04:48)
Путь к файлу <script type="text/javascript" srс='js.js' ></script> Файл лежит в том же каталоге.

Попробуй путь к скрипту указать так: ./my.js
У меня вот тут тоже страница на бесплатном хостинге, но скрипт присоединённый отлично работает: http://ciber-slash.hotbox.ru/index.htm
PM   Вверх
ChaiNick
Дата 10.6.2005, 13:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Спасибо! Пробовал - работает одинаково - и так рабоатет и так тоже работает. Но только наполовину. Будучи спрятанным в другом файле, скрипт выводит все же начальную кнопку меню как надо. А вот дальше, при нажатии на нее браузер кричит, что ошибка, предполагается наличие объекта.

Вот в этой строке:

Код

<div style="position:absolute; top:100; left:5;  visibility:visible; Z-INDEX:30">
<form><input type="button" value="Показать меню" onclick="vis();"></form>
</div>


Однако и не в этом во всем собака зарыта! Пусть бы скрипт и находился в основном файле, раз там он не глючит. Главное для меня убрать во внешний файл СОДЕРЖАНИЕ меню. То бишь вот эту часть:

Код

<a href="#">SSSSSSSS</a>
<a href="#">SSSSSSSS</a>
<a href="#">SSSSSSSS</a>
<a href="#">SSSSSSSS</a>
<a href="#">SSSSSSSS</a>
<a href="#">SSSSSSSS</a>
<a href="#">SSSSSSSS</a>


Может быть, кто знает, как это сделать smile

М
 

Пользуемся форумной подсветкой!


Это сообщение отредактировал(а) Aliance - 10.6.2005, 17:17
PM MAIL   Вверх
Black
Дата 10.6.2005, 13:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Web-Development
**


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

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



Цитата
<a href="#">SSSSSSSS</a>
<a href="#">SSSSSSSS</a>
<a href="#">SSSSSSSS</a>
<a href="#">SSSSSSSS</a>
<a href="#">SSSSSSSS</a>
<a href="#">SSSSSSSS</a>
<a href="#">SSSSSSSS</a>


это можно убрать через JavaScript, который потом впишет этот код в id

Например:

Код

<div id='links'>

<a href="#">SSSSSSSS</a>
<a href="#">SSSSSSSS</a>

</div>



Код

document.getElementById('links').innerHTML += "<a href='#'>SSSSSSSS</a><a href='#'>SSSSSSSS</a><a href='#'>SSSSSSSS</a>";


Это сообщение отредактировал(а) PHP-DIRECTOR - 10.6.2005, 13:51


--------------------
Могу все, но ничего не умею :-)
PM WWW   Вверх
ChaiNick
Дата 10.6.2005, 15:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Спасибо!!!

Сделал, как сказали. Не пашет!

Видимо, это дохлая затея smile
PM MAIL   Вверх
ChaiNick
Дата 10.6.2005, 15:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



На всякий случай. Правильно ли я вас понял уважаемый PHP-DIRECTOR ?

Я оставил в JS-файле только вот это содержание (содерждание меню):

Код

<script language="JavaScript">
<!-- 

document.getElementById ('links').innerHTML += "
<a href='#'>SSSSSSSS</a>
<a href='#'>SSSSSSSS</a>
<a href='#'>9999999999</a>"

// -->
</script>



Весь скрипт обратно поместил в основной файл. Ждя меня главное - Содержание.

В Основном файле поставил толко вот это:

Код

<div id='links'></div>


Так я вас понял?


Но пока не работает smile

М
 

Пользуемся форумной подсветкой!


Это сообщение отредактировал(а) Aliance - 10.6.2005, 17:18
PM MAIL   Вверх
Guest
Дата 10.6.2005, 15:23 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











Цитата(ChaiNick @ 10.6.2005, 13:05)
Вот в этой строке:

<div style="position:absolute; top:100; left:5; visibility:visible; Z-INDEX:30">
<form><input type="button" value="Показать меню" onclick="vis();"></form>
</div>

Вот по этой строке ничего сказать не возможно, т.к. мы не видим код функции "vis()".
И вообще кинь весь JS-код сюда, иначе понять на чём спотыкается браузер отвечающим не имеется возможности (сквозь стены не видим)...
  Вверх
Black
Дата 10.6.2005, 15:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Web-Development
**


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

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



Вот так:

Код

<html>
<head>
<title>Пример</title>

<script type="text/javascript">
<!--
function html()
{
document.getElementById ('links').innerHTML += "<a href='#'>SSSSSSSS</a><br><a href='#'>SSSSSSSS</a><br><a href='#'>9999999999</a>"
}
// -->
</script>

</head>

<body onload='html()'>

<div id='links'></div>

</body>
</html>



Если делать скрипт в другом файле тогда так:

Код

<html>
<head>
<title>Пример</title>

<script src='js.js' type="text/javascript"></script>
</head>

<body onload='html()'>

<div id='links'></div>

</body>
</html>


Создаем файл js.js и ложим его в ту папку где положили основной файл ваше_имя.html

В файле js.js пишем:

Код

function html()
{
document.getElementById ('links').innerHTML += "<a href='#'>SSSSSSSS</a><br><a href='#'>SSSSSSSS</a><br><a href='#'>9999999999</a>"
}


Вот так думаю понятно smile

Примечание:
Код

document.getElementById ('links').innerHTML += "все что тут надо писать в одну строку никаких enter";


Это сообщение отредактировал(а) PHP-DIRECTOR - 10.6.2005, 15:59


--------------------
Могу все, но ничего не умею :-)
PM WWW   Вверх
Aliance
Дата 10.6.2005, 17:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

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



ChaiNick
Пользуйся форумной подсветкой!
PM MAIL WWW ICQ Skype   Вверх
Sardar
Дата 10.6.2005, 18:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

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



Ну блин насоветовали... smile


В последнем посте PHP-DIRECTOR ответил правильно:
  • код JS пишем без тегов <script> в текстовый файл, даём ему (любое) расширение .js
  • на странице куда подключаем скрипт пишем <script type="text/javascript" src="путь до файла"> При этом лучше не указывать http:// , так как глючные браузеры могут не сохранить скрипт при сохраненнии страницы, за что юзер будет не доволен.
  • Содержимое срипта должно быть валидным JS, а строки в JS переносить нельзя(из-за того что ; опционален). Все переводы строк либо заменяем на \n либо ставим \ перед переводом строки.
Встречный вопрос: у тебя в .js похоже не код, а готовая разметка лежит, зачем это нужно, кешируем? Лучше генери разметку у клиента, а в скрипте храни только не обходимое(текст, URL, стили).
Код
var data=[
 ["ssssss 1", "#"],
 ["ssssss 2", "#"]
//...
];

В самой странице уже генеришь:
Код
for(var i=0; i<data.length; i++) {
  src+="<a href='"+data[i][1]+"' class='link'>"+data[i][0]+"</a><br>\n";
}
document.getElementById("link_container").innerHTML=src;



--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
ChaiNick
Дата 11.6.2005, 04:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



И вообще кинь весь JS-код сюда, иначе понять на чём спотыкается браузер отвечающим не имеется возможности (сквозь стены не видим)...

Кидаю:
Код

<script language="JavaScript">

<!-- 

function vis() {
if (navigator.appName == "Netscape")
{ document.lo.visibility = 'show' }
else { document.all.lo.style.visibility='visible'  }
}


function hid() {
if (navigator.appName == "Netscape")
{ document.lo.visibility = 'hide'}
else { document.all.lo.style.visibility= 'hidden' }
}

// -->
</script>


Все остальное на маленькой страничке - http://www.unitravel.ru/4.html

Там же все видно smile


 ! 
 
Уважаемый, мне уже надоело исправлять ваши оплошности. Пользуйтесь предварительным просмотром!


Это сообщение отредактировал(а) Aliance - 11.6.2005, 14:24
PM MAIL   Вверх
ChaiNick
Дата 11.6.2005, 04:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Спасибо! Так все работает. Но все работало и в старом варианте. Здесь же принципиально ничего не изменилось - Все содержание меню по-прежнему сидит в старом файле. В вашем коде я не вижу обращения к внешнему файлу, в котором будет лежать содержание меню

Да, я совершил огшибку - написал содержание меню в несколько строчек. Сейчас я вытяул все в одну строку. Но ничего не получается опять. Вот содержание файла JS:

Код

<script language="JavaScript">

<!-- 

function html()
{
document.getElementById ('links').innerHTML += "<a href='#'>SSSSSSSS</a><br><a href='#'>SSSSSSSS</a><br><a href='#'>9999999999</a>"
}


// -->
</script>


В тело основного файла вставил

Код

<body onload='html()'>


и в нужное место:

Код

<div id='links'></div>



 ! 
 

Прочти правила форума!


Это сообщение отредактировал(а) Aliance - 11.6.2005, 14:25
PM MAIL   Вверх
ChaiNick
Дата 11.6.2005, 04:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



СЕРДЕЧНОЕ СПАСИБО, SARDAR!

Я с дуру в JS файл воткнул
Код

<script language="JavaScript">
<!-- 
// -->
</script>

как советовали профессора. Сомневался, правда, немного...

Убрал - заработало.

Отвечаю на ваш вопрос: Дело в том, что хостинг без поддрежки веба, без Апача и всего прочего. Поэтому такой примитивный вариант.

Еще раз ВСЕМ (особенно PHP-Директору) ОГРОМНОЕ спасибо!

Аркадий Логвинчук
Пока ЧайНик
http://home.kht.ru/expo/ff.htm

Это сообщение отредактировал(а) Aliance - 11.6.2005, 14:26
PM MAIL   Вверх
Страницы: (2) [Все] 1 2 
Закрытая темаСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




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


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

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