VPF::Ссылки с картинками в файле .js - Форум программистов

Клявас®

Дата 8.6.2006, 21:57 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 71
Регистрация: 1.9.2004
Где: Литва, Вильнюс

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

Код


<a href="/index.php"><img src="/links/novosti.gif" alt="Новости сайта" border="0" onMouseover="this.src='/links/novosti1.gif' " onMouseout="this.src='/links/novosti.gif'"></a><p style="margin-top: 0; margin-bottom: 0">
<a href="/bio.htm"><img src="/links/bio.gif" alt="Этапы музыкального пути" border="0" onMouseover="this.src='/links/bio1.gif' " onMouseout="this.src='/links/bio.gif'"></a><p style="margin-top: 0; margin-bottom: 0">
........

Надо это занести в файл, допустим, с названием "links.js"
И с делать вывод.
Спасибо!

P.S. Ну а это для того, чтобы в любой момент множно было добавить новую ссылку и не редактировать каждый файл.
Смущает то, что здесь присутствуют, как " так и ' ... Поэтому document.write отпадает.

Это сообщение отредактировал(а) Клявас® - 8.6.2006, 22:02

12345c

Дата 8.6.2006, 22:43 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

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

Цитата(Клявас® @ 8.6.2006, 21:57

)

Поэтому document.write отпадает.

Он и без того отпадает.

Кавычки заменяете на \"

Код


a="bmb<mf$b\"l<flv<dfl'fvfd'fdg\"fflgpd";
/*затем:*/
onload=function(){document.getElementById('d1').innerHTML=a;}

Код

<span id="d1"></span>

Клявас®

Дата 8.6.2006, 23:42 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 71
Регистрация: 1.9.2004
Где: Литва, Вильнюс

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

Ну вот делаю файл "links.js", следующего содержания:

Код


a="bmb<mf$b\"l<flv<dfl'fvfd'fdg\"fflgpd";
<a href="/index.php"><img src="/links/novosti.gif" alt="Новости сайта" border="0" onMouseover="this.src='/links/novosti1.gif' " onMouseout="this.src='/links/novosti.gif'"></a><p style="margin-top: 0; margin-bottom: 0">
<a href="/bio.htm"><img src="/links/bio.gif" alt="Этапы музыкального пути" border="0" onMouseover="this.src='/links/bio1.gif' " onMouseout="this.src='/links/bio.gif'"></a><p style="margin-top: 0; margin-bottom: 0">
onload=function(){document.getElementById('d1').innerHTML=a;}

Далее в .htm файле прописываю следующее:

Код


<span id="d1"></span>
      <script language="JavaScript" type="text/javascript" src="/links.js"></script>

Не идёт

Aliance

Дата 9.6.2006, 09:29 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

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

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

При таком содержимом скрипта его нужно запихивать в HEAD. Либо оставить там, где он сейчас и последнюю строчку переписать так:

Код


document.getElementById('d1').innerHTML = a;

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

12345c

Дата 9.6.2006, 14:51 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

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

Клявас®, в файле JS - HTML быть не может, только тексты скрипта (без тегов). Все теги - в строки, я же показал пример.

Клявас®

Дата 10.6.2006, 18:21 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 71
Регистрация: 1.9.2004
Где: Литва, Вильнюс

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

Вчитываюсь в посты и не доходит... Может покажете примет!

Потому что я тут ковырялся, ковырялся и всё-таки нашёл маленький выход.
Делаю файл links.js такого содержания:

Код


document.write("<a href=/index.php><img src=/links/novosti.gif alt=Новости сайта border=0 onMouseover=this.src='/links/novosti1.gif' onMouseout=this.src='/links/novosti.gif'></a>");

На всех страницах html прописываю следующее:

Код


<script language="JavaScript" type="text/javascript" src="/java/links.js"></script>

Что вы скажете о таком шаге!?

dstorm81

Дата 10.6.2006, 23:56 (ссылка)

(нет голосов)

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

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

шаг нормальный
НО надо сделать предзагрузку картинок, иначе получишь мерцание,
можно через стили сделать прописать, что намного проще и ПРАВИЛЬНЕЙ, при
a:link;a:visited{один бэкграунд}
a:hover{другой бэграунд} - идентично твоему onMouseover
они призагрузке дока должны сразу загрузится

--------------------

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

Клявас®

Дата 11.6.2006, 03:09 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 71
Регистрация: 1.9.2004
Где: Литва, Вильнюс

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

Цитата(dstorm81 @ 10.6.2006, 23:56

)

a:link;a:visited{один бэкграунд}
a:hover{другой бэграунд} - идентично твоему onMouseover

В .html следующее добавил:

Код


<style fprolloverstyle>A:hover {color: #FF0000; text-decoration: none underline blink; letter-spacing: 0}
a:link;a:visited{color: #808000}
</style>

Правильно!? Что ещё подскажете?!

12345c

Дата 11.6.2006, 10:54 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

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

А что в конце нужно? Не понятно, кем и как нужно добавлять картинки и чем не устраивает найденное решение. Поэтому подсказывать нечего.

Внешние скрипты кешируются, поэтому изменение скрипта *.js на сервере не сразу скажется на пользовательской копии в кеше.

Клявас®

Дата 11.6.2006, 17:18 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 71
Регистрация: 1.9.2004
Где: Литва, Вильнюс

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

Спасибо Всем за советы. Насчёт Кэширование, да, согласен. Надо может рефрешик какой намутить.
Ну и ещё раз всем спасибо, кто помогал, что всё-таки вышли из проблемы. smile

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