Adobe Community: Message List - Email form in edge?

Re: Email form in edge?

forums_noreply@adobe.com — Sun, 14 Sep 2014 06:48:41 GMT

Hi giorgiopagidi

Sorry i answer you late, i'm just very busy these days...

you did everything correctly, if you use jQuery version 1.9 and below your codes will work , but if we go into upper version like version 1.10 or 2.0 and here in edge animate version 4 we are using version 2.0.3 we need to change this code :

$.post("sendEmail.php",{ flag:Permission, email:emailFromVal, message:messageVal });

into this one :

$.ajax({

type:"POST",

url:"sendEmail.php",

data:{ flag:Permission, email:emailFromVal, message:messageVal },

success:function(){

alert("Success") // just a message for you to show that your email has send

}

})

let me know if you have any question, i'm glad to help you

regards

Zaxist

Re: Email form in edge?

forums_noreply@adobe.com — Tue, 09 Sep 2014 11:39:36 GMT

Hi Zaxist,

At first thank you very much for the explanation

Everything is working well, but i have one question.

I don't get e-mails.

In Adobe Edge Animate i did everything right.

Maybe i put the php file wrong or maybe i didn't create a right php file.

i put some screenshots so maybe you can help me.

Thank you

Re: Email form in edge?

forums_noreply@adobe.com — Sat, 22 Feb 2014 18:37:09 GMT

Awesome since this is a recurring question.

Re: Email form in edge?

forums_noreply@adobe.com — Sat, 22 Feb 2014 08:16:23 GMT

Here is the Link to a Complete Form with Validation : http://forums.adobe.com/message/6144737#6144737 for all Adobe Edge Animate Users

regards

Zaxist

Re: Email form in edge?

forums_noreply@adobe.com — Mon, 20 Jan 2014 12:49:43 GMT

thnx Zaxist, it worked beautifully.

Re: Email form in edge?

forums_noreply@adobe.com — Mon, 20 Jan 2014 11:24:40 GMT

also you can do it this way too :

sym.$("HBName").html('<input type="text" id="HBName" value=" " style="background-color:#ffffff; width:200px; font-size:13px;" >')

Zaxist

Re: Email form in edge?

forums_noreply@adobe.com — Mon, 20 Jan 2014 11:00:20 GMT

thanx Zaxist,

you saved me a lot of Extra Code that was written. I'l test it and I'm sure it will work.

Re: Email form in edge?

forums_noreply@adobe.com — Mon, 20 Jan 2014 10:09:58 GMT

the other way is this :

sym.$("HBName").css({"font-size":"13px","width":"200px","background-color":"#ffffff"})

sym.$("HBName").html('<input type="text" id="HBName" value=" ">')

Zaxist

Re: Email form in edge?

forums_noreply@adobe.com — Mon, 20 Jan 2014 07:44:29 GMT

I have this code for each of the text fields in the form:

var HBName = sym.$("HBName")

HBName.html("");

inputHBName = $('<input />').attr({'type':'text', 'value':'', 'id':'HBName'});

inputHBName .css ('font-size', 13);

inputHBName .css ('width', 200);

inputHBName .css ('background-color', '#FFFFFF');

inputHBName .appendTo(HBName);

What I want to know, is there any way to shorten this code?

Re: Email form in edge?

forums_noreply@adobe.com — Sun, 19 Jan 2014 13:52:25 GMT

yeah i did remove it. and it works now

Re: Email form in edge?

forums_noreply@adobe.com — Sun, 19 Jan 2014 13:50:03 GMT

the syntax error is for that additional else that you have on your code and not using it, if you dont want else then remove it

Zaxist

Re: Email form in edge?

forums_noreply@adobe.com — Sun, 19 Jan 2014 13:40:06 GMT

alrite...

When I'm placing:

$('#choose').bind('change', function(event) {

Choose = parseInt($('#choose').val());

if (Choose == 0)

alert("Please select Category")

else

}) // bind

It gives me a Syntax Error

Re: Email form in edge?

forums_noreply@adobe.com — Sun, 19 Jan 2014 13:32:58 GMT

this should be in Stage > compositionReady

$('#choose').bind('change', function(event) {

Choose = parseInt($('#choose').val());

if (Choose == 0)

alert("Please select Category")

else

}) // bind

and this

LodgeContactCity.value+"<br><br>Category: "+choose.value+"

should be :

LodgeContactCity.value+"<br><br>Category: "+Choose+"

regards

