Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

[Решено] Телефоны списком


Y4enik

Recommended Posts

Подскажите как добавить телефоны, которые при переключении картинок к примеру (Киевстар, МТС, Life) переключались бы номера телефонов.
Необходимо для того, чтоб не занимали много места в хэйдере.

Ps. Создавать их просто списком (в столбик) в header.tpl и редактировать .css умею, а вот такую красоту нет(

1.jpg

2.jpg

3.jpg

Надіслати
Поділитися на інших сайтах



 
<select id="operators" name="operator">
    <option value="operator0">KS</option>
    <option value="operator1">MTS</option>
    <option value="operator2">Life:)</option>
</select>
<div id="operator-wrap"></div>

<script>
var item, op;
var operators = {
    'operator1' : '050 123-45-67',
    'operator2' : '063 987-65-43' 
};
$('#operators').change(function() {
    item = $(this).val();
    op = operators[item];
    $('#operator-wrap').html(op);
});
</script>

 

Надіслати
Поділитися на інших сайтах


Skunk, есть возможность, что бы сразу высвечивался с выбором оператора номер телефона с право от него. 
При заходе на сайт высвечивается только выбор оператора, если к примеру стоит МТС при нажатии на на МТС ничего не происходит. Необходимо нажать на другой оператор, а потом опять на МТС. И не получается вывести номер не снизу, а сбоку(

21.jpg

22.jpg

Надіслати
Поділитися на інших сайтах


изначально заполните <div id="operator-wrap"></div> самым первым плейсхолдером из селекта. Короче, просто пропишите первый телефон туда.

а вывод сбоку - это стили. типа inline-block; 

без ссылки трудно сказать.

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.