Как стать автором
Обновить

Google, зачем ты так? Убираем панель навигации

Заметил меня, %username%? Я твой новый поиск


Да-да, теперь я красивый и отвратительно неудобный очень удобный! Постоянно пытаюсь помочь тебе, подсунусь интересные картинки и видео. А главное я делаю так именно с тобой, только для тебя, а жалкие, ничтожные пользователи Chrome могут отказаться от этого, но ты обречен.

Вернусь на землю, стилизация текста, интересно конечно, изменение функционала, приятно конечно, но смотря, что и как изменили. На этот раз гугл позарился именно на то место, где многие годами привыкли наблюдать результаты поиска корма любимой кошке, гостиницы в незнакомом городе или пиццы в хорошей пиццерии.

Последней каплей стало то, что на ноутбуке подруги, гуляющей по Гуглу их хрома, я обнаружил прекрасную вещь — панель навигации умеет закрываться. Ура! Они одумались и разрешили её убирать, бежим к компьютеру, стартуем оперу (или что-то на вкус и цвет), быстро ищем первое попавшееся в любимом поисковике… и тут, тот самый сюрприз — ты обречен наблюдать панель навигации, ну нет той самой заветной кнопочки, которая свернет это чудо техники и всё.

Расстраиваемся, приходим в себя, исправляем ситуацию


Практические все современные браузеры нам с удовольствием помогут, удобной и простой до безумия функцией: пользовательские скрипты JavaScript. Мы можем с лёгкостью создать файл .js, который будет выполнятся каждый раз как мы приходим на какой-то сайт.

Какой-то сайт? Гугло-сайт! Вооружаемся блокнотом и сключаем зоркое зрение — исходник страницы Гугла, это, видимо, дикая экономия трафика, о переносах чего-то на новую строку — забываем.

После чашки чая кофе пива, находим тот самый div с панелью навигации, он обозначен: id=leftnav. Зовем на помощь верного друга и товарища — Блокнот!

  1. /**
  2. * Поможет нам найти на странице нужный элемент по id.
  3. * Кроссбраузерно.
  4. */
  5. function getObject(id) {
  6.   var returnVar;
  7.  
  8.   if (document.getElementById)
  9.     returnVar = document.getElementById(id);
  10.   else if (document.all)
  11.     returnVar = document.all[id];
  12.   else if (document.layers)
  13.     returnVar = document.layers[id];
  14.  
  15.   return returnVar;
  16. }
  17.  
  18. /**
  19. * Скроет панель навигации, а также
  20. * сдвинет на "правильное место" результаты поиска и подвал
  21. */
  22. function hideBar() {
  23.   getObject('leftnav').style.display = 'none';
  24.   getObject('center_col').style.marginLeft = '0px';
  25.   getObject('foot').style.marginLeft = '60px';
  26. }
  27.  
  28. /**
  29. * Рассказываем браузеру, что нужно выполнить hideBar() сразу,
  30. * как только страница будет загружена. Кроссбраузерно.
  31. */
  32. if(typeof window.addEventListener != 'undefined') {
  33.   window.addEventListener('load', hideBar, false);
  34. }
  35. else if(typeof document.addEventListener != 'undefined') {
  36.   document.addEventListener('load', hideBar, false);
  37. }
  38. else if(typeof window.attachEvent != 'undefined') {
  39.   window.attachEvent('onload', hideBar);
  40. } else if(typeof window.onload == 'function') {
  41.   var existing = onload;
  42.  
  43.   window.onload = function() {
  44.     existing();
  45.     hideBar();
  46.   };
  47. }
  48. else {
  49.   window.onload = hideBar;
  50. }


Если будете копировать AS IS, не забываем поставить кодировку файла UTF-8, русские буксы inside все-таки.

Сохраняемся как .js, бежим в браузер на страницу Гугла, подключаем пользовательский скрипт. В Opera, например, клик правой по странице, «Настройки для сайта...», «Скрипты» и заветная кнопочка «Обзор...», которая поможет нам выбрать наш скрипт.



Заветный ре-фреш страницы и улыбка ползет от уха до уха — вот он, любимый Гугл!
Теги:
Хабы:
Данная статья не подлежит комментированию, поскольку её автор ещё не является полноправным участником сообщества. Вы сможете связаться с автором только после того, как он получит приглашение от кого-либо из участников сообщества. До этого момента его username будет скрыт псевдонимом.