the panel class is designed in iUI to only work with direct body child nodes.
That's the reason there is no pinstripes and other panel styles around.
So if i test your code, i get some badly shaped UI.
I see no reason to use this DIV around the form by the way. Usng the form
itself as the page should work.
Also, myform.php is a fragment of HTML loaded in the DOM by iUI via Ajax. So
there is no need for a body neither html element. It's not an html document,
just a fragment.
This might break some stuff too.
Here is the working code i got for the same scenario
HTML
<body>
<div class="toolbar">
<h1 id="pageTitle">Form</h1>
<a id="backButton" class="button" href="#"></a>
</div>
<form id="emailtest" title="Test Email" class="panel" name="myform"
action="myform.php" method="POST" selected="true">
<fieldset>
<div class="row">
<label>CX Email</label>
<input type="text" name="cxemail" >
</div>
<div class="row">
<label>Tech ID</label>
<input type="text" name="techid" >
</div>
</fieldset>
<input type="submit" class="whiteButton" >
</form>
</body>
PHP
<?php
// sending an email
mail($_POST["cxemail"], "my email subject", "my emailbody");
?><div id="email_sent" title="Email sent" class="panel">
<fieldset>
<div class="row">
<p>
Thank you tech # <?php echo $_POST["techid"]; ?>.<br>
You have sent an email to <?php echo $_POST["cxemail"]; ?>. <br>
Enjoy your day.
</p>
</div>
</fieldset>
</div>
Test URL
http://www.remi-grumeau.com/labs/sandbox/form/
Archive url
http://www.remi-grumeau.com/labs/sandbox/form/Archive.zip
Am i misunderstanding something again? :-/
Remi
Le 27 févr. 2013 à 01:20, Alex Larente <[email protected]> a écrit :
> Just in case someone reads this who also needs help; this is my working code.
>
>
>
> This is my HTML:
> <!-- Testing sending a customer an email -->
> <div id="testemail" title="Email Customer">
> <form id="emailtest" title="Test Email" class="panel" name="My Form"
> action="myform.php" method="POST">
>
> <fieldset>
> <div class="row">
> <label>CX Email</label>
> <input type="text" name="cxemail" >
> </div>
> <div class="row">
> <label>Tech ID</label>
> <input type="text" name="techid" >
> </div>
> </fieldset>
> <input type="submit" class="whiteButton" >
>
> </form>
> </div>
>
> This is my PHP file:
>
> <html>
> <body>
> <div id="myform" title="Email Customer" selected="true">
> Thank you tech # <?php echo $_POST["techid"]; ?>.<br>
> You have sent an email to <?php echo $_POST["cxemail"]; ?>. <br>
> Enjoy your day.
> </div>
> <div>
>
> </div>
>
> </body>
> </html>
>
>
> On Tue, Feb 26, 2013 at 11:41 AM, Alex Larente <[email protected]> wrote:
> I worked with the music app files.
> However I did go back and replace the files with the ones from the main
> folder.
> I'll go re-download the latest version of iui to make sure that isn't causing
> any issues.
>
> Thanks for the tip about DIV > UL.
> I have been updating the code with the feedback from this thread and it is
> starting to work!
>
> Thank you everyone for your help.
>
>
> On Tue, Feb 26, 2013 at 11:38 AM, Jeff (iUI Noob) <[email protected]> wrote:
> Your code works perfectly on my server (linking to my CSS & JS,) maybe your
> issue is with the version of iui.js. Did you download it from iui-js-org or
> just save the files used by the sample music app that you cannibalized?
>
> While your code does work, I suggest that you:
> include links to the latest iUI CSS and JS,
> use <DIV> elements instead of <UL> elements for screens that are not lists,
> call the <FORM> element directly rather than nesting inside another element.
>
> On Tuesday, February 26, 2013 11:05:00 AM UTC-7, Alex Larente wrote:
> Still not resolved :(
>
>
> On Tue, Feb 26, 2013 at 10:04 AM, Jeff (iUI Noob) <[email protected]> wrote:
> Not sure, but Remi may have posted that in the wrong thread as there is an
> active discussion on login. On the other hand, maybe you should look at
> storing the techID so he/she does not have to enter it each time.
>
> Again though... how did you resolve your issue? Was it something other than
> the action attribute?
>
>
> On Tuesday, February 26, 2013 10:48:01 AM UTC-7, Alex Larente wrote:
> The function of this application is so the people using it can enter in a
> customers email address and it will automatically email them a specific
> document.
> No need for offline mode or logging in :)
>
> Application Workflow:
> Tech is working on cable services in customers home.
> Customer asks question.
> Tech has option to use mobile web app to email customer a support link with
> step-by-step instructions.
> Tech navigates to article they want to send, presses "email" button, enters
> in customers email address and his/her tech ID number.
> Email is sent.
>
>
> On Tue, Feb 26, 2013 at 9:07 AM, Jeff (iUI Noob) <[email protected]> wrote:
> This seems to work now. I'm not sure why it didn't work before as I have
> similar form actions myself.
> For future reference, care to share how you resolved your issue?
>
>
> On Monday, February 25, 2013 1:31:26 PM UTC-7, Alex Larente wrote:
> I'm fairly new to PHP and iui and i've managed to get stuck.
>
> When the form submits, it doesn't properly open up myform.php
> I think something is blocking the way when it tries to submit.
>
> The form is located at:
> http://alexlarente.com/shaw/ShawLinks.html#_testemail
>
> but when I click submit it goes to a blank page at:
> http://alexlarente.com/shaw/ShawLinks.html#___2__
>
> How do I try to fix this?
>
> This is my HTML
> <!-- Testing sending a customer an email -->
> <ul id="testemail" title="Email Customer">
> <form id="emailtest" title="Test Email" class="panel" name="My Form"
> action="myform.php" method="POST">
>
> <fieldset>
> <div class="row">
> <label>CX Email</label>
> <input type="text" name="cxemail" >
> </div>
> <div class="row">
> <label>Tech ID</label>
> <input type="text" name="techid" >
> </div>
> </fieldset>
> <input type="submit" class="whiteButton" >
>
> </form>
> </ul>
>
> This is my php file
>
> <html>
> <body>
>
> The customers email is <?php echo $_POST["cxemail"]; ?>! <br>
> You are tech number <?php echo $_POST["techid"]; ?>.
>
> </body>
> </html>
>
>
>
> --
> You received this message because you are subscribed to the Google Groups
> "iPhoneWebDev" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to [email protected].
> To post to this group, send email to [email protected].
>
> Visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
> For more options, visit https://groups.google.com/groups/opt_out.
>
>
>
>
> --
> You received this message because you are subscribed to the Google Groups
> "iPhoneWebDev" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to [email protected].
> To post to this group, send email to [email protected].
> Visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
> For more options, visit https://groups.google.com/groups/opt_out.
>
>
>
>
> --
> You received this message because you are subscribed to the Google Groups
> "iPhoneWebDev" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to [email protected].
> To post to this group, send email to [email protected].
> Visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
> For more options, visit https://groups.google.com/groups/opt_out.
>
>
>
>
>
> --
> You received this message because you are subscribed to the Google Groups
> "iPhoneWebDev" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to [email protected].
> To post to this group, send email to [email protected].
> Visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
> For more options, visit https://groups.google.com/groups/opt_out.
>
>
--
You received this message because you are subscribed to the Google Groups
"iPhoneWebDev" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
