473,407 Members | 2,326 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,407 software developers and data experts.

How could I change the NavigateUrl property at runtime based on another controls property ?

Hi, I have a "select" control named "cboSelectScorecardType", defined
as

<select id="cboSelectScorecardType"
size="1"
runat="server">
</select>

which shows a list of files on my drive. It does not post back, nor do
I want it to. After the user selects a document in the combo, I want a
hyperlink defined in the same page as

<asp:HyperLink
Target="_blank"
NavigateUrl="javascript:Concat();"
ID="cmdOpenScorecardPreview"
Text="here"
runat="server">
</asp:HyperLink>

to have the NavigateURL property set to whatever the combo points to,
so that the user can click on it to preview the document selected in
the combo, so therefore I tried to use this:

function MyConcat()
{
return String.Concat(
"~",
"\Scorecard Previews\",

cboSelectScorecardType.Items(cboSelectScorecardTyp e.SelectedIndex).ToString,

".doc"
);
}

I confess I don't really know JavaScript.

What am I doing wrong ? Is there a simpler way to do this ? There is no
server event I can write my code into...

Thanks, Alex

Jan 24 '07 #1
2 10810
Hi, Milosz, it works great, thank you very much !

:-)) raduspage.aspx... Cute :-))

I read the code, I translated it (mentally) from C# to VB (I don't know
much C#), and it makes sense.

However, I have one question: It says "OnChange is not a valid
attribute of element DropDownList" - however, hmmmmm, it works.

Thanks again - I'll work now on translating it into VB and
incorporating it into my program.

Alex (or.... Radu) :-))
On Jan 24, 10:47 am, Milosz Skalecki [MCAD] <mily...@REMOVEITwp.pl>
wrote:
Hi radu,

I see you don't quite understand the asp.net concept as you're mixing server
and client sides. But don't worry, i created a simple example to help you
with dynamic document previewing. Example consists of two pages, one
containing combo box for selecting word document, and second, which displays
the document. Please note you have to populate combo box with file names
users can preview (i.e. using system.IO.File.GetFiles() method)

-- begin raduspage.aspx html code --

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RadusPage.aspx.cs"
Inherits="RadusPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:DropDownList runat="server" ID="fileList" onchange="previewFile(this)">
<asp:ListItem Text="Please select a file"/>
<asp:ListItem Text="file1.doc"/>
<asp:ListItem Text="file2.doc"/>
<asp:ListItem Text="file3.doc"/>
</asp:DropDownList>
</div>

<div style="padding: 10px; border: solid 1px black; width: 500px;
height: 350px">
<iframe src="preview.aspx" runat="server" id="viewer"
frameborder="0"></iframe>
</div>

<script language="javascript">
//<!--
function previewFile(cbo)
{
var index = cbo.selectedIndex;
// first item is ' please select...'
if (index 0)
{
var ifr = document.getElementById('<%=viewer.ClientID %>');
ifr.src = 'preview.aspx?file=' + escape(cbo.options[index].text);
}
}
//-->
</script>

</form>
</body>
</html>
-- end --

Second apsx page: Remove all html code from this page - leave

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="preview.aspx.cs"
Inherits="preview" %>

only

-- begin preview.aspx c# code behind --

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class preview : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string value = Request.QueryString["file"];

if (String.IsNullOrEmpty(value))
{
Response.Write("File has not been selected yet.");
}
else
{
AttachFile(value);
}
}

private void AttachFile(string file)
{
// i put my example word files in application's root directory
file = Server.MapPath("~/" + file);

if (System.IO.File.Exists(file))
{
// determine the MIME content type i.e. using extension
// for word documents MIME type equals : application/msword
Response.ContentType = "application/msword";
Response.WriteFile(file);
}
else
{
Response.Write("File cannot be found");
}

Response.End();
}

}-- end c# code

Hope this helps
Milosz

"Radu" wrote:
Hi, I have a "select" control named "cboSelectScorecardType", defined
as
<select id="cboSelectScorecardType"
size="1"
runat="server">
</select>
which shows a list of files on my drive. It does not post back, nor do
I want it to. After the user selects a document in the combo, I want a
hyperlink defined in the same page as
<asp:HyperLink
Target="_blank"
NavigateUrl="javascript:Concat();"
ID="cmdOpenScorecardPreview"
Text="here"
runat="server">
</asp:HyperLink>
to have the NavigateURL property set to whatever the combo points to,
so that the user can click on it to preview the document selected in
the combo, so therefore I tried to use this:
function MyConcat()
{
return String.Concat(
"~",
"\Scorecard Previews\",
cboSelectScorecardType.Items(cboSelectScorecardTyp e.SelectedIndex).ToString*,
".doc"
);
}
I confess I don't really know JavaScript.
What am I doing wrong ? Is there a simpler way to do this ? There is no
server event I can write my code into...
Thanks, Alex- Hide quoted text -- Show quoted text -
Jan 24 '07 #2
Hi again Radu,

Parser error "OnChange is not a valid attribute of element DropDownList" is
caused by the fact DropDownControl doesn’t have such property, but it will be
rendered as expected in representing HTML code (as you may know dropdownlist
renders as <selecthtml tag). Such trick is allowed and it’s called
“expando”. You can of course avoid it, removing OnChange=”” attribute from
DropDownList and add it programmatically onpageload event handler:

cboSelectScorecardType.Attributes["onchange"] = "previewFile(this)"

Regards

Milosz

