Совет [WEB] Полезные "секреты" до которых мало кто догадывался.

[WCRAFT]

В данной статье я хочу вам рассказать разные возможности, которые мало кто использует.
​

1. Перенаправление фрейма.

Был сначала фрейм содержимое которого было по адресу news1.html, а потом нажали на кнопку и он уже стал по адресу news2.html. Для этого можно использовать метод target, но что-бы он работал правильно нам необходимо назвать фрейм именем. Пример:

Фрейм:

<iframe name="имя" src="news1.html" width="ширина" height="высота"></iframe>

Ссылка:

 <a href="news2.html" target="имя фрейма">news2</a>

Вот и всё.

2. Создание modal окна.
Модельные окна можно делать по разному, но я покажу наверное самый простой способ.

1. Скачиваем к примеру bootstrap. (Правая кнопка > сохранить как...)
2. Скачиваем js библиотеку вывода окон. (Правая кнопка > сохранить как...)
3. Импортируем их в шаблон.
   

   <link rel="stylesheet" type="text/css" href="bootstrap.css" />
   <script src="/bootstrap.js"></script>

4. Вставлем рядом с тэгом <head>:
   

   <div id='id окна" class="modal hide fade" style="display: none;">
               <div class="modal-header">
           <b>
               Название окна
           </b>
           <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
               X
           </button>
           <div class="right">
           </div>
       </div>
   Тут содержимое окна
       </div>

5. А теперь ссылка для вызова окна:
   

   <a href="#id окна" data-toggle="modal">
                     Текст
                   </a>

Пишите что ещё сделать, обязательно покажу.

 

[AlexMerser]

Посмотреть вложение 18101
В данной статье я хочу вам рассказать разные возможности, которые мало кто использует.
​

1. Перенаправление фрейма.

Был сначала фрейм содержимое которого было по адресу news1.html, а потом нажали на кнопку и он уже стал по адресу news2.html. Для этого можно использовать метод target, но что-бы он работал правильно нам необходимо назвать фрейм именем. Пример:

Фрейм:

<iframe name="имя" src="news1.html" width="ширина" height="высота"></iframe>

Ссылка:

 <a href="news2.html" target="имя фрейма">news2</a>

Вот и всё.

2. Создание modal окна.
Модельные окна можно делать по разному, но я покажу наверное самый простой способ.

1. Скачиваем к примеру bootstrap. (Правая кнопка > сохранить как...)
2. Скачиваем js библиотеку вывода окон. (Правая кнопка > сохранить как...)
3. Импортируем их в шаблон.
   

   <link rel="stylesheet" type="text/css" href="bootstrap.css" />
   <script src="/bootstrap.js"></script>

4. Вставлем рядом с тэгом <head>:
   

   <div id='id окна" class="modal hide fade" style="display: none;">
               <div class="modal-header">
           <b>
               Название окна
           </b>
           <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
               X
           </button>
           <div class="right">
           </div>
       </div>
   Тут содержимое окна
       </div>

5. А теперь ссылка для вызова окна:
   

   <a href="#id окна" data-toggle="modal">
                     Текст
                   </a>

Пишите что ещё сделать, обязательно покажу.

Запрет рипа(100% конечно же нет). Прикручивание шаблонизатора к скриптам

 

[Cyber Owl]

Ничего полезного.
Тот же гайд с модальными окнами взят с bootstrap-ru.

Запрет рипа(100% конечно же нет).

Невозможно

Прикручивание шаблонизатора к скриптам

Ват, каким скриптам? Зачем им шаблонизатор?

 

[AlexMerser]

Ничего полезного.
Тот же гайд с модальными окнами взят с bootstrap-ru.

Невозможно

Ват, каким скриптам? Зачем им шаблонизатор?

отделять логику от отображения, не?

 

[Cyber Owl]

отделять логику от отображения, не?

Я Вас не совсем понимаю, если честно.
Первое что мне пришло в голову
http://jsfiddle.net/

 

[AlexMerser]

Я Вас не совсем понимаю, если честно.
Первое что мне пришло в голову
http://jsfiddle.net/

Я про php говорил.