DMXzone Lightbox Support Product Page
This topic was archived by George Petrov on 2/7/2012 11:59:26 AM
reason: question answered
reason: question answered
Answered
Submit form to lightbox
Asked 08 Jun 2010 00:45:42
1
has this question
08 Jun 2010 00:45:42 Bart Garner posted:
I just added Lightbox functionality to a form.It does not ask me which lightbox I want, nor does it give me the opportunity to edit or remove the lightbox once added. It seems the only things I can do is edit the CSS manually or remove the target from the form manually.
What am I missing? It is not an acceptable option in the default format.
Replies
Replied 08 Jun 2010 09:46:38
08 Jun 2010 09:46:38 Miroslav Zografski replied:
Hello Bart,
Could you be more specific as for whit what purpose you have added lightbox to your form and if available please provide a link to the page in question.
Regards,
Could you be more specific as for whit what purpose you have added lightbox to your form and if available please provide a link to the page in question.
Regards,
Replied 08 Jun 2010 14:51:33
08 Jun 2010 14:51:33 Bart Garner replied:
purpose? It is the built in functionality - Submit form in lightbox.
www.ntechwebs.com/beta/totalrelocation/
www.ntechwebs.com/beta/totalrelocation/
Replied 08 Jun 2010 15:04:15
08 Jun 2010 15:04:15 Bart Garner replied:
It also never finishes loading.
Replied 08 Jun 2010 16:46:59
08 Jun 2010 16:46:59 Miroslav Zografski replied:
Hello Bart,
Sorry, my bad ...
Could you please provide here the code of the process.asp page that opens in the Lightbox?
Because I can see that the form is passed as POST to that page.
Regards,
Sorry, my bad ...
Could you please provide here the code of the process.asp page that opens in the Lightbox?
Because I can see that the form is passed as POST to that page.
Regards,
Replied 08 Jun 2010 21:29:56
08 Jun 2010 21:29:56 Bart Garner replied:
There is nothing on that page. The behaviour does not add anything to it.
The behaviour is on the first page.
What is missing is the ability to edit the behaviour on the initial page.
Head of Form page:
<link rel="stylesheet" type="text/css" href="dmx/widgets/Lightbox/styles/default/style.css" />
<script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script type="text/javascript" src="dmx/dmx.core.js"></script>
<script type="text/javascript" src="dmx/widgets/Lightbox/dmx.lightbox.js"></script>
Form:
<form action="process.asp" method="post" name="form1" target="dmxLightbox" id="form1">
<table width="100%" border="0" cellpadding="4">
<tr>
<td><strong>From Postal Code</strong></td>
<td><strong>To Postal Code</strong></td>
</tr>
<tr>
<td><label>
<input name="from" type="text" id="from" size="10" />
</label></td>
<td><input name="to" type="text" id="to" size="10" /></td>
</tr>
<tr>
<td><strong>Name</strong></td>
<td><strong>Move Date</strong></td>
</tr>
<tr>
<td><input name="name" type="text" id="name" size="12" /></td>
<td><input name="date" type="text" id="date" size="12" /></td>
</tr>
<tr>
<td colspan="2"><strong>Dwelling Type:</strong></td>
</tr>
<tr>
<td colspan="2"><select name="MoveQuote$dwellingtype" id="MoveQuote_dwellingtype" tabindex="140" class="dwellingtype" title="Dwelling Type">
<option value="" selected="selected">Select</option>
<option value="S1">Small Move (1000 lbs)</option>
<option value="S2">Small Move (2000 lbs)</option>
<option value="ST">Studio</option>
<option value="A1">1 Bdrm Apt.</option>
<option value="A2">2 Bdrm Apt.</option>
<option value="A3">3+ Bdrm Apt.</option>
<option value="H1">1 Bdrm House</option>
<option value="H2">2 Bdrm House</option>
<option value="H3">3 Bdrm House</option>
<option value="H4">4+ Bdrm House</option>
</select>
</td>
</tr>
<tr>
<td colspan="2"><label>
<input type="submit" name="button" id="button" value="Continue" />
</label></td>
</tr>
<tr>
<td colspan="2" align="right"><a href="#">International Moves</a></td>
</tr>
</table>
</form>
process.asp
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<table width="640" border="0" cellpadding="4">
<tr>
<td bgcolor="#FFFFFF">What's on this page?</td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
</table>
</body>
</html>
The behaviour is on the first page.
What is missing is the ability to edit the behaviour on the initial page.
Head of Form page:
<link rel="stylesheet" type="text/css" href="dmx/widgets/Lightbox/styles/default/style.css" />
<script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script type="text/javascript" src="dmx/dmx.core.js"></script>
<script type="text/javascript" src="dmx/widgets/Lightbox/dmx.lightbox.js"></script>
Form:
<form action="process.asp" method="post" name="form1" target="dmxLightbox" id="form1">
<table width="100%" border="0" cellpadding="4">
<tr>
<td><strong>From Postal Code</strong></td>
<td><strong>To Postal Code</strong></td>
</tr>
<tr>
<td><label>
<input name="from" type="text" id="from" size="10" />
</label></td>
<td><input name="to" type="text" id="to" size="10" /></td>
</tr>
<tr>
<td><strong>Name</strong></td>
<td><strong>Move Date</strong></td>
</tr>
<tr>
<td><input name="name" type="text" id="name" size="12" /></td>
<td><input name="date" type="text" id="date" size="12" /></td>
</tr>
<tr>
<td colspan="2"><strong>Dwelling Type:</strong></td>
</tr>
<tr>
<td colspan="2"><select name="MoveQuote$dwellingtype" id="MoveQuote_dwellingtype" tabindex="140" class="dwellingtype" title="Dwelling Type">
<option value="" selected="selected">Select</option>
<option value="S1">Small Move (1000 lbs)</option>
<option value="S2">Small Move (2000 lbs)</option>
<option value="ST">Studio</option>
<option value="A1">1 Bdrm Apt.</option>
<option value="A2">2 Bdrm Apt.</option>
<option value="A3">3+ Bdrm Apt.</option>
<option value="H1">1 Bdrm House</option>
<option value="H2">2 Bdrm House</option>
<option value="H3">3 Bdrm House</option>
<option value="H4">4+ Bdrm House</option>
</select>
</td>
</tr>
<tr>
<td colspan="2"><label>
<input type="submit" name="button" id="button" value="Continue" />
</label></td>
</tr>
<tr>
<td colspan="2" align="right"><a href="#">International Moves</a></td>
</tr>
</table>
</form>
process.asp
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<table width="640" border="0" cellpadding="4">
<tr>
<td bgcolor="#FFFFFF">What's on this page?</td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
</table>
</body>
</html>
Replied 09 Jun 2010 12:38:49
09 Jun 2010 12:38:49 Miroslav Zografski replied:
Bart,
All the extension do is to pass the form variables with POST to the page you have addressed. However there you need to manage the passed values whit script meanings. Thus if you like to populate your table with the information from the form you need to Request it from the POST.
You can provide more information on what you like to achieve so I can guide you through the process.
Regards,
All the extension do is to pass the form variables with POST to the page you have addressed. However there you need to manage the passed values whit script meanings. Thus if you like to populate your table with the information from the form you need to Request it from the POST.
You can provide more information on what you like to achieve so I can guide you through the process.
Regards,
Replied 10 Jun 2010 00:17:26
10 Jun 2010 00:17:26 Bart Garner replied:
This is painful.
I know how to pass varialbes to a form. I can do whatever I want with the form. That is not the issue.
What I have no control over is the Lightbox.
I want to use minimalistic, or change the colour, or get rid of the about etc.. I want to control the size that it opens in, or any of the other features available with a lightbox link or gallery.
There is no way to do that in your interface. I cannot edit the behaviour the way I could if it were just opening in a link.
You seriously need 24 hour support.
I know how to pass varialbes to a form. I can do whatever I want with the form. That is not the issue.
What I have no control over is the Lightbox.
I want to use minimalistic, or change the colour, or get rid of the about etc.. I want to control the size that it opens in, or any of the other features available with a lightbox link or gallery.
There is no way to do that in your interface. I cannot edit the behaviour the way I could if it were just opening in a link.
You seriously need 24 hour support.
Replied 21 Jun 2010 10:05:52
21 Jun 2010 10:05:52 Miroslav Zografski replied:
Hello Bart,
In the Lightbox User Interface there is a Preset Editor where you can set out the style of the lightbox to whatever you like, remove buttons, change colors, thickness etc. Then you can save that preset and use it over and over. The size of the box can also be set to a certain dimensions in the UI as well when you apply the lightbox on the page. Check out the manual for more information or contact me on our non24hours line of support between 9am and 6pm GMT+2 time.
Regards,
In the Lightbox User Interface there is a Preset Editor where you can set out the style of the lightbox to whatever you like, remove buttons, change colors, thickness etc. Then you can save that preset and use it over and over. The size of the box can also be set to a certain dimensions in the UI as well when you apply the lightbox on the page. Check out the manual for more information or contact me on our non24hours line of support between 9am and 6pm GMT+2 time.
Regards,
Replied 23 Jun 2010 15:09:05
23 Jun 2010 15:09:05 Bart Garner replied:
Miroslav, you cannot get to the interface when you add the functionality to a form. That is the point of this thread.
If I could get to the interface, I know how to fix it, but I cannot, because the functionality is broken.
One of your co-workers helped me out in a chat session. He had be replace some code in one of the files but I cannot remember which one now and I have the same problem with another site.
Please test this application and you will see that it does not work.
If I could get to the interface, I know how to fix it, but I cannot, because the functionality is broken.
One of your co-workers helped me out in a chat session. He had be replace some code in one of the files but I cannot remember which one now and I have the same problem with another site.
Please test this application and you will see that it does not work.
Replied 23 Jun 2010 15:49:51
23 Jun 2010 15:49:51 Miroslav Zografski replied:
Never Finishing loading when Form is submitted in Lightbox is a matter of a one uncommented line in the file form.js
It is located in following folder:
SiteRoot\dmx\widgets\Lightbox\plugins\form\
there you need to comment out the line 63.
It is located in following folder:
SiteRoot\dmx\widgets\Lightbox\plugins\form\
there you need to comment out the line 63.
Replied 16 Apr 2011 17:55:48
16 Apr 2011 17:55:48 Bart Garner replied:
The form.js problem has resurfaced for me.
When I submit a form to a lightobox. It never loads.
When I went to edit or check line 63 of the form.js file I found that the file was messed up so I replaced it with a known good copy.
same thing. Form never loads.
I then removed all Lightbox functionality and deleted the related files.
Re-added lightbox behaviour. Lightbox opens, but form never finishes loading.
The form is fine if I remove the lightbox functioanlity.
When I submit a form to a lightobox. It never loads.
When I went to edit or check line 63 of the form.js file I found that the file was messed up so I replaced it with a known good copy.
same thing. Form never loads.
I then removed all Lightbox functionality and deleted the related files.
Re-added lightbox behaviour. Lightbox opens, but form never finishes loading.
The form is fine if I remove the lightbox functioanlity.
Replied 27 Apr 2011 16:40:39
27 Apr 2011 16:40:39 Teodor Kuduschiev replied:
Hello Bart,
Please provide a link to your page.
Please provide a link to your page.