Zaxist

Re: Email form in edge?

forums_noreply@adobe.com — Sun, 19 Jan 2014 13:28:52 GMT

therefore the changes will be something like this:

inputLodgeContactCategory = $("<select id='choose'><option value='0'>Please select Category</option><option value='GeneralEnquiry'>General Enquiry</option><option value='RatesRequest'>Rates Request</option><option value='Feedback'>Feedback</option><option value='Testimonial'>Testimonial</option></select>").appendTo(sym.$("LodgeContactCategory" ));

And on Submit button action:

$('#choose').bind('change', function(event) {

Choose = parseInt($('#choose').val());

if (Choose == 0)

alert("Please select Category")

else

}) // bind

And finally

var LCmessageVal = "<strong><p><font face='helvetica' size='5'>Name: "+LodgeContactName.value+"<br><br>Ph/Mobile Number: "+LodgeContactPhNumber.value+"<br><br>City: "+LodgeContactCity.value+"<br><br>Category: "+choose.value+"<br><br>Brief Description: "+LodgeContactBriefDesc.value+"<br><br>Complete Message: "+LodgeMessageC.value+"</p>";

Correct?

Re: Email form in edge?

forums_noreply@adobe.com — Sun, 19 Jan 2014 13:08:38 GMT

just add id to your select tag and use my code to get the value of your Dropdown list if it changed, and set a first value for it like 0 in case that user didnt choosed any option and you can check it and tell the user that should select one of the options

and its better if you can make your site base on px, cause when its on the % the accept ratio will be change during the changing size of the browser and its not good

