Переключение url из списка предыдущая, следующая страница
Здравствуйте! Подскажите как организовать скрипт для последующего переключения страниц.
Есть список url: <a href="http://url_1" target="_top">слон</a> <a href="http://url_2" target="_top">лось</a> <a href="http://url_3" target="_top">рыба</a> <a href="http://url_к" target="_top">лошадь</a> <a href="http://url_u" target="_top">зубр</a> <a href="http://url_н" target="_top">елка</a> Как сделать поочередное переключение http://url_3 на http://url_к и т.д... при нажатии на "следующая страница" и переключение наоборот при нажатии на "предыдущая страница"? |
Цитата:
|
Цитата:
|
Вставить один iframe во все страницы: с скриптом и ссылками; а target="_top" - перегрузит всю страницу в браузере
|
Цитата:
Не понятно, что значит "постоянно добавляются". Сами добавляются? И как Вы планируете это контролировать? Если добавляются вручную, могу предложить сделать массив урлов, проходить по нему в поисках текущей страницы и на кнопки "назад" и "вперед" вешать предыдущую и следующую из массива. |
Цитата:
Категория например: пернатые, или категория: Африка. |
polepropilen,
Чтоб сделать то, о чем говорится в топике, использовать iframe необходимости нет, достаточно подключать на страницах js-файл с массивом url и обрабатывать его, учитывая текущий location. Начните писать скрипт, если не получится, подскажем. |
Я не знаю Javascript. Думал кто поможет написать
|
Сначала возникает вопрос откуда берется этот красивый список урлов. Затем возникает и ответ.
|
понятно короче
|
как-то так, наверное
<a href="" id="id_button_prev">назад</a>
<a href="" id="id_button_next">вперед</a>
<script>
var urls = [
'http://url_1',
'http://url_2',
'http://url_3',
'http://url_4',
'http://url_5',
'http://url_6'
];
for (var i = 0, currentUrl = window.location, len = urls.length; i < len; i++) {
if (currentUrl.indexOf(urls[i]) {
if (i > 1) document.getElementById('id_button_prev').href = urls[i - 1];
else document.getElementById('id_button_prev').style.display = 'none';
if (i < len - 2) document.getElementById('id_button_next').href = urls[i + 1];
else document.getElementById('id_button_next').style.display = 'none';
}
}
</script>
|
У меня не работает, может, что-то не так делаю?
вставил target="_top" <a href="" id="id_button_prev" target="_top">назад</a> <a href="" id="id_button_next" target="_top">вперед</a> Страница не переключаются, исчезает страница, а url остался прежним, все что в iframe становится страницей. Вот шаблон страницы:
<body bgcolor="#000">
такст такст такст такст такст .............
<iframe src="/cay/nye.html" width="100%" frameborder="0">
Ваш браузер не поддерживает плавающие фреймы!
</iframe>
</body>
в файл nye.html вставил этот скрипт |
polepropilen,
Я же написал, что не нужны фреймы. Выносите скрипт в отдельный файл и подключайте его в конце каждой страницы. |
| Часовой пояс GMT +3, время: 13:46. |