Using VBScript to update content w/o page refresh

ALoPresto · July 10th, 2003, 04:34 PM

Hi. Using ASP and VBScript, I would like to update the current page's source code without refreshing the page. I have a drop down combo, and onChange runs a VBScript function. The VBScript function then stores new source code to a variable, which I would like to then insert into the page. Is there any way to do this? Currently the drop down changes, the function executes, and the page moves to a new page with only the source code which I store to the variable. I know how to use VBScript to update form fields, etc, but this isn't quite the same. If someone knows how to make this work, I'd be much obliged. Thank you.

rodmcleay · July 10th, 2003, 07:59 PM

If you only wish to change a bit of text on the page you can use the innerHTML element of a <DIV> tag.
So you have a div tag on the page with nothing in it, when the drop down changes you change the innerHTML property of the div tag to the variables contents.
I do this in Javascript and do not know the VBScript clientside code syntax off hand but it should not be to hard to find.
If you need to do more than that you may be able to use a combination of hidden div tags and innerhtml. Let us know more about what you need to do? What kend of source code? etc.
Essentially, I don't think you can change source code, but you can change whether or not you can see it, and the text within it.

ALoPresto · July 11th, 2003, 12:53 PM

Thank you much. The suggestion you gave worked beautifully. I'll post an example of the VBScript code in case anyone is curious.

Code:

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="trusant_css.css" rel="stylesheet" type="text/css">
<script language="VBScript">
sub dropdown(div)
    Execute("document.all." & div & ".innerHTML = ""<%= "this is asp" %>""") 
end sub
</script>
</head>

<body>
<a href="#" onClick="dropdown('mydiv')">Click to add text</a>
<div id="mydiv">

</div>
Other text
</body>
</html>