"Radu" wrote:
Hi, Milosz, it works great, thank you very much !

:-)) raduspage.aspx... Cute :-))

I read the code, I translated it (mentally) from C# to VB (I don't know
much C#), and it makes sense.

However, I have one question: It says "OnChange is not a valid
attribute of element DropDownList" - however, hmmmmm, it works.

Thanks again - I'll work now on translating it into VB and
incorporating it into my program.

Alex (or.... Radu) :-))
On Jan 24, 10:47 am, Milosz Skalecki [MCAD] <mily...@REMOVEITwp.pl>
wrote:
Hi radu,

I see you don't quite understand the asp.net concept as you're mixing server
and client sides. But don't worry, i created a simple example to help you
with dynamic document previewing. Example consists of two pages, one
containing combo box for selecting word document, and second, which displays
the document. Please note you have to populate combo box with file names
users can preview (i.e. using system.IO.File.GetFiles() method)

-- begin raduspage.aspx html code --

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RadusPage.aspx.cs"
Inherits="RadusPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:DropDownList runat="server" ID="fileList" onchange="previewFile(this)">
<asp:ListItem Text="Please select a file"/>
<asp:ListItem Text="file1.doc"/>
<asp:ListItem Text="file2.doc"/>
<asp:ListItem Text="file3.doc"/>
</asp:DropDownList>
</div>

<div style="padding: 10px; border: solid 1px black; width: 500px;
height: 350px">
<iframe src="preview.aspx" runat="server" id="viewer"
frameborder="0"></iframe>
</div>

<script language="javascript">
//<!--
function previewFile(cbo)
{
var index = cbo.selectedIndex;
// first item is ' please select...'
if (index 0)
{
var ifr = document.getElementById('<%=viewer.ClientID %>');
ifr.src = 'preview.aspx?file=' + escape(cbo.options[index].text);
}
}
//-->
</script>

</form>
</body>
</html>
-- end --

Second apsx page: Remove all html code from this page - leave

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="preview.aspx.cs"
Inherits="preview" %>

only

-- begin preview.aspx c# code behind --

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class preview : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string value = Request.QueryString["file"];

if (String.IsNullOrEmpty(value))
{
Response.Write("File has not been selected yet.");
}
else
{
AttachFile(value);
}
}

private void AttachFile(string file)
{
// i put my example word files in application's root directory
file = Server.MapPath("~/" + file);

if (System.IO.File.Exists(file))
{
// determine the MIME content type i.e. using extension
// for word documents MIME type equals : application/msword
Response.ContentType = "application/msword";
Response.WriteFile(file);
}
else
{
Response.Write("File cannot be found");
}

Response.End();
}

}-- end c# code

Hope this helps
Milosz

"Radu" wrote:
Hi, I have a "select" control named "cboSelectScorecardType", defined
as
<select id="cboSelectScorecardType"
size="1"
runat="server">
</select>
which shows a list of files on my drive. It does not post back, nor do
I want it to. After the user selects a document in the combo, I want a
hyperlink defined in the same page as
<asp:HyperLink
Target="_blank"
NavigateUrl="javascript:Concat();"
ID="cmdOpenScorecardPreview"
Text="here"
runat="server">
</asp:HyperLink>
to have the NavigateURL property set to whatever the combo points to,
so that the user can click on it to preview the document selected in
the combo, so therefore I tried to use this:
function MyConcat()
{
return String.Concat(
"~",
"\Scorecard Previews\",
cboSelectScorecardType.Items(cboSelectScorecardTyp e.SelectedIndex).ToString*,
".doc"
);
}
I confess I don't really know JavaScript.
What am I doing wrong ? Is there a simpler way to do this ? There is no
server event I can write my code into...
Thanks, Alex- Hide quoted text -- Show quoted text -

Jan 25 '07 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
by: Chuck Ritzke | last post by:
Hi, I've searched the newsgroup and other sources to understand how to handle runtime controls and see I'm not the only one who's confused, but I'm still not quite sure of the best way to handle...
7
by: Shimon Sim | last post by:
I have a custom composite control I have following property
2
by: Joel D Kraft | last post by:
I'm using controls in my ASP.NET application from a couple of vendors. Between the vendors and thier versioning, I've set up subfolders under my bin directory: bin bin\Infragistics\v5.2...
3
by: euan | last post by:
Hey guys, I am just playing around with asp.net 2.0 and I was reading about the image control (for mobile designer) and thought that would be handy. So I have created: Do While...
1
by: jeanluc.praz | last post by:
I created a user control containing containing a few hyperlinks. How can I change the NavigateUrl inside the user control ? So far I did the following: 1) In the custom control Public...
5
by: Vear | last post by:
Sorry, very Newbie question here. I don't know what I'm doing wrong. I have to use a <asp:hyperlink> to go to another page. I want to pick up the value in a text box. This is what I've tried and It...
6
by: eswanson | last post by:
In jscript, I would like to be able to set the href attribute of the anchor element. I have a aspnet:hyperlink button on the page, but I would like to be able to set the href attribute of this...
5
by: Joe | last post by:
Is there anyway to change the name or add a property to and existing class in .NET 1.1? For example if I have a property called Name and I want to change it to MyName. -Joe
5
by: TS | last post by:
I have a custom textbox that i need to access a label's text property. the label and textbox are 2 separate controls that will be on my page. Inside my custom control i want to have access to this...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development projectplanning, coding, testing,...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.