Блог  |   Карта сайта  |   Поиск  |   Language:  eng рус
Главная
Ajax GUI FrameworkПримерыXHTML 1.0 элементы

SPI навигация

В данном примере подгрузка фрагмента содержимого происходит без перегрузки страницы (асинхронно, в фоновом режиме). Подобная техника может быть полезна, например, при подгрузке фрагмента дерева, или тела сообщения, при этом не нагружая сервер лишней работой по созданию всей страницы целиком.

Исходный код

<script type="application/ample+xml"> <p> <a href="/share/examples/xhtml/content1.xml" target="#example_navigation">ссылка 1</a> :: <a href="/share/examples/xhtml/content2.xml" target="#example_navigation">ссылка 1</a> :: <a href="/share/examples/xhtml/content3.xml" target="#example_navigation">ссылка 3</a> </p> <div id="example_navigation"></div> </script>

SPI отправка формы

В данном примере отправка формы происходит без перегрузки страницы, ее содержащей. В случае формы для голосования, данный прием может сэкономить трафик и время реакции интерфейса.

Исходный код

<script type="application/ample+xml" xmlns:aml="http://www.amplesdk.com/ns/aml"> <form action="../form/" method="POST" target="#example_form"> <table> <tbody> <tr> <td style="width:60px">Имя</td> <td><input type="text" name="Name" value="Михаил"/></td> </tr> <tr> <td style="vertical-align:top">Пол</td> <td> <input type="radio" name="Sex" id="male" value="Мужчина" checked="checked"/> <label for="male">Мужчина</label><br /> <input type="radio" name="Sex" id="female" value="Женщина" /> <label for="female">Женщина</label> </td> </tr> <tr> <td></td> <td><input type="submit" value="Отправить"/></td> </tr> </tbody> </table> </form> <br /> <div id="example_form"></div> </script>