populate iframe src using TreeView (asp.net, javascript)

Question

4.00/5 (1 vote)

See more:

My page contains:
1- An asp:treeview nodes (item_Name,item_Id) getting data from database.
2- iframe with a link to an external page with a parameter
The user should select an item (tree node) to populate the iframe source(src) dynamically according to the selected node value (item_id).
the iframe:

ASP.NET

<iframe id="myFrame"  runat="server" 
frameborder="0" marginwidth="0" marginheight="0" border="0" src="http://www.mynextwebsite.com/default.aspx" scrolling="yes"  ></iframe>

I created javascript function to change the iframe src link .. as follows:
setframe() script:

JavaScript

function setFrameUrl(id){
newUrl = 'http://www.mynextwebsite.com/default.aspx?mykey='+ id 
document.getElementById('myFrame').src = newUrl;}

Attribute added to treeview at pageload :

C#

treeView1.Attributes.Add("SelectedNodeChanged","return setFrameUrl('" +treeView1.ClientID + "')");

my problem the <iframe> not changing with a selection!
what is the best way to do it?

Posted 14-May-12 11:46am

Member 3812793

Updated 14-May-12 11:51am

v3

Add a Solution

Comments

Steve Echols 15-May-12 0:17am

Do you get an error in FireBug console? Have you tried to put a break point in setFrameUrl function using FireBug, to see if your function is even being called?

Member 3812793 15-May-12 3:31am

Yes, for the setFrameUrl()function the firebug said:event is not defined. how to fix that?

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Steve Echols · Accepted Answer · 2012-05-15T04:30:00

Solution 1

I think you're confusing dom element events and .net events. SelectedNodeChanged is an asp.net server side event that you can handle when during a postback.

Have a look at this article: ASP.NET TreeView Control & the Client's Browser[^]

Posted 15-May-12 4:30am

Steve Echols