inputLodgeContactCategory = $("<select id='choose'><option value='GeneralEnquiry'>

regards

Zaxist

Re: Email form in edge?

forums_noreply@adobe.com — Sun, 19 Jan 2014 13:01:49 GMT

coding for the drop down list under compositionReady:

var LodgeContactCategory = sym.$("LodgeContactCategory")

LodgeContactCategory.html("");

inputLodgeContactCategory = $("<select><option value='GeneralEnquiry'>General Enquiry</option><option value='RatesRequest'>Rates Request</option><option value='Feedback'>Feedback</option><option value='Testimonial'>Testimonial</option></select>").appendTo(sym.$("LodgeContactCategory" ));

inputLodgeContactCategory .css ('font-size', 13);

inputLodgeContactCategory .css ('width', 250);

inputLodgeContactCategory .css ('background-color', '#FFFFFF');

Re: Email form in edge?

forums_noreply@adobe.com — Sun, 19 Jan 2014 12:18:23 GMT

thank you Zaxist for getting back so quickly.

Please have a look at the site I'm working on at the moment. It's my first Edge Project.

http://www.SheenWynds.com/updated

You can go to the Contact page of the Lodge Section. There I have a drop down list for which I havent specified any code. Meaning the drop down gets created and options can be selected but when you click on submit, the value of the drop down will not emailed.

Currently I have this under submit click:

// Coding for Submit Button on The Lodge Contact Form Starts here //

var LCemailFromVal = LodgeContactEmail.value;

var LCmessageVal = "<strong><p><font face='helvetica' size='5'> Name : "+LodgeContactName.value+"<br><br> Ph/Mobile Number: "+LodgeContactPhNumber.value+"<br><br> City : "+LodgeContactCity.value+"<br><br> Brief Description: "+LodgeContactBriefDesc.value+"<br><br>Complete Message : "+LodgeMessageC.value+"</p>";

var Permission = 1;

alert("Thank you, we will contact you soon");

$.post("emailLContact.php",{ flag:Permission, email:LCemailFromVal, message:LCmessageVal });

sym.$(LodgeContactName.value = "");

sym.$(LodgeContactEmail.value = "");

sym.$(LodgeContactPhNumber.value = "");

sym.$(LodgeContactCity.value = "");

sym.$(LodgeContactBriefDesc.value = "");

sym.$(LodgeMessageC.value = "");

var Permission = 0;

// Coding for Submit Button on The Lodge Contact Form Ends here //

Re: Email form in edge?

forums_noreply@adobe.com — Sun, 19 Jan 2014 12:02:52 GMT

well

it's very easy, you can get the value from your Dropdown list like below :

we can make a Dropdown list Using append command

sym.$("DropDownList").append("<select id='choose'><option value='0'>Select your Car</option><option value='1'>Audi</option><option value='2'>BMW</option><option value='3'>Renult</option><option value='4'>Lamborghini</option><option value='5'>Mazzerati</option><option value='6'>Jaguar</option></select>")

then we can get the value from it like below

$('#choose').bind('change', function(event) {

Choose = parseInt($('#choose').val());

if (Choose == 1)

alert("You Selected Audi")

else if (Choose == 2)

alert("You Selected BMW")

else if (Choose == 3)

else

alert("You Selected Jaguar")

}) // bind

also you use this without any if and else and after Choose = parseInt($('#choose').val()); you can close your bind and just send Choose value to your email as parameter or as you wish

Regards

Zaxist

Re: Email form in edge?

forums_noreply@adobe.com — Sun, 19 Jan 2014 10:43:00 GMT

hi zaxist,

Regarding the drop down list. I have a few drop down lists in my form. How to I get the value from drop down list and save that also when this command is executed:

var messageVal = ??

Re: Email form in edge?

forums_noreply@adobe.com — Mon, 09 Dec 2013 19:41:33 GMT

-Elaine

I will package this for you so that you can see. Sorry for the long wait in response. I had to stop working on this project to attend to some others, but now I am back on track.

Thanks

Re: Email form in edge?

forums_noreply@adobe.com — Fri, 22 Nov 2013 18:02:14 GMT

Hi, ae_komatsu-

Yes, it's possible, but you may need to modify it in order to keep the references straight. It might be better if you package up your project and have someone look at it.

Thanks,

-Elaine

Re: Email form in edge?

forums_noreply@adobe.com — Thu, 21 Nov 2013 22:05:09 GMT

Can the script for a form be inside a symbol and function properly?

I had the script on the main stage and it worked fine.

But, once I put the code on the stage inside the symbol along with the other scripts, the form text boxes show up but no information is sent to an email.

Any ideas?

Re: Email form in edge?

forums_noreply@adobe.com — Fri, 25 Oct 2013 09:05:57 GMT

You can check out what i wanted to do at http://testchamber.tk/ Everything is working now thanks to YOU ! <3

Re: Email form in edge?

forums_noreply@adobe.com — Fri, 25 Oct 2013 06:57:36 GMT

i dont undrestand why are you using empty () ?

or why do you want to create a dynamic symbol again ?

by the way you have this miss type error in your line:

sym.getComposition().getStage().createChildSymbol("formidle", "form");

the S word for Stage should be Capital.

well this line would not make append part

sym.getComposition().getStage().createChildSymbol("formidle", "form")

and these lines are the lines that would make your append part work !!

s.element.attr("id", "NewID")

$("<input ...>").appendTo(sym.getComposition().getStage().getSymbol("#NewID").$("firstnamebox"));

Zaxist

Re: Email form in edge?

forums_noreply@adobe.com — Fri, 25 Oct 2013 03:38:13 GMT

thank you very much Zaxist, with that code in compositionReady appendTo works correctly now when i first load the page

however i dont know how to reload the inputs after i clear the form with

sym.getComposition().getStage().$("form").empty();

sym.getComposition().getStage().createChildSymbol("formidle", "form"); // is ofcourse bad and doesnt reload the appended items

Re: Email form in edge?

forums_noreply@adobe.com — Thu, 24 Oct 2013 14:31:47 GMT

you are right of course - works like a charm in a brand new project - i must have had some other error in my original. thanks for the reply!

Re: Email form in edge?

forums_noreply@adobe.com — Thu, 24 Oct 2013 11:16:51 GMT

you cant do everything that you thought with standard method !!

this way that you are trying to add inputbox inside a symbol into a div is completely wrong !!

so for sure you cannot get appendTo work ... and its normal...

even you didnt correctly defined that dynamic symbol objects to a variable that you named s

if you search on the forum you can find true way to make this work for you...

with this kind of code if you try it for your whole life you cannot get it working so a milion times is nothing !!

var s = sym.createChildSymbol("formidle", "form"); //in compositionReady

s.element.attr("id", "NewID")

$("<input ...>").appendTo(sym.getSymbol("#NewID").$("firstnamebox"));

this is working code if your firstnamebox div is inside your formidle symbol

Zaxist

Re: Email form in edge?

forums_noreply@adobe.com — Wed, 23 Oct 2013 23:53:51 GMT

After deleting the symbol containing the form from the scene and creating the symbol with:

var s = sym.createChildSymbol("formidle", "form").getSymbolElement(); //in compositionReady

appendTo isnt working anymore

$("<input ...>").appendTo(sym.getSymbol("formidle").$("firstnamebox"));

$("<input ...>").appendTo(sym.$("firstnamebox"));

tried a million other variants and i just cant get the input boxes back

Re: Email form in edge?

forums_noreply@adobe.com — Sat, 19 Oct 2013 08:17:51 GMT

this is very easy and if you read carefully you could figured this out by yourself

replace detach part with these :

Firstname.value = ""

Lastname.value = ""

Telephone.value = ""

Email.value = ""

Detail.value = ""

Zaxist

Re: Email form in edge?

forums_noreply@adobe.com — Thu, 17 Oct 2013 23:19:58 GMT

Hi - thanks for this post - super!

Very helpful.

One question - how would one clear the input fields after submit?

detach() removes the symbol that the input field was appended to altogether - was hoping just to clear the input field but am having trouble addressing it.

thanks!

Re: Email form in edge?

forums_noreply@adobe.com — Wed, 18 Sep 2013 08:44:28 GMT

Please read post no. 65

Zaxist

Re: Email form in edge?

forums_noreply@adobe.com — Tue, 17 Sep 2013 17:52:32 GMT

What about the code for radio box and, chechbox and dropdown box?

Re: Email form in edge?

forums_noreply@adobe.com — Mon, 09 Sep 2013 14:55:07 GMT

I still have a question on how to make the email address from the end user show up in the actual email?

answer : i dont know exactly what do you mean by this question !! cause everything is clear about this and i dont know what is your problem in this part !!

and if you couldnt fix, just send me your project and tell me what you want exactly then i can told you where is your problem, and how you can fix it

Also, do you know how to send this information directly to a phone number as a text message?

Answer : you should speak to the companies that will give this service to you and ask them for the codes that are compatible with their system..

Zaxist

Re: Email form in edge?

forums_noreply@adobe.com — Mon, 09 Sep 2013 14:47:24 GMT

Re: Email form in edge?

forums_noreply@adobe.com — Fri, 06 Sep 2013 15:35:34 GMT

I think I have figured out what was going on...

I used the code listed on line 47 of this forum with few modifications.

When I hit submit and the form is sent to the email address the information that was placed in the email form field shows up in the "Who" section on the email.

When I place abc@123.com, the form sends no information to my email.

But when I place abc in the email form field it submits all of my information.

I suspect it is because if I place abc@123.com in the email field it tries to add this info to my host server.

ie:

abc@123.com@server1.web-hosting.com

which breaks the form returning nothing to my email.

This is what I see when I remove the @ symbol in my email field:

HEADER

abc@server1.web-hosting.com

to: myself@123.com

sent by: myserver@server1.web-hosting.com

I still have a question on how to make the email address from the end user show up in the actual email?

Also, do you know how to send this information directly to a phone number as a text message?

I love your work. You have been a blessing to all who are trying to learn how to understand this kind of work.

I have so much that I would like to learn from you but I suppose I would try to keep it simple for now.

Thanks again for all of your help!

Re: Email form in edge?

forums_noreply@adobe.com — Fri, 06 Sep 2013 14:33:42 GMT

can you explain more about your problem and write the code that you are using to recognize Capital and @ letters... ?

Thanks

Zaxist

Re: Email form in edge?

forums_noreply@adobe.com — Fri, 06 Sep 2013 13:27:58 GMT

I am having some issues where the live form will not recognize capital letters and @ symbols. Does anyone have any suggestions? I am using Safari.

Re: Email form in edge?

forums_noreply@adobe.com — Thu, 29 Aug 2013 19:29:28 GMT

Thanks!!!

Re: Email form in edge?

forums_noreply@adobe.com — Tue, 27 Aug 2013 06:54:57 GMT

if you read carefully you can figured this out by yourself how to do this, in post number 4 i told how you can style your textbox

i just added width and height to it :

$("<input type='text' id='Firstname' name='first_name' tabindex='1' maxlength='15' style='background-color:white; border:1px solid black; width:400px; height:270px' required>").appendTo(sym.$("Namebox"));

Zaxist

Re: Email form in edge?

forums_noreply@adobe.com — Tue, 27 Aug 2013 03:49:13 GMT

Thanks Zaxizt! I have this working I just can't figure out how to re-size the form fields and I'm not seeing a response to posting #24. Any help would be much appreciated, I tried using width= '500px' but no luck. what woud I use to specify the form field width?

Thanks for your help!

Re: Email form in edge?

forums_noreply@adobe.com — Fri, 02 Aug 2013 21:43:52 GMT

you're welcome...

i hope this work for you

and i think you can use scrollTop anywhere in edge

Zaxist

Re: Email form in edge?

forums_noreply@adobe.com — Fri, 02 Aug 2013 21:40:27 GMT

Thank you Zaxist, I'll definitley test it to see how it works?

Do you think animating the scrollTop works in a symbol's stage or is that also only for the main stage?

Thank you again!

ariedge13

Re: Email form in edge?

forums_noreply@adobe.com — Fri, 02 Aug 2013 12:43:27 GMT

this is very simple and easy... !!

i wrote the html code for you, you just need to put this code in a index.html file in your root to redirect users by their screen size to your published edge file

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

// JavaScript

function jsUpdateSize(){

// Get the dimensions of the viewport

var width = window.innerWidth ||

document.documentElement.clientWidth ||

document.body.clientWidth;

var height = window.innerHeight ||

document.documentElement.clientHeight ||

document.body.clientHeight;

x = width;

y = height;

};

// When the page first loads

window.onload = function(){

jsUpdateSize();

if (x < 400){

url = "MobileView.html";

}

else

if (x < 700){

url = "TabletView.html";

}else

if (x > 800){

url = "DesktopView.html";

}

window.location = url;

}

</script>

<title>Untitled Document</title>

</head>

<body>

</body>

</html>

you just need to change the url path and if you needed change your if statements to what ever you want

hope this help you

Zaxist

Re: Email form in edge?

forums_noreply@adobe.com — Thu, 01 Aug 2013 20:38:17 GMT

Dear Zaxist,

Would you mind telling me how to do this? what is the javascript code which you write to call the different files?

Thank you kindly,

ariedge13

Re: Email form in edge?

forums_noreply@adobe.com — Thu, 01 Aug 2013 18:20:09 GMT

dear ariedge13

you can create diffrent project for diffrent screen resolution if you want to make exact correct view for each resolution, then simply by writing javascript code in a index.html you can check the browser resolution and call your edge file for that correct resolution and then there is no need to make very hard or complicated code, and the size of the project would be the same and this way would be more elegant ...

Zaxist

Re: Email form in edge?

forums_noreply@adobe.com — Thu, 01 Aug 2013 15:29:51 GMT

Thank you for your reply Zaxist,

The fact is that I'm designing a different layout for each screen resolution (320, 800, 1200, 1600,.....etc)

So each one those screen sizes is a symbol layout with a different design that the other ones to match the screen size

They are finally accorfing to the screen size, called into the main symbol on the stage called "adaptivecontainer".

The default reponsive tools of edge animate are not perfect at all. My elements do not position or size correctly on the screen.

So I'm really disappointed now but still seeking a solution.

KInd Regards,

ariedge13

Re: Email form in edge?

forums_noreply@adobe.com — Wed, 31 Jul 2013 09:44:55 GMT

Dear ariedge13

as much as i know EC Common Parallax effect only works with Stage's timeline !!

i don't know if its possible to address it to a symbol timeline !!

but as much as i know you can do what ever you did with your Symbol with Stage !!

you dont need to create a Symbol to make your Project Responsive !!

Zaxist

Re: Email form in edge?

forums_noreply@adobe.com — Tue, 30 Jul 2013 21:01:21 GMT

Hi Zaxist,

I have a bit of a problem here and any help would be greatly appriciated.

I am making responsive layouts in Adobe Edge Animate for different screen resolutions, then they are called into a symbol called "adaptivecontainer" on the main stage.

The problem is that the parallax yep nope function does not work anymore, I guess it's because the animation is moved into the symbol layout stages.

So I add the parallax function to "creationComplete" of the symbols stages but still no functionality.

I guess I need to call each symbol's stage and add the parallax function to it? if yes, how would I exactly do that?

Or maybe I have to able to animate a symbol's stage instead of the main stage.

Thank you very much,

Re: Email form in edge?

forums_noreply@adobe.com — Tue, 30 Jul 2013 20:28:59 GMT

Many thanks!! I'll check it out and be in touch.

Bill

Re: Email form in edge?

forums_noreply@adobe.com — Tue, 30 Jul 2013 20:15:07 GMT

Dear bevans9908

i just created very simple sample for you to let you know hoe you can make them

here is the link to sample : http://www.mediafire.com/?sb94s7oxh6wxwok

if you had any question feel free to ask

Zaxist