ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ширина закладок
10 сообщений из 35, страница 2 из 2
  2  все
Ширина закладок
    #38298958
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
Програмёр, спасибо конечно но мне нравится что после открытия вкладки меняетя в адресной строке #tab1-#tab5
...
Рейтинг: 0 / 0
16.06.2013, 13:12
| Ответить | Цитировать | Написать  
Ширина закладок
    #38298960
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
мне то осталось понять почему
/*селектор класса, где селекторы указываются после точки - ".name" - после точки указано имя класса селектора*/
.tab2, .tab3, .tab4, .tab5 {
не работает как надо?
...
Рейтинг: 0 / 0
16.06.2013, 13:15
| Ответить | Цитировать | Написать  
Ширина закладок
    #38298968
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
оказывается я путал
name - устанавливает имя якоря внутри документа...
одним словом мне нужно в коде Программера
чтобы после открытия вкладки не менялось в адресной строке #tab1-#tab5
или у меня чтобы все вкладки кроме первой - крайней левой были с отступами 2 пикселя от текста внутри закладки до размера самой закладки
...
Рейтинг: 0 / 0
16.06.2013, 13:33
| Ответить | Цитировать | Написать  
Ширина закладок
    #38298970
Програмёр
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Програмёр
Участник
катастрофаПрограмёр, спасибо конечно но мне нравится что после открытия вкладки меняетя в адресной строке #tab1-#tab5

Эм... ну так и тут меняется )) по крайней мере в хроме (в остальных не проверял, но думаю должно)...

1. Никто адекватный, не использует в коде, который будут пользовать другие, заведома не уникальные id.
2. чё это за бред:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
        for (i = 1; i <= $("#tabs li").length; i++) {
          if (myUrlTab == myUrlTabName + i) {
              resetTabs();
              $("a[name='"+myUrlTab+"']").attr("id","current"); // Активируем закладку по url
              $(myUrlTab).fadeIn(); // Показываем содержание закладки
          }
        }


из этого кода нужны только 3 строки (немного переписанные) без всякого цикла - это изменение аттрибута (как заметил уже не id, а класса например. для этого есть команды специальные), скрытие всех вкладок и показ выбранной.
3. а это что? (риторический вопрос... щас объясню :) )
Код: javascript
1.
2.
3.
    var myUrl = window.location.href; //Получаем URL
    var myUrlTab = myUrl.substring(myUrl.indexOf("#")); // Для localhost/tabs.html#tab2 myUrlTab = #tab2     
    var myUrlTabName = myUrlTab.substring(0,4); // Для выше приведённого примера myUrlTabName = #tab


location.hash не слышали + определили номер вкладки, и первым делом открываем первую (даже если выбрана третья) НАФИГА?!

Мне например не хочется в это влазить )) Если кто поможет - хорошо. Но я не хочу то, что можно написать в идеале минут за 20 (если делать всёёё как надо), обсуждать ещё дня 2.
...
Рейтинг: 0 / 0
16.06.2013, 13:34
| Ответить | Цитировать | Написать  
Ширина закладок
    #38298975
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
Програмёр, я ни в коем разе не защищаю имеющийся у меня не мой код
Спасибо Вам, тогда
Эм... ну так и тут меняется )) по крайней мере в хроме (в остальных не проверял, но думаю должно)...
КАК?
и пора бадягу заканчивать...
...
Рейтинг: 0 / 0
16.06.2013, 13:47
| Ответить | Цитировать | Написать  
Ширина закладок
    #38298981
Програмёр
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Програмёр
Участник
катастрофаПрограмёр, я ни в коем разе не защищаю имеющийся у меня не мой код
Спасибо Вам, тогда
Эм... ну так и тут меняется )) по крайней мере в хроме (в остальных не проверял, но думаю должно)...
КАК?
и пора бадягу заканчивать...

)) ну так нажимаешь на tab 1 например и вверху появляется site.ru/file.html#tab1
...
Рейтинг: 0 / 0
16.06.2013, 13:53
| Ответить | Цитировать | Написать  
Ширина закладок
    #38298984
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
Програмёр, так как сделать чтобы как у меня не менялось при нажатии на вкладки?
...
Рейтинг: 0 / 0
16.06.2013, 13:56
| Ответить | Цитировать | Написать  
Ширина закладок
    #38298989
Програмёр
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Програмёр
Участник
катастрофаПрограмёр, так как сделать чтобы как у меня не менялось при нажатии на вкладки?
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
<html>
<head>
  <title>закладки</title>
  <style>
    .tabs ul{
      list-style: none;
      overflow: hidden;
      padding: 0px;
    }
    .tabs ul li{
      float: left;
      cursor: pointer;
      border: 1px solid red;
      padding: 3px 10px;
      background: grey;
    }
  </style>
  <script src="http://code.jquery.com/jquery-latest.min.js"
          type="text/javascript"></script>
</head>
<body>
  <div class="tabs_container">
    <div class="tabs">
      <ul>
        <li class="tab1" data-content="tab1">tab 1</li>
        <li class="tab2" data-content="tab2">tab 2</li>
        <li class="tab3" data-content="tab3">tab 3</li>
        <li class="tab4" data-content="tab4">tab 4</li>
        <li class="tab5" data-content="tab5">tab 5</li>
      </ul>
    </div>
    <div class="tabs_content">
      <div class="tab1_content">открыл первую вкладку</div>
      <div class="tab2_content">открыл вторую вкладку</div>
      <div class="tab3_content">открыл третью вкладку</div>
      <div class="tab4_content">открыл четвёртую вкладку</div>
      <div class="tab5_content">открыл пятую вкладку</div>
    </div>
  </div>
  <script type="text/javascript">
    $(".tabs ul li").click(function(){
      $(".tabs_content > div").hide();
      $("."+$(this).data('content')+"_content").fadeIn();
    });
    $(".tabs_content > div").hide();
    $(".tab1_content").fadeIn();
  </script>
</body>
</html>
...
Рейтинг: 0 / 0
16.06.2013, 14:02
| Ответить | Цитировать | Написать  
Ширина закладок
    #38299118
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
Програмёр,
с Вашим кодом всегда успею разобраться, щас проблема со своим, у меня появились классы
Код: html
1.
<li><a href="#" class="tab1">Главная</a></li>


как в js дописать переход по вкладкам
Код: javascript
1.
2.
$("a[name='"+myUrlTab+"']").attr("id","current"); // Активируем закладку по url
              $(myUrlTab).fadeIn(); // Показываем содержание закладки
...
Рейтинг: 0 / 0
16.06.2013, 18:52
| Ответить | Цитировать | Написать  
Ширина закладок
    #38299285
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
всем спасибо, разобрался
...
Рейтинг: 0 / 0
17.06.2013, 03:53
| Ответить | Цитировать | Написать  
10 сообщений из 35, страница 2 из 2
  2  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ширина закладок
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38299285&tid=1448224]:
 0ms
get settings:
 7ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 161ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 32ms
get tp. blocked users:
 1ms
others: 231ms
total:  454ms
созд. / загр.: 454ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]