Osadź ramkę iFrame na stronie
Wymóg
Po pomyślnym przesłaniu formularza wyświetl stronę internetową osadzoną jako ramka iFrame na stronie.
Przypadek użycia
Firma programistyczna oferuje wiele produktów. Gdy użytkownicy wybierają produkt, o którym chcą dowiedzieć się więcej, strona wyświetla witrynę produktu w tej samej karcie zamiast przekierowywać użytkowników na różne strony dla różnych produktów.
Kroki do naśladowania
1. Utwórz formularz z następującymi szczegółami:
Form | Form Link Name | Field Type | Field Name | Field Link Name |
Products | Products | Drop Down (with choices: CRM, Creator, Books) | Product | Product |
Phone | Phone | Phone |
2. Utwórz stronę z formularzem Produkty.
3. Dodaj fragment kodu HTML, aby dołączyć element iFrame.
4. Zapisz następujący kod we fragmencie HTML:
- <iframe name="frameName" width="1200px" height="1000px" frameborder="0" scrolling="yes"> </iframe>
Powyżej znajdują się szczegóły iFrame. Użyjemy nazwy iFrame w przepływie pracy, aby odnieść się do iFrame.
5. Utwórz przepływ pracy z następującymi szczegółami:
Wybieramy Zdarzenie formularza jako pole wprowadzone przez użytkownika, ponieważ witryna powinna być wyświetlana, gdy użytkownik wybierze opcję w polu rozwijanym.
6. Kliknij Dodaj nową akcję i dodaj następujący fragment:
- if (Product=="Creator")
- {
- openUrl(" https://www.zoho.com/creator", "iframe", "frameName");
- }
- else if (Product == "CRM")
- {
- openUrl(" https://www.zoho.com/crm", "iframe", "frameName");
- }
- else
- {
- openUrl(" https://www.zoho.com/books", "iframe", "frameName");
- }
Fragment kodu używa zadania openURL, aby otworzyć odpowiednią witrynę na podstawie wybranego produktu. Drugi parametr określa, że element iFrame musi być otwarty, a trzeci parametr odnosi się do nazwy elementu iFrame określonej wcześniej na stronie.