Полёты текста и картинок на вашей вебстранице за 5 минут с помощью NetObjectsFusion

NetObjectsFusion – профессиональный летчик, который без проблем справляеться с полетами текстов и картинок на вашей вебстранице. Ему нужно только указать направление и место посадки, остальное сделает NetObjectsFusion.



Сформулируем задание для NetObjectsFusion.
Имеем два раздельных текста. Мы хотим, чтобы при загрузки страницы текст №1 должен «прилететь» на своё место (например верхний правый угол страницы) из левого нижнего угла. При этом текст №2 при загрузки страницы не виден.

Вторая часть полёта: при нажатии мышкой на текст №1, он вылетает за пределы страницы, а рядом с ним или вместо его появляеться текст №2.

Этап 1.

Первый шаг, который нам нужно сделать это переделать текст №1 в GIF-картинку, потому что только с ней получиться коректно сложно динамическая функция с NetObjectsFusion. Текст №2 переделывать в GIF не обязательно.

Открываем NetObjectsFusion и размещаем текст №1 (gif картинку) на то место, куда он должен «прилететь».

Выделяем  текст №1 (gif картинку) мышкой, в свойствах картинки (Bild-Eigenschaften, клавиша F3) нажимаем на значок «действие» (Aktion), он похож на кнопку «пуск» от магнитофона, убираем птичку  «Objekt anfangs in Browser sichtbar» (Объект вначале виден в Browser), дальше нажимаем на плюс, для того чтобы создать новое действие.

Появляеться меню Aktion einrichten, в этом меню в поле Anlass (причина) выбираем Seitegeladen (страница загрузилась),
в поле Meldung выбираем Fliegen
вполе Parameter выбираем Nach innen von unten links
давим на Ok

Пишем текст №2 и располагаем в том месте, где он должен появиться. (Если текст №2 встает на место текста №1, нам обязательно нужно в Layout-Eigenschaften (свойства слоя) выбрать в меню HTML-Ausgabe  «Feste Seiten-Layout».



Выделяем и в его свойствах нажимаем на значок «действие» (Aktion), как было описано выше. Убираем птичку  «Objekt anfangs in Browser sichtbar» (Объект вначале виден в Browser). Тестируем первый этап, текст №1 должен прилететь на свое место, текст №2 не виден.

Этап 2

Выделяем  текст №1 (gif картинку) мышкой, в свойствах картинки (Bild-Eigenschaften, клавиша F3) нажимаем на значок «действие» (Aktion), дальже нажимаем на плюс, для того чтобы создать 2 новое действие.

 в поле Anlass (причина) выбираем Geklickt (нажато),
в поле Meldung выбираем fliegen
в поле Parameter выбираем Nach aussen oben recht
давим на Ok

Снова давим на плюс, создаем  3 действие

в поле Anlass выбираем Geklickt,
в поле Ziel (цель) выбираем наш напечатанный текст№2
в поле Meldung выбираем Anzeigen (показать)
давим на Ok

Для того чтобы скрипт коректно работал в любых браузерах нам нужно в NetObjectsFusion в Layout-Eigenschaften (свойства слоя) выбрать в меню HTML-Ausgabe  «Feste Seiten-Layout».

Автор: Константин Талалаев
Источник: Cоздание сайтов и их продвижение