Jump to content
  • 0

сработка в другом элементе


getalusk
 Share

Question

Друзья здравствуйте, вновь требуеться ваша незаменимая помощь. Суть вот в чем: допустим при навведении на одну ячейку менялся фон в другой. Поделитесь кто знает, дучше чтоб попроще, или хотябы скажите как эффект называется.

Edited by getalusk
Link to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 0

Друзья здравствуйте, вновь требуеться ваша незаменимая помощь. Суть вот в чем: допустим при навведении на одну ячейку менялся фон в другой. Поделитесь кто знает, дучше чтоб попроще, или хотябы скажите как эффект называется.

Ну поскольку вопрос слишком общий, то и ответ будет аналогичным - http://jsfiddle.net/xWhbk/

Link to comment
Share on other sites

  • 0

Не стал делать работу за вас, приведу хорошие примеры реализации подобных вкладок. Чтобы сохранялась и отображалась внешне активная, нужно применять js.

Посмотрите вот здесь. Dimox написал свой плагин к jQuery. Он довольно крупный. Вплоть до запоминания вкладки в cookie браузера при обновлении страницы. Из минусов - уж слишком много стилей у него понавешано, замучаешься изменять.

И вот я попробовал сделать по проще вариант. Из минусов - активная вкладка должна быть указана в html, что неудобно. Для этого можно дописать js. Активная вкладка тоже сохраняется. Идею реализации взял отсюда.

Link to comment
Share on other sites

  • 0

В новых браузерах можно как-нибудь так и даже так. В старых, да, без скрипта никак. Но хотелось бы уточнить — переключение вкладок должно идти без перезагрузки страницы?

Link to comment
Share on other sites

  • 0

SelenIT, большое спасибо за второй метод! И мысли не было табы через чекбоксы делать.

Кстати, в обоих методах нужно максимально ограничить область ul, дабы не было такого места, где пользователь курсором находится курсором в ul, но не наводит в этот момент на ссылки, ибо в таком случае ни одна вкладка подсвечена не будет. Надеюсь, понятно написал.

Link to comment
Share on other sites

  • 0

Если сервер с поддержкой PHP и при нажатии на вкладку происходит перезагрузка страницы, то лучше это сделать в PHP

Если PHP нет или нажатие вкладок нужно реализовать без перезагрузки страницы, то лучше js. ПРИМЕР

Link to comment
Share on other sites

  • 0

Если сервер с поддержкой PHP и при нажатии на вкладку происходит перезагрузка страницы, то лучше это сделать в PHP

Если PHP нет или нажатие вкладок нужно реализовать без перезагрузки страницы, то лучше js. ПРИМЕР

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

Link to comment
Share on other sites

  • 0

Если сервер с поддержкой PHP и при нажатии на вкладку происходит перезагрузка страницы, то лучше это сделать в PHP

Если PHP нет или нажатие вкладок нужно реализовать без перезагрузки страницы, то лучше js. ПРИМЕР

Если вы не заметили, уважаемый gurylyov, PHP я советую использовать, если страница должна перезагружаться.

Т.е. она просто загрузится и всё.

Если же использовать js, то сначала загрузится страница, потом еще отработает js и изменит её - лишний код, лишний напряг системы клиента, лишнее время на загрузку страницы...

И да, перезагрузка страницы - это не здорово, но если при нажатии вкладки должен быть переход на страницу с уникальным url или заменой более 90% контента, то стоит ли замарачиваться и делать функции на js? Всё зависит от цели и я описал обе. Кстати у мя есть проект полностью js сайта, думаю он вам понравится:).

Edited by Switch74
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy