За последние 24 часа нас посетили 16656 программистов и 1643 робота. Сейчас ищут 1214 программистов ...

Табы?

Тема в разделе "JavaScript и AJAX", создана пользователем Ambrella, 12 фев 2008.

  1. Ambrella

    Ambrella Активный пользователь

    С нами с:
    10 ноя 2007
    Сообщения:
    206
    Симпатии:
    0
    Подскажите кнопки табы ктонибудь знает как сделать, так чтобы переходя на любой из табов страница не перезагружалась а вся информация была телом одной страницы? Заранее спаибо!
     
  2. +Sten+

    +Sten+ Активный пользователь

    С нами с:
    27 авг 2007
    Сообщения:
    978
    Симпатии:
    0
    Непонятно. Наверно ответ - фреймы. Меню(таб) сверху, а перегружающийся контент - снизу (например). В фрейме меню делать ссылки типа:
    Код (Text):
    1. <a href="index.html" target="mainframe">
    Соответственно, главный фрейм должен называться mainframe, теперь именно в нём будут действовать ссылки фрейма-меню.

    Если хочется сделать тоже самое, но красиво и аккуратно - AJAX.
     
  3. Ambrella

    Ambrella Активный пользователь

    С нами с:
    10 ноя 2007
    Сообщения:
    206
    Симпатии:
    0
    Нет нужны не фреймы а именно табы и контент на одной странице. Тоесть кнопка при нажатии не перезагружает страницу и не загружает на нее ничего нового, а показывает какоето наполнение которое скрыто до этого момента но оно уже загружено вначале.
     
  4. +Sten+

    +Sten+ Активный пользователь

    С нами с:
    27 авг 2007
    Сообщения:
    978
    Симпатии:
    0
    Тут куча разных способов. Например, так:
    Код (Text):
    1.  
    2.  
    3. <script>
    4. function SetContent(content)
    5. {
    6.  document.getElementById('content').innerHTML = content;
    7. }
    8. </script>
    9.  
    10. <table width="500" border="1" cellspacing="0" cellpadding="0">
    11.   <tr>
    12.     <td onclick="SetContent('Вот это содержание первой вкладки')">Первая вкладка</td>
    13.     <td onclick="SetContent('В этой вкладке всё про нас<br> Тест тест тест..')">О нас </td>
    14.     <td onclick="SetContent('<b>Тест</b> <i>тест</i> тест')">Продукция</td>
    15.     <td onclick="SetContent('<form><input type=text>Имя<br>Сообщение:<br><textarea></textarea></form>')">Обратная связь </td>
    16.   </tr>
    17.   <tr>
    18.     <td colspan="4">&nbsp;<div id="content"></div></td>
    19.   </tr>
    20. </table>
    Хотя, чаще всего это делают с помощью свойства display какого-либо слоя с абсолютной позицией.
     
  5. Ambrella

    Ambrella Активный пользователь

    С нами с:
    10 ноя 2007
    Сообщения:
    206
    Симпатии:
    0
    Нашол исходник решение при помощи джавы и CSS — если комуто нужно выложу!
     
  6. Ularsoft

    Ularsoft Активный пользователь

    С нами с:
    13 авг 2008
    Сообщения:
    5
    Симпатии:
    0
    Всем доброе утро!
    Ambrella, мне тоже нужен такой исходник... Пожалуйста скинь мне на мыло... Заранее благодарен!
     
  7. Ularsoft

    Ularsoft Активный пользователь

    С нами с:
    13 авг 2008
    Сообщения:
    5
    Симпатии:
    0
    Ambrella, у тя есть номер ICQ?
     
  8. Luge

    Luge Старожил

    С нами с:
    2 фев 2007
    Сообщения:
    4.680
    Симпатии:
    1
    Адрес:
    Минск
    например
     
  9. Ularsoft

    Ularsoft Активный пользователь

    С нами с:
    13 авг 2008
    Сообщения:
    5
    Симпатии:
    0
    Спасибо тебе Павел! Открой пожалуйста страничку http://vkontakte.ru Можно ли сделать такую вкладку?
     
  10. shreck

    shreck Активный пользователь

    С нами с:
    7 авг 2007
    Сообщения:
    479
    Симпатии:
    0
    Адрес:
    Россия, Саратов
    Можно совсем поизвращаться и посмотреть на dhtmlx.com
     
  11. Luge

    Luge Старожил

    С нами с:
    2 фев 2007
    Сообщения:
    4.680
    Симпатии:
    1
    Адрес:
    Минск
    можно, делай. Но это уже не будет
     
  12. Ularsoft

    Ularsoft Активный пользователь

    С нами с:
    13 авг 2008
    Сообщения:
    5
    Симпатии:
    0
    Все это конечно отлично... но как их использовать в работе?
     
  13. Koc

    Koc Активный пользователь

    С нами с:
    3 мар 2008
    Сообщения:
    2.253
    Симпатии:
    0
    Адрес:
    \Ukraine\Dnepropetrovsk