Modal Box (VK.com)

Тема в разделе "JavaScript", создана пользователем werkraft, 19 дек 2013.

Модераторы: ZiX
  1. werkraft

    werkraft Создатель

    Регистр.:
    11 мар 2010
    Сообщения:
    32
    Симпатии:
    1
    Здравствуйте, мне понравилась реализация диалоговых окон в "Вконтакте". И я бы хотел реализовать эти же окна только не на JavaScript а на jQuery. Но с моими знаниями jQuery это затрудняет это сделать. Помогите кому не трудно перенести на jQuery. Спасибо за внимание!
     

    Вложения:

    • box.txt
      Размер файла:
      14,5 КБ
      Просмотров:
      9
    Последнее редактирование: 19 дек 2013
  2. Wertos

    Wertos Постоялец

    Регистр.:
    13 апр 2007
    Сообщения:
    145
    Симпатии:
    27
    http://followdesign.com/development...e-okna-s-ispolzovaniem-jquery-i-mootools.html
    вот тут огромное количество модальных окон для jQuery но можно и без них
    HTML:
    
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <style type="text/css">
    #window {
      display: none;
      position: absolute;
      top: 50%;
      left: 50%;
      background-color: #ccc;
    }
    </style>
    <script type="text/javascript">
    $(document).ready(function() {
      $("#link").bind("click", function() {
        $("#window").css("display","block");
      });
    });
    </script>
    <a href="#" id="link">Окно</a>
    <div id="window">я окно<br /><a href="#" onclick="$('#window').hide();">Закрыть</a></div>
    
    Вот будет окно, НО стилизировать ТО что будет в окне, как и само окно нужно как на VK ! Стили оттуда не трудно утащить
     
    Последнее редактирование: 19 дек 2013
  3. werkraft

    werkraft Создатель

    Регистр.:
    11 мар 2010
    Сообщения:
    32
    Симпатии:
    1
    Это я все уже просмотрел, но мне они не понравились!
     
  4. Wertos

    Wertos Постоялец

    Регистр.:
    13 апр 2007
    Сообщения:
    145
    Симпатии:
    27
    что именно не понравилось o_O Тут весь смысл в стилях только ! Какая разница какой плагин и т.д. ? Я тебе пример даже написал рабочий без плагинов...
     
  5. werkraft

    werkraft Создатель

    Регистр.:
    11 мар 2010
    Сообщения:
    32
    Симпатии:
    1
    Нужна выполнение get и post ну так далие, да и почемуто сама реализация кода мне понравилась.
     
  6. Wertos

    Wertos Постоялец

    Регистр.:
    13 апр 2007
    Сообщения:
    145
    Симпатии:
    27
    причём тут get и post ?! Да делай всё что хочешь с этим окном, я тебе привёл пример реализации модал окна, а что ты с ним будешь делать это другой вопрос ! Что у тебя там будет, селекты, кнопари, инпуты и тексареи это же ты сам будешь будешь делать
     
  7. werkraft

    werkraft Создатель

    Регистр.:
    11 мар 2010
    Сообщения:
    32
    Симпатии:
    1
    Это все понятно! Но все же помоги перевести код?
     
  8. Wertos

    Wertos Постоялец

    Регистр.:
    13 апр 2007
    Сообщения:
    145
    Симпатии:
    27
    я могу только стили выдернуть и реализовать стилизацию окна диалогового, больше я ничего не могу ибо НЕ знаю что ты там будешь делать с этими окнами
     
  9. werkraft

    werkraft Создатель

    Регистр.:
    11 мар 2010
    Сообщения:
    32
    Симпатии:
    1
    Стили и я выдернуть могу, это большого труда не составит, а вот перенести код JavaScript на jQuery. Это трудновато для меня.

     
  10. Wertos

    Wertos Постоялец

    Регистр.:
    13 апр 2007
    Сообщения:
    145
    Симпатии:
    27
    Какой код ? О чём разговор вообще идёт ? Откуда я могу знать что_ты_будешь делать с окном этим !