One Link changes Two Iframes

Do you want to share WYSIWYG Web Builder tips, tricks, tutorials or useful HTML code? You can post it here...
(no questions or problems please, this section is not monitored by support).
Forum rules
This section is to share tips, tricks and tutorials related to WYSIWYG Web Builder.
Please do not post questions or problems here. They will not be answered.

PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
Post Reply
User avatar
kees
 
Posts: 48
Joined: Mon May 23, 2005 7:36 pm
Location: Soest - NL

One Link changes Two Iframes

Post by kees »

This article describes how one Link can change the contents of two Inline Frames. The link can be a text link, an image link, a menu link, in short: any type of link.

1. Bring up the Page HTML dialog, select Between Head Tag and insert::

Code: Select all

<script type="text/javascript"> 
function change_frames(url1,url2) {
  window.open(url1,'InlineFrame1');
  window.open(url2,'InlineFrame2');
}
</script>
'InlineFrame1' and 'InlineFrame2' are the default names. Please change these Iframe names to your situation.

2. Bring up the concerning Link dialog and change it to:
- Link to: Web Site
- URL: javascript:change_frames('page3.html','page4.html')
- Target: Open in the same browser window

'page3.html' and 'page4.html' are fancy pages. Please change these Page names to your situation.

Download the example here.
User avatar
bry
 
 
Posts: 176
Joined: Fri Jan 11, 2008 8:44 pm

Post by bry »

Thank you Kees. That is interesting. I never would have thought of that.

thanks again!
Post Reply