Solved

Display Image on a condition

Posted on 2004-09-01

1 solution

211 Views

Last Modified: 2012-06-27

Hello
I have some scanned signature images in a folder. My Asp Page has a Selection Box with some names.I want to display the scanned signature image in the ASP page depending on the user selecting the name.Also can I submit that image to another page through a form?
Thanks
Venu

Comment

Question by:venukalikota

[X]

Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

Help others & share knowledge
Earn cash & points
Learn & ask questions

Join The Community

14 Comments

LVL 4

Expert Comment

by:MrClean21

ID: 119526022004-09-01

Hi venukalikota,

You can do it with javascript like :

<select id='Name' onchange='changeImage(this)'>
...
</select>

<script>
function changeImage(elem) {
sign = document.getElementById("signature");
sign.src = "http://www.com/images/" + elem.value() + ".jpg";
}
</script>

To pass the value to another page, just set the value of an hidden field to the selected name.

MrClean

Author Comment

by:venukalikota

ID: 119541462004-09-01

MrClean21
Do you know how to do this in VbScript? If i use the above code iam getting the error "Object does not support this property or method" when I select a name from the select box

LVL 4

Expert Comment

by:MrClean21

ID: 119548552004-09-01

Sorry,

Here's the good one..

function changeImage(elem) {
sign = document.getElementById("signature");
sign.src = "http://www.com/images/" + elem.value + ".jpg";
}

in VBScript, it looks like this :

function changeImage(elem)
sign = document.getElementById("signature");
sign.src = "http://www.com/images/" + elem.value + ".jpg";
end function

Author Comment

by:venukalikota

ID: 119554042004-09-01

Gives the error
Char: 2
Error: Object does n't support this property or method: 'elem.value'
code: 0

Further help would be appreciated
Thanks

LVL 4

Expert Comment

by:MrClean21

ID: 119559232004-09-01

venukalikota,

using vbscript, you should reference the function like

<select id='Name' onchange='changeImage(me)'>

function changeImage(elem)
set sign = document.getElementById("signature")
sign.src = "http://www.com/images/" + elem.value + ".jpg"
end function

with an image with an id of signature like :

<img id="signature" src="blank.jpg">

Author Comment

by:venukalikota

ID: 119563462004-09-01

Image tag has the id ="signature". That does n't work

LVL 4

Expert Comment

by:MrClean21

ID: 119572152004-09-01

here's the complete test page that works for me :

<html>
<body>
<script language="vbscript">
function test(elem)

msgbox elem.value

set sign = document.getElementById("signature")
sign.src = "http://www.com/images/" + elem.value + ".jpg"

end function
</script>

<select id="sel" onchange="test(me)">
      <option></option>
      <option value="1">1</option>
      <option value="2">3</option>
      <option value="3">4</option>
</select>

<img id="signature" src="">
</body>
</html>

Author Comment

by:venukalikota

ID: 119578292004-09-01

My code looks like this and does not seem to work. Getting Type Mismatch error.it will not display the msgbox. If i remove the signature it gives the error "object required: 'sign' ". I have also tried using elem.value. It gives the error "object does not support this method or property: 'elem.value'

<%
Function getSupName()
      rs.Open cn.Execute("SELECT RFullName, RFirst, RLast FROM Resources WHERE RInactive = 0 AND (InstSup = 1) AND (EntityCode = 'SE')ORDER BY RFullName")
      image = CStr(rs.Fields("RLast"))
Response.Write("<select id=InstSupName name=InstSupName onchange='changeImage(image)' title='Select Supervisor' style='FONT-FAMILY: verdana'>")
      Do Until rs.EOF
      Response.Write("<option value='" & rs.Fields("RFullName") & "'>" & rs.Fields("RFullName") & "</option>")
      rs.moveNext
      Loop
      Response.Write("</select>")
End Function
%>

<html>
<head>
<script ID="clientEventHandlersVBS" LANGUAGE="vbscript">

</script>

</head>
<form id="FORM1" method="post" name="FORM1">
<body>
<table align="center" border="0" cellPadding="1" cellSpacing="1" width="100%" height="25%" valign="center" background tabIndex="0" >
<tr>
<td colSpan="2">
<p align="left">      Installation REP:
                  <%=getSupName()%>
              </p><td colSpan="2">
              <img id="signature" name="signature" src="../ASP/Chris.bmp" height=50 width=200>
              </td>
</tr>
</table>
</body>
</form>
</html>

LVL 4

Accepted Solution

by:MrClean21

MrClean21 earned 250 total points

ID: 119578892004-09-01

Hi,

This code should work:

