Fri, 2011-04-22 07:27
I have an array of images, when the user clicks an image, the form gets submited.
the problem is I am able to see a block (where the image lies) and on submission the selected file name appears (in the attachment, i have selected 2806.gif, and it is shown on top. but as u can see the image is just a block.
thanks in advance.
CSS:
input.submit1 {border:0;text-indent:-999em;line-height:3000;height: 15px;width: 15px;margin-right:5px;}
.response {float: left;width: 100px;}
For i=1 To UBound(fname2) image_option = "<input type='submit' class='submit1' name='submit' value='" image_option = image_option & fname2(i) image_option = image_option & "' style='background-image:url(" image_option = image_option & fname2(i) image_option = image_option & ") no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>" response.write image_option response.write i & fname2(i) 'response.write PicArray(item) Next
| Attachment | Size |
|---|---|
| error.jpg | 40.18 KB |
Fri, 2011-04-22 14:08
#1
Are your images and styles in
Are your images and styles in the same folder?
Mon, 2011-04-25 11:25
#2
yes
yes
| Attachment | Size |
|---|---|
| register.txt | 8.08 KB |
Mon, 2011-04-25 12:21
#3
What is that text file
What is that text file supposed to show us other than you're using ASP.old? Could you show a link or at least the rendered markup.
Sun, 2011-05-01 14:37
#4
attaching the screenshot
attaching the screenshot
| Attachment | Size |
|---|---|
| error.jpg | 29.99 KB |
Sun, 2011-05-01 19:14
#5
Verschwindende wrote: ...
... Could you show a link or at least the rendered markup.
Mon, 2011-05-02 05:00
#6
here is the code and the
here is the code and the result page is attached in my previous post. Sorry, I'm not able to provide a link
<%@ Language=VBScript %> <!--#include file="includes/connect.asp"--> <!-- #include file="freeaspupload.asp" --> <% username= Request.Form("uid") password= Request.Form("pwd") email= Request.Form("emailid") selected_image= Request.Form("submit") response.write selected_image set FSO = Server.CreateObject("Scripting.FileSystemObject") Set PicsFolder = FSO.GetFolder(Server.MapPath("/wah/smileys/")) Set ThumbsFolder = FSO.GetFolder(Server.MapPath("/wah/smileys/")) Dim fname2 For each i In PicsFolder.Files PicArray = PicArray & i.Name & "|" fname=i.name fname1=fname1&","&fname 'response.write fname Next 'PicArray = left(PicArray,len(PicArray)-1) 'trims off the trailing "|" PicArray1 = split(PicArray,"|") 'create the <strong class="highlight">array</strong> fname2=Split(fname1,",") For Each item In picarray1 'response.write picarray1(item) Next For i=0 To UBound(fname2) 'response.write fname2(i) next ' response.write picarray set FSO = nothing set PicsFolder = nothing set ThumbsFolder = nothing %> <% gmt = getGMT() ' show the time as returned from JS function: 'Response.Write "Time returned from JS function: <B>" & gmt & "</B><P>" ' strip off the day of the week gmt = Mid( gmt, 5 ) ' strip off the "UTC" gmt = Left( gmt, Len(gmt) - 4 ) ' show the string that is left: 'Response.Write "Time after stripping: <B>" & gmt & "</B><P>" ' try to convert that to a VBScript datetime value: vbsGMT = CDate( gmt ) ' and then display the VBS value in all its glory: 'Response.Write "VBS version of that time: <B>" _ '& FormatDateTime( vbsGMT, vbLongDate ) & " " _ '& FormatDateTime( vbsGMT, vbLongTime ) & "</B><P>" ' convert to Indian time: istTime = DateAdd( "n", 330, vbsGMT ) ' and display that: 'Response.Write "IST time: <B>" _ '& FormatDateTime( istTime, vbLongDate ) & " " _ '& FormatDateTime( istTime, vbLongTime ) & "</B><P>" new_dt=FormatDateTime(istTime,vbShortdate) new_time=FormatDateTime(istTime,vbLongtime) %> <% Function AccessDate(dateandtime) Dim myDay Dim myMonth Dim myYear myDay = Day(dateandtime) If Len(myDay)=1 Then myDay="0" & myDay myMonth = Month(dateandtime) If Len(myMonth)=1 Then myMonth="0" & myMonth myYear = Year(dateandtime) AccessDate = myYear & "-" & myMonth & "-" & myDay End Function %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style> input.submit1 {border:0;text-indent:-999em;line-height:3000;height: 15px;width: 15px;margin-right:5px;} .response {float: left;width: 100px;} </style> <SCRIPT Language="JScript" RUNAT="Server"> function getGMT( ) { return ( new Date() ).toUTCString(); } </SCRIPT> <script> function clll() { //document.frmSend.f_nam.value=<%=request.querystring("img")%>; document.frmSend.fval.value=f_val; fil=document.getElementById("f_nam").value; ud=document.getElementById("uid").value; pd=document.getElementById("pwd").value; //alert(fil); alert(ud); alert(pd); alert(f_nam); document.frmSend.submit(); // self.location='result.asp?finam='+fil+'usr='+ud+'pwdd='+pd; } function onSubmitForm() { var reason = ""; var formDOMObj = document.frmSend; reason += validateEmpty(formDOMObj.uid); reason += validateEmpty(formDOMObj.pwd); // reason += validateEmpty(formDOMObj.attach1); reason += validateEmail(formDOMObj.emailid); if (reason != "") { alert("Data Missing...\n" + reason); return false; } return true; } function validateEmpty(fld) { var error = ""; if (fld.value.length == <img src="https://csscreator.com/sites/all/modules/smileys/packs/Roving/innocent.png" title="Innocent" alt="Innocent" class="smiley-content" /> { fld.style.background = '#C8B560'; error = " "; } else { fld.style.background = 'White'; } return error; } function validateEmpty1(fld) { var error = ""; if (fld.value.length == <img src="https://csscreator.com/sites/all/modules/smileys/packs/Roving/innocent.png" title="Innocent" alt="Innocent" class="smiley-content" /> { fld.style.background = '#C8B560'; error = " "; } else { // fld.style.background = 'White'; } return error; } function trim(s) { return s.replace(/^\s+|\s+$/, ''); } function validateEmail(fld) { var error=""; var tfld = trim(fld.value); // value of field with whitespace trimmed off var emailFilter = /^[^@]+@[^@.]+\.[^@]*\w\w$/ ; var illegalChars= /[\(\)\<\>\,\;\:\\\"\[\]]/ ; if (fld.value == "") { fld.style.background = '#C8B560'; error = " "; } else if (!emailFilter.test(tfld)) { //test email for illegal characters fld.style.background = '#C8B560'; error = "Please enter a valid email address.\n"; } else if (fld.value.match(illegalChars)) { fld.style.background = '#C8B560'; error = "The email address contains illegal characters.\n"; } else { fld.style.background = 'White'; } return error; } </script> <!-- <LINK REL="stylesheet" HREF="stylesheet1.css" TYPE="text/css"> --> </head> <BODY width=100% LINK=#ccbc6d VLINK=#ccbc6d ALINK=#ccbc6d bgcolor=#ccbc6d> <a name="tickpos"> </a> <div id="ticktext" style="position:absolute;font-family:verdana;font-size:14pt;color:brown;visibility:hidden;"> </div> <!-- <table valign=top border=0 width=100% cellspacing=0 cellpadding=0 bgcolor="#ffae00"> --> <table valign=top align=left border=0 width=100% cellspacing=0 cellpadding=0 bgcolor=#ccbc6d> <tr><td align=left><img src="images/logo22.gif"></font></td> <td align=center bgcolor=#ccbc6d><font face='orange clock' size=7 color="white"> Hub</font></td> <td align=right><a href="#"><img src="images/home.gif" alt="It's my Home" onClick="window.location.href='home.asp';return false"></a> <a href="#"><img src="images/hub.gif" alt="My HUB" onClick="window.location.href='myhub.asp';return false"></a><a href="#"><img src="images/qn.gif" alt="I've a Question" onClick="window.location.href='question.asp';return false"></a><a href="#"><img src="images/join.gif" alt="Want to Join" onClick="window.location.href='register.asp';return false"></a></td></tr> <tr><td colspan=3 align=left><B><font face=arial size=3> <i>Share your knowledge and spread the wisdom around you</i></b></font></td></tr> <tr><td colspan=3> </td></tr> <tr><td colspan=3> </td></tr> <tr><td colspan=3> </td></tr> <tr><td colspan=3> <table width=40% align=center border=1 cellspacing=0 cellpadding=0> <form name="frmSend" method="POST" action="reg_img.asp" > <tr><td align=center colspan=2><B><font face=verdana size=3>WAH Registration Form</font></B> </td></tr> <tr><td colspan=3> </td></tr> <tr><td colspan=3 align=center><font color=brown><%=msg%></font></td></tr> <tr><td><font face=verdana size=2><B>UserName</B></font> </td><td><input type=text name=uid maxlength='10' size=10 class="red"></td></tr> <tr><td><font face=verdana size=2><B>Password</B></font> </td><td><input type=password name=pwd maxlength='10' class='red' size=10 </td></tr> <tr><td><font face=verdana size=2><b>Email ID</B></font></td><td><input type=text name=emailid size=50 class=red></td></tr> <TR><TD><font face=verdana size=2><B>Upload your Smiley</B></td><td> <!-- <input name="attach1" type="file" size=35> --> <% For i=1 To UBound(fname2) image_option = "<input type='submit' class='submit1' name='submit' value='" image_option = image_option & fname2(i) image_option = image_option & "' style='background-image:url(" image_option = image_option & fname2(i) image_option = image_option & ") no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>" response.write image_option response.write i & fname2(i) 'response.write PicArray(item) Next %> </td> </tr> </td></table> </form> </html>
Mon, 2011-05-02 05:17
#7
Sankari, when we ask for the
Sankari, when we ask for the markup, we mean the html as is sent to the browser. Since you don't have the page on a public facing server, open the page in your browser, view source, and copy/paste that to your post. The server-side scripting is of no value to us.
cheers,
gary
Tue, 2011-05-03 05:11
#8
<!DOCTYPE HTML PUBLIC
here is the markup...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style> input.submit1 {border:0;text-indent:-999em;line-height:3000;height: 15px;width: 15px;margin-right:5px;} .response {float: left;width: 100px;} </style> <script> function clll() { //document.frmSend.f_nam.value=; document.frmSend.fval.value=f_val; fil=document.getElementById("f_nam").value; ud=document.getElementById("uid").value; pd=document.getElementById("pwd").value; //alert(fil); alert(ud); alert(pd); alert(f_nam); document.frmSend.submit(); // self.location='result.asp?finam='+fil+'usr='+ud+'pwdd='+pd; } function onSubmitForm() { var reason = ""; var formDOMObj = document.frmSend; reason += validateEmpty(formDOMObj.uid); reason += validateEmpty(formDOMObj.pwd); // reason += validateEmpty(formDOMObj.attach1); reason += validateEmail(formDOMObj.emailid); if (reason != "") { alert("Data Missing...\n" + reason); return false; } return true; } function validateEmpty(fld) { var error = ""; if (fld.value.length == <img src="https://csscreator.com/sites/all/modules/smileys/packs/Roving/innocent.png" title="Innocent" alt="Innocent" class="smiley-content" /> { fld.style.background = '#C8B560'; error = " "; } else { fld.style.background = 'White'; } return error; } function validateEmpty1(fld) { var error = ""; if (fld.value.length == <img src="https://csscreator.com/sites/all/modules/smileys/packs/Roving/innocent.png" title="Innocent" alt="Innocent" class="smiley-content" /> { fld.style.background = '#C8B560'; error = " "; } else { // fld.style.background = 'White'; } return error; } function trim(s) { return s.replace(/^\s+|\s+$/, ''); } function validateEmail(fld) { var error=""; var tfld = trim(fld.value); // value of field with whitespace trimmed off var emailFilter = /^[^@]+@[^@.]+\.[^@]*\w\w$/ ; var illegalChars= /[\(\)\<\>\,\;\:\\\"\[\]]/ ; if (fld.value == "") { fld.style.background = '#C8B560'; error = " "; } else if (!emailFilter.test(tfld)) { //test email for illegal characters fld.style.background = '#C8B560'; error = "Please enter a valid email address.\n"; } else if (fld.value.match(illegalChars)) { fld.style.background = '#C8B560'; error = "The email address contains illegal characters.\n"; } else { fld.style.background = 'White'; } return error; } </script> <!-- <LINK REL="stylesheet" HREF="stylesheet1.css" TYPE="text/css"> --> </head> <BODY width=100% LINK=#ccbc6d VLINK=#ccbc6d ALINK=#ccbc6d bgcolor=#ccbc6d> <a name="tickpos"> </a> <div id="ticktext" style="position:absolute;font-family:verdana;font-size:14pt;color:brown;visibility:hidden;"> </div> <!-- <table valign=top border=0 width=100% cellspacing=0 cellpadding=0 bgcolor="#ffae00"> --> <table valign=top align=left border=0 width=100% cellspacing=0 cellpadding=0 bgcolor=#ccbc6d> <tr><td align=left><img src="images/logo22.gif"></font></td> <td align=center bgcolor=#ccbc6d><font face='orange clock' size=7 color="white"> Hub</font></td> <td align=right><a href="#"><img src="images/home.gif" alt="It's my Home" onClick="window.location.href='home.asp';return false"></a> <a href="#"><img src="images/hub.gif" alt="My HUB" onClick="window.location.href='myhub.asp';return false"></a><a href="#"><img src="images/qn.gif" alt="I've a Question" onClick="window.location.href='question.asp';return false"></a><a href="#"><img src="images/join.gif" alt="Want to Join" onClick="window.location.href='register.asp';return false"></a></td></tr> <tr><td colspan=3 align=left><B><font face=arial size=3> <i>Share your knowledge and spread the wisdom around you</i></b></font></td></tr> <tr><td colspan=3> </td></tr> <tr><td colspan=3> </td></tr> <tr><td colspan=3> </td></tr> <tr><td colspan=3> <table width=40% align=center border=1 cellspacing=0 cellpadding=0> <form name="frmSend" method="POST" action="reg_img.asp" > <tr><td align=center colspan=2><B><font face=verdana size=3>WAH Registration Form</font></B> </td></tr> <tr><td colspan=3> </td></tr> <tr><td colspan=3 align=center><font color=brown></font></td></tr> <tr><td><font face=verdana size=2><B>UserName</B></font> </td><td><input type=text name=uid maxlength='10' size=10 class="red"></td></tr> <tr><td><font face=verdana size=2><B>Password</B></font> </td><td><input type=password name=pwd maxlength='10' class='red' size=10 </td></tr> <tr><td><font face=verdana size=2><b>Email ID</B></font></td><td><input type=text name=emailid size=50 class=red></td></tr> <TR><TD><font face=verdana size=2><B>Upload your Smiley</B></td><td> <!-- <input name="attach1" type="file" size=35> --> <input type='submit' class='submit1' name='submit' value='2351.gif' style='background-image:url(2351.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>12351.gif<input type='submit' class='submit1' name='submit' value='2806.gif' style='background-image:url(2806.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>22806.gif<input type='submit' class='submit1' name='submit' value='32.gif' style='background-image:url(32.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>332.gif<input type='submit' class='submit1' name='submit' value='4.gif' style='background-image:url(4.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>44.gif<input type='submit' class='submit1' name='submit' value='67.gif' style='background-image:url(67.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>567.gif<input type='submit' class='submit1' name='submit' value='70.gif' style='background-image:url(70.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>670.gif<input type='submit' class='submit1' name='submit' value='bath.gif' style='background-image:url(bath.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>7bath.gif<input type='submit' class='submit1' name='submit' value='beach.gif' style='background-image:url(beach.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>8beach.gif<input type='submit' class='submit1' name='submit' value='christmas2.gif' style='background-image:url(christmas2.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>9christmas2.gif<input type='submit' class='submit1' name='submit' value='crazyjacky_seilchensmiley1.gif' style='background-image:url(crazyjacky_seilchensmiley1.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>10crazyjacky_seilchensmiley1.gif<input type='submit' class='submit1' name='submit' value='hatching.gif' style='background-image:url(hatching.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>11hatching.gif<input type='submit' class='submit1' name='submit' value='Isis_ltsaber.gif' style='background-image:url(Isis_ltsaber.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>12Isis_ltsaber.gif<input type='submit' class='submit1' name='submit' value='juggle.gif' style='background-image:url(juggle.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>13juggle.gif<input type='submit' class='submit1' name='submit' value='MrStraetzSholmes.gif' style='background-image:url(MrStraetzSholmes.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>14MrStraetzSholmes.gif<input type='submit' class='submit1' name='submit' value='native.gif' style='background-image:url(native.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>15native.gif<input type='submit' class='submit1' name='submit' value='smilie_fische.gif' style='background-image:url(smilie_fische.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>16smilie_fische.gif<input type='submit' class='submit1' name='submit' value='smilie_krebs.gif' style='background-image:url(smilie_krebs.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>17smilie_krebs.gif<input type='submit' class='submit1' name='submit' value='smilie_stier.gif' style='background-image:url(smilie_stier.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>18smilie_stier.gif<input type='submit' class='submit1' name='submit' value='smilie_wassermann.gif' style='background-image:url(smilie_wassermann.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>19smilie_wassermann.gif<input type='submit' class='submit1' name='submit' value='spring.gif' style='background-image:url(spring.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>20spring.gif<input type='submit' class='submit1' name='submit' value='stone_bigger.gif' style='background-image:url(stone_bigger.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>21stone_bigger.gif<input type='submit' class='submit1' name='submit' value='sun.gif' style='background-image:url(sun.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>22sun.gif<input type='submit' class='submit1' name='submit' value='sunflower3.gif' style='background-image:url(sunflower3.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>23sunflower3.gif<input type='submit' class='submit1' name='submit' value='whip2_1.gif' style='background-image:url(whip2_1.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>24whip2_1.gif </td> </tr> </td></table> </form> </html>
Tue, 2011-05-03 07:57
#9
So complex
Maybe because I am fresh, I think it is too hard for me...
Sat, 2011-05-07 14:26
#10
It might be because you are
It might be because you are using positioning in 'background-image:' where it is not possible to. You need to change it either to 'background:', or make a separate 'background-repeat: after it.
For example, I see this:
<input type='submit' class='submit1' name='submit' value='2351.gif' style='background-image:url(2351.gif) no-repeat; display: block; overflow: hidden;position: relative;background-attachment: fixed; '>12351.gif
It should be:
<input type='submit' class='submit1' name='submit' value='2351.gif' style='background: url(2351.gif) no-repeat fixed; display: block; overflow: hidden;position: relative; '>12351.gif
I'm not sure if that is what would be causing the problem as there is a lot of inline code obfuscating readability.
Also, for curiosity's sake, please right-click the image and check the path is indeed going to the correct folder. If you are retrieving the image through a script it could be that it needs to be linked to relative to the script rather than the page holding the result.