HTML/CSS, Javascript, Блоггинг | 18 сентября 2010 |

Делаем более удобную навигацию WP

Привет, написал две функции, с помощью которых, пользователь сам может решить на какую страницу ему переместиться. Как это работает, можно посмотреть у меня в блоге.
Вот они:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

/* Author: Askerov Javid; Author`s WebPage: www.severus.name; */
function getPage(){
var a = location.hostname;
var num = prompt("На какую страницу перейти?","1");
if(isNaN(num)){
alert('Numbers only');
}
else if(num && num!=''){
location.href = "http://" + a + "/page/" + num;
}
}
 
 
function insert(){
var div = document.getElementsByTagName('div');
for(var i = 0;i<div.length;i++){
if(div[i].className == 'wp-pagenavi'){
div[i].innerHTML += "<a href='javascript://' onclick=\"getPage();\" class='page'>Перейти к ...</a> ";
  }
 }
}

Функция getpage непосредственно сама перенаправляет юзера на нужную ему страницу.
А с функцией insert, я дополнил плагин навигации wp-pagenavi.У кого какие вопросы, могут писать в комментах.Вы можете обойтись без функции insert, а просто повесить на перключатель функцию getPage().
Что-то вроде onclick="getPage();".

Завтра, переведу оставшиеся признаки плохого контента.

Рекомендую еще почитать

  • Динамическое изменение страницы с jS
  • Прогресс бар на точках :D
  • Как перебрать элементы по классу?
  • Пишем простенькую функцию expand
  • Таймер и Прогресс Бар

    • Вы, можете добавить эту статью, в один из следующих сервисов:

    Опубликовать в Twitter Опубликовать в своем блоге livejournal.com

    8 коммент.

    1. Teimos

      19 Сен 2010

      Хм, вы б еще валидацию приделали, чтоб юзер не мог вводить буквы и русские символы, а то так не очень «юзерфрендли» получается.

    2. Severus

      19 Сен 2010

      @Teimos,юзер и так не может вводить ничего кроме числа.

    3. Teimos

      19 Сен 2010

      Эммм… ну тут на блоге на главной, я нажал на GO TO, ввел слово «ЛОЛ», меня перекинуло на страницу «страница не найдена». В приведенном скрипте валидация немного неверна… Надо перед location.href ставить проверку введенного на is_numeric(), тогда четвертая строка должна быть такой: if(num && num!=» && is_numeric(num))

    4. Severus

      19 Сен 2010

      @Teimos, спасибо, что сказали. Я исправил одну вещь, испортил другую), сейчас все нормально. Можете проверить).

    5. Severus

      21 Сен 2010

      @Teimos, лень раскладку было переключать когда писал скрипт -). Это не критично.

    6. Teimos

      21 Сен 2010

      Проверил, действительно теперь все работает. А почему алерт на английском, если не секрет?) я оь этом — ‘Numbers only’.

    7. Сеошник

      10 Окт 2010

      Прикольно, а как кнопку приделать?

    8. Severus

      11 Окт 2010

      Сеошник, обьяснил в аське)