У меня есть HTML и CSS, но мне нужно немного javascript до ie всего этого вместе.
У меня есть страница 'stati c . html ', который существует не на сервере, а в локальной файловой системе.
Этот файл имеет макет div с 2 списками имен / заголовков / et c. вместе с таблицей стилей CSS для стилизации всех страниц c.
На странице также используется встроенный медиаплеер. Эти страницы предназначены для использования в автономном режиме, вне сервера и, таким образом, имеют очень ограниченную функциональность.
Я хотел бы изменить списки на a href= ссылки на другие страницы c, но не все заголовки / имена в списке в настоящее время имеют страницы или могут не нуждаться в них.
Есть ли способ, которым я могу использовать некоторые javascript, чтобы проверить, существует ли href="./linkedpage.html", а затем включить / выключить ссылку при загрузке страницы.
Я могу создать одну родительскую страницу, которая ссылается на 30 других страниц, и когда я добавляю новые страницы, ссылки могут стать активными в родительской.
В идеале этот скрипт можно загрузить на каждую страницу, чтобы проверить наличие или отсутствие источника ссылок, а также включить / отключить тег привязки.
Спасибо большое, -Tim
РЕДАКТИРОВАТЬ: PS. href ссылки будут изображения и текст.
Редактировать: Рабочий код выполнения:
<html>
<head>
<script>
function checkLink(someLink)
{
var tmp=new Image;
tmp.src=someLink;
if(tmp.complete)
{window.open(someLink,"_self");}
else
{return 0;}
}
</script>
</head>
<body>
<a href="javascript:checkLink('./page1.html');">Title 1</a>
<a href="javascript:checkLink('./page2.html');">Title 2</a>
</body>
</html>
У меня есть страница 1. html в том же каталоге, но нет страницы 2. html ... обе ссылки возвращают 0. Отладчик возвращает «Ошибка: выбрано неверное содержимое, перезагрузите.»
Исправлено, для проверки ...
<html>
<head>
<script>
function checkLink(someLink)
{
var tmp=new Image;
tmp.src=someLink;
if(tmp.complete)
{window.open(someLink,"_self");}
else
{return 0;}
}
</script>
</head>
<body>
<a href="#" onclick="checkLink('./page1.html'); return false; ">Title 1</a>
<a href="#" onclick="checkLink('./page2.html'); return false; ">Title 2</a>
</body>
</html>
Теперь ничего не происходит.