Sir/Maam:

Iam ryan and iam making a website for our school. but i need help on making the IFRAME  as the display for my tree view links..
 i cannot connect the tree view to the iframe/ EXTERNAL FRAME.
please help me..

thank you

P.S. If it does not work, please publish your website online and give the link.

sir,

I've tested with your project, and fixed my code - I updated the previous post, please copy-paste the code to your Code Block. Otherwise it works except that all the 3 links you have (Google, MSN and Yahoo) cannot be opened in iframes (they are made like this), you should use links to some other websites.

Use our Wiki to learn how to use openElement.

That I suggest you is very simple to do.

1. Click your TREE VIEW element to select it.

2. On the right, go to Properties, find Custom Classes, and put into it:

iframe-links

3. Click on your External page (iframe) element to select it.

4. On the right, go to Properties, find Custom Classes, and put into it:

my-iframe

5. In the Elements panel on the right, find Code Block (Source). Drag and drop it onto your page. The Code Editor will open. Choose on the top the type Javascript. Then copy the following code into it:

$(function() { $('.iframe-links').find('a').click(function(event){   var url = $(this).attr('href');     alert(url);   $('.my-iframe iframe').attr('src', url);   event.stopPropagation();   return false; }); });

6. Exit the Editor (first button on the top), select again your TREE VIEW element, and in its Properties, change the links to not use Google, MSN etc., as none of these sites allow to be opened in an iframe. Try openelement.com for example, or any other website.