<%
Function getSupName()
rs.Open cn.Execute("SELECT RFullName, RFirst, RLast FROM Resources WHERE RInactive = 0 AND (InstSup = 1) AND (EntityCode = 'SE')ORDER BY RFullName")
image = CStr(rs.Fields("RLast"))
Response.Write("<select id=InstSupName name=InstSupName onchange='changeImage(me)' title='Select Supervisor' style='FONT-FAMILY: verdana'>")
Do Until rs.EOF
Response.Write("<option value='" & rs.Fields("RFullName") & "'>" & rs.Fields("RFullName") & "</option>")
rs.moveNext
Loop
Response.Write("</select>")
End Function
%>

<html>
<head>
<script ID="clientEventHandlersVBS" LANGUAGE="vbscript">

</script>

</head>
<form id="FORM1" method="post" name="FORM1">
<body>
<table align="center" border="0" cellPadding="1" cellSpacing="1" width="100%" height="25%" valign="center" background tabIndex="0" >
<tr>
<td colSpan="2">
<p align="left">      Installation REP:
<%=getSupName()%>
</p><td colSpan="2">
<img id="signature" name="signature" src="../ASP/Chris.bmp" height=50 width=200>
</td>
</tr>
</table>
</body>
</form>
</html>

You must send the dropdown to the function.

MrClean

Author Comment

by:venukalikota

ID: 119580502004-09-01

I changed the code the msgbox displays correctly but
Still gives the error "Object Required: 'sign' ". I think it is some how not considering the signature as an object on the form.

LVL 4

Expert Comment

by:kssaran

ID: 119602042004-09-01

This works fine

<%
      strConn = "Provider=SQLOLEDB; "
      strConn = strConn & "Data Source=Atlas; "
      strConn = strConn & "Initial Catalog=tms; "
      strConn = strConn & "User Id=leaveuser; "
      strConn = strConn & "Password=userleave"
set cn = server.createobject("adodb.connection")
set objRs = server.createobject("adodb.connection")

Function getSupName()
       cn.open strConn
       strSql = "SELECT RFullName, RFirst, RLast FROM Resources WHERE RInactive = 0 AND (InstSup = 1) AND (EntityCode = 'SE') ORDER BY RFullName"
set objRs = cn.Execute(strSql)
' image = CStr(objRs.Fields("RLast"))
Response.Write("<select id=InstSupName name=InstSupName onchange='changeImage(this)' title='Select Supervisor' style='FONT-FAMILY: verdana'>")
Do Until objRs.EOF
            Response.Write("<option value='" & objRs.Fields("RFullName") & "'>" & objRs.Fields("RFullName") & "</option>")
       objRs.moveNext
Loop
Response.Write("</select>")
End Function
%>

<html>
<head>
<script LANGUAGE="javascript">

</script>

</head>
<form id="FORM1" method="post" name="FORM1">
<body>
<table align="center" border="0" cellPadding="1" cellSpacing="1" width="100%" height="25%" valign="center" background tabIndex="0" >
<tr>
<td colSpan="2">
<p align="left">      Installation REP:
<%=getSupName()%>
</p><td colSpan="2">
<img id="signature" name="signature" src="../ASP/Chris.bmp" height=50 width=200>
</td>
</tr>
</table>
</body>
</form>
</html>

LVL 4

Expert Comment

by:MrClean21

ID: 119628072004-09-02

Since the sign is the object of the image tag, you must use set :

set sign = document.getElementById("signature")
sign.src = "../ASP/" + elem + ".bmp"

MrClean

Author Comment

by:venukalikota

ID: 119727432004-09-03

Thank you very much MrClean. Works everything fine now. I appreciate your great help.

LVL 4

Expert Comment

by:MrClean21

ID: 119727512004-09-03

It's been a pleasure to help you.

Featured Post

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Speeding up the web

Article by: kevp75

I recently decide that I needed a way to make my pages scream on the net. While searching around how I can accomplish this I stumbled across a great article that stated "minimize the server requests." I got to thinking, hey, I use more than one…

Classic ASP script for Pausing a script, without sending the CPU to 100%

Article by: G_H

Have you ever needed to get an ASP script to wait for a while? I have, just to let something else happen. Or in my case, to allow other stuff to happen while I was murdering my MySQL database with an update. The Original Issue This was written…

Network monitoring: how to automate fixing common network or server issues?

Video by: AdRem

Michael from AdRem Software outlines event notifications and Automatic Corrective Actions in network monitoring. Automatic Corrective Actions are scripts, which can automatically run upon discovery of a certain undesirable condition in your network.…

How To Make a Graph with Microsoft Access

Video by: crystal

Do you want to know how to make a graph with Microsoft Access? First, create a query with the data for the chart. Then make a blank form and add a chart control. This video also shows how to change what data is displayed on the graph as well as form…