Welcome to Dream.In.Code
Getting Help is Easy!

Join 136,801 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 2,333 people online right now. Registration is fast and FREE... Join Now!




Need help finishing my email form (CSS)

 
Reply to this topicStart new topic

Need help finishing my email form (CSS)

Sonastylol
17 Aug, 2008 - 08:14 PM
Post #1

D.I.C Head
**

Joined: 15 Dec, 2007
Posts: 124


My Contributions
Hi everyone, I just finished working on the teaser page for my website.

I designed it and did all the content, images, etc, but my friend did the initial coding for SOME of the css stuff.

He just went on vacation, and never finished the email submission form.

I'll show you the code for the page, hopefully you can help me set it up.

First of all, you can use it here: http://www.progressiongames.com
Type anything into the email form and press submit. It will look like something happened, but nothing did.
My intro.js file is all scrambled, so I don't know how I can do this. Can someone PLEASE give me the code to have the submission button actually SEND the email, not just appear like it did?

Thank you SO much.
**Uploading files so it is easier for you all to edit**


index.htm

CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><title>Progression Games Teaser</title>



    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="keywords" content="progression, progression games, flash, flash games, community, progression games flash, games, portal, community, forums, chat, friend list, friends">
    <meta name="description" content="Welcome to Progression Games - the living website where you can sign up and play flash games, submit your own flash games, audio, graphics, vote on user-submitted content such as games, audio, and graphics, and network and communicate with friends and other members.">    <link rel="shortcut icon" href="images/bookmarklogo.gif">    



<link rel="stylesheet" href="intro_files/intro.css" type="text/css" charset="utf-8"><!--[if IE 6]>
                <link rel="stylesheet" href="/www/default/-css/main_ie.css?v=14" type="text/css" />
                <![endif]--><!--[if IE 7]>
                    <link rel="stylesheet" href="/www/default/-css/main_ie7.css?v=14" type="text/css" />
                <![endif]--></head><body class="intro">
    <div class="kontener">
        <div class="top">
            <div class="top_header"></div>
            <div class="top_info fs12"><span>Coming September 2008</span></div>
      </div>
        
    <!-- koniec górnego menu -->
    
    <!-- pasek ponizej gornej belki -->
    
        <div class="aboutus_intro">
            <div class="intro_header_EN"><img src="images/logo_large_graybg.jpg" width="932" height="396" /></div>
<div class="intro_info fs12 cbf">
                <div class="intro_beta"><img src="images/betatest.jpg" width="121" height="37" /></div>
              <div class="intro_text">In
September, the world of Flash gaming will be changed forever. Quickly submit your email to receive a notice when Progression Games goes live!</div>
                <div class="intro_arrow"><img src="images/arrow.jpg" width="17" height="15" /></div>
                
          <div class="intro_form">
                    <div class="form_label">Your e-mail:</div>
                    <div class="form_input"><input id="email" type="text"></div>
                    <div onclick="addEmail()" class="form_button"><img src="images/submit.jpg" width="66" height="28" /></div>
              </div>
                
                <div class="intro_thx">Thanks for signing up! :)</div>
                <div class="clear"></div>
            </div>
        </div>
        
        <div class="aboutus_features fs12 cbf">
            <div class="features_header_EN">Progression Games was created to bring together Flash game players and developers around the globe. Instead of just going to a website to play a quick game, we wanted to create a living virtual world where the members' actions affect the growth of the site. Using social networking features, we are able to connect Programmers, Composers, Artists, and Players - providing them the ability to share resources, critique each other's work, collaborate on game projects, and much more! Now THAT'S Progression!</div>
      <div class="features_left">
                <div class="feature">
                    
                    <p class="feature_icon_coll"><br />
                      <img src="images/flashfile.jpg" width="99" height="88" /></p>
                    <p class="feature_head fs14 cff">1. Play! It's that simple.</p>
                    <p class="feature_text">Progression Games makes playing a quick game extremely easy. Without needing to login, head over to the 'Games' tab to choose a genre and game to play.  Be warned! Most of our features are exclusive to logged in members only.</p>
        </div>
          <div class="feature">
                    
                    <p class="feature_head fs14 cff">2. Member Benefits!</p>
                    <p class="feature_icon_gogmoney"><img src="images/people.jpg" width="85" height="75" /></p>
                    <p class="feature_text">Member accounts will provide a full-on experience system, enabling the ability to communicate and network with other members, post reviews and comments on games, vote on your favorite games to make them more popular, create a blog on your user profile, access the forums, and gain other perks depending on the 'level' of your account.</p>
        </div>
                <div class="feature">
                    
                    <p class="feature_head fs14 cff">3. So I Can Level Up My Account?!</p>
                    <p class="feature_icon_drmfree"><img src="images/expimg.jpg" width="136" height="50" /></p>
                    <p class="feature_text">Yes! While the site grows from user-submitted content, your account has the ability to 'grow' with it. Voting on the site's uploaded content daily will provide experience points, called Progression Points. As your account increases in level, your votes will be worth more, which means YOU have a greater say in what content makes it from the Gateway into our official content page. Isn't power FUN?!</p>
        </div>
                <div class="feature">
                    
                    <p class="feature_head fs14 cff">4. The Gateway?</p>
                    <p class="feature_icon_support_vista"><img src="images/submitgames.jpg" width="197" height="23" /></p>
                  <p class="feature_icon_support_xp"><img src="images/submitaudio.jpg" width="188" height="24" /></p>
                  <p class="feature_icon_support_lifetime"><img src="images/submitgraphics.jpg" width="252" height="26" /></p>
                    <p class="feature_text">The Gateways are what breathe life into the website. Once registered, members can submit their own Flash games, either completed or in a Beta phase (Yes! Beta games are encouraged!), music that can be used in games, and graphics you have created such as character and level designs, backgrounds, and more. Please note that ONLY non-licensed files created by you may be uploaded to the Gateways. If anything is submitted to the Gateway that is not owned by you or someone else, it is the job of the members to 'flag' the content so it can be removed.</p>
        </div>
                <div class="feature">
                    
                    <p class="feature_head fs14 cff">5. Tell Me More About Account Abilities!</p>
                  <p class="feature_icon_extras_guides"></p>
                    <p class="feature_icon_extras_soundtracks"></p>
                    <p class="feature_icon_extras_wallpapers"></p>
                    <p class="feature_icon_extras_mods"></p>
                    <p class="feature_text">As you already know, you are rewarded Progression Points for being active on the site. Depending on the level of your account, you will be given new abilities... AND POWER, to help us make this the best place to go for some Flash gaming fun. Some gained perks:</p>
                    <ul><li>Post a shout-out message on the home page!</li><li>Increase your voting power - hurting or helping your favorite submitted content!</li>
                        <li>Earn respect for being a veteran! ...And more!
                      </p> </p>
        </li>
                  </ul>
                    </div>
<div class="feature">
                    
                    <p class="feature_icon_community"><img src="images/chat.jpg" width="79" height="69" /></p>
                    <p class="feature_head fs14 cff">6. Community Forums!</p>
                    <p class="feature_text">Ah...the forums!  Tired of playing a game and just want to talk to other members? Head to the general board! Are you a programmer and need background music for one of your games? Head to the Audio board! With Progression Games, it's never been easier to communicate and collaborate with other people with similar interests!</p>
        </div>
<div class="feature fbot">
                    
                    <p class="feature_head fs14 cff">7. Help Us Out!</p>
                    <div class="feature_text">
                      <p>In order to make Progression Games the success we expect, it us up to all of the members to use their acquired power responsibly.  Users who are not abiding by the rules set forth by the Progression Games staff will be warned and/or banned.</p>
                      <p> </p>
                      <p>Please spread the word about Progression Games so that we may grow together and become the ultimate place for flash gaming entertainment and resources. <br />
                      </p>
                      <blockquote>
                        <blockquote>
                          <blockquote>
                            <blockquote>
                              <blockquote>
                                <blockquote>
                                  <p>-Progression Games Staff</p>
                                </blockquote>
                              </blockquote>
                            </blockquote>
                          </blockquote>
                        </blockquote>
                      </blockquote>
                    </div>
                </div>
            </div>
            <div class="features_right fs10 c8a">
                <div class="side_faq">
                    <p class="sf_question bold fs11">Who Are You Guys?</p>
                    <p class="sf_answer">
Everyone at Progression Games is a gamer, just like you. We’ve combined our love for Flash games with the social networking features of the Internet to bring you one of the most fun websites on the Web. </p>
                </div>
                <div class="side_faq">
                    <p class="sf_question bold fs11">Uhh...Social Networking?</p>
                    <p class="sf_answer">
You bet! At Progression Games, not only will you be able to play your favorite Flash games, you will also be able to communicate with all Progression Games members, using features such as online chat, friends lists, user-profiles and blogs, shout-outs on the front page, and more!</p>
                </div>
                <div class="side_faq">
                    <p class="sf_question bold fs11">Cool! How Do I Sign Up?</p>
                    <p class="sf_answer">
                    Progression Games plans to open soon. To receive a notice when we go live, submit your email into the form above! If you have any suggestions or comments, please email <a class="gray_un" href="mailto:admin@progressiongames.com">admin@progressiongames.com</a>.                    </p>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    
<div class="footer">
        <div class="line"><center>Copyright © 2008 Progression Games. All rights reserved.</center></div>
</div>
    
<script type="text/javascript" src="intro_files/intro.js"></script><form action="#" method="post" onsubmit="return false;"><input id="redirect" value="" type="hidden">

<input id="lng" value="en" type="hidden">

<input id="lngC" value="EN" type="hidden">

<input id="ctr" value="intro" type="hidden">

</form></body></html>


intro.css
CODE
.bold{font-weight:bold;}.norm{font-weight:normal;}.cff{color:#fff;}.cbf{color:#bfbfbf;}.cd2{color:#d2d2d2;}.c8a{color:#8a8a8a;}.c55{color:#55585c;}.c76{color:#767676;}.fs10{font-size:10px;}.fs11{font-size:11px;}.fs12{font-size:12px;}.fs13{font-size:13px;}.fs14{font-size:14px;}.fs16{font-size:16px;}.fs18{font-size:18px;}div.clear{clear:both;}p{margin:0;}body.intro{
    font-family:"Lucida Grande","Lucida Sans","Arial";
    font-size:11px;
    background-position:top center;
    background-repeat:x-repeat;
    margin:0 auto;
    background-image:url(../images/backgroundimg.jpg);
    color:#000000;
    height: 50px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: 0px;
}div.kontener{
    margin-right:auto;
    margin-left:auto;
    width:996px;
    position:relative;
    background-image: url(../images/backgroundimg.jpg);
    margin-bottom:0;
    margin-top:0;
    background-color: #FFFFFF;
}div.footer{
margin-right:auto;
    background-image:url(../images/backgroundimg.jpg)
margin-left:auto;
width:996px;position:relative;
margin-bottom:0;
color: #3ab2c2;
margin-top:20px;
}
div.line{
    width:950px;
    margin:0 21px;
    border-top:1px solid #4e5356;
    padding:10px 0 25px 0;
    color:#3ab2c2;
}div.top{
    width:950px;
    height:50px;
    margin:0 23px 0 23px;
    padding:21px 0 0 0;
    border-bottom:1px solid #4e5356;
}div.top_header{
    float:left;
    background-position:0 -40px;
        background-image:url(../images/backgroundimg.jpg);
    background-repeat:no-repeat;
    width:101px;
    height:33px;
    margin:3px 0 0 0;
}div.top_info{
    float:right;
    color: #3ab2c2;
    padding:7px 0 0 0;
    height: 33px;
}div.intro_header_EN{
    background-repeat:no-repeat;
    width:996px;
    height:455px;
}div.intro_info{
    width:920px;
    height:55px;
    line-height:20px;
    background-color:#2a2e34;
    margin:-20px 21px 0 21px;
    padding:15px 15px 0 15px;
    color: #3ab2c2;
    border: 1px solid #999999;
}div.intro_beta{width:120px;height:39px;float:left;background-image:url(/www/default/-img/intro/main.jpg);background-position:-620px -103px;background-repeat:no-repeat;margin:0 10px 0 0;
}div.intro_text{
    float:left;
    width:455px;
    color: 3ab2c2;
    }
    
div.intro_arrow{background-image:url(/www/default/-img/intro/main.jpg);background-position:-640px 0;background-repeat:no-repeat;width:17px;height:15px;float:left;margin:13px 8px 0 8px;}div.intro_form{float:left;position:relative;}div.intro_thx{float:left;padding:10px 0 0 5px;display:none;}div.form_label{position:absolute;top:10px;left:5px;width:75px;}div.intro_form input{position:absolute;top:8px;left:85px;width:142px;border:1px solid #646464;font-family:"Lucida Grande",Geneva,Arial,sans-serif;font-size:11px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;margin:0;padding:4px 0 4px 3px;}div.form_button{float:right;background-image:url(../backgroundimg.jpg);background-position:0 0;background-repeat:no-repeat;width:65px;height:27px;position:absolute;top:7px;left:240px;cursor:pointer;}div.aboutus_features{
    width:950px;
    margin:0 21px 0 21px;
    line-height:20px;
    text-align:justify;
}div.features_header_EN{
    float:left;
    background-image:url(../images/backgroundimg.jpg);
    background-position:-95px 0;
    background-repeat:no-repeat;
    width:528px;
    height:140px;
    margin:55px 0 25px 0;
}div.features_left{width:663px;float:left;padding:0 22px 0 0;}
div.features_right{
width:223px;
float:right;
color:#3ab2c2;
padding:0 0 0 12px;
margin:-55px 0 0 0;
}
div.feature{margin:0 0 40px 0;}p.feature_head{margin:0 0 5px 0;}p.feature_text{margin:12px 0 12px 0;}div.side_faq{margin:0 0 30px 0;}div.side_faq a{color:#8a8a8a;font-weight:bold;}p.sf_question{margin:0 0 2px 0;display:block;border-bottom:1px solid #41454f;}p.sf_answer{margin:12px 0 0 0;}p.feature_icon_coll{display:block;float:left;width:103px;height:130px;background-image:url(/www/default/-img/intro/main.jpg);background-position:0 -65px;background-repeat:no-repeat;margin:-15px 15px 0 0;}p.feature_icon_gogmoney{display:block;float:right;width:90px;height:105px;background-image:url(/www/default/-img/intro/main.jpg);background-position:-104px -65px;background-repeat:no-repeat;margin:0 0 0 15px;}p.feature_icon_drmfree{display:block;float:left;width:141px;height:54px;background-image:url(/www/default/-img/intro/main.jpg);background-position:0 -196px;background-repeat:no-repeat;margin:8px 10px 0 -2px;}p.feature_icon_support_vista{display:block;float:left;width:203px;height:29px;background-image:url(/www/default/-img/intro/main.jpg);background-position:-195px -66px;background-repeat:no-repeat;margin:0 1px 5px 0;}p.feature_icon_support_xp{display:block;float:left;width:192px;height:29px;background-image:url(/www/default/-img/intro/main.jpg);background-position:-195px -96px;background-repeat:no-repeat;margin:0 1px 5px 1px;}p.feature_icon_support_lifetime{display:block;float:left;width:263px;height:29px;background-image:url(/www/default/-img/intro/main.jpg);background-position:-195px -126px;background-repeat:no-repeat;margin:0 0 5px 1px;}p.feature_icon_extras_guides{
    display:block;
    float:left;
    width:178px;
    height:1px;
    background-image:url(/www/default/-img/intro/main.jpg);
    background-position:-400px -67px;
    background-repeat:no-repeat;
    margin:5px 10px 12px 0;
}p.feature_icon_extras_soundtracks{
    display:block;
    float:left;
    width:110px;
    height:1px;
    background-image:url(/www/default/-img/intro/main.jpg);
    background-position:-400px -85px;
    background-repeat:no-repeat;
    margin:5px 9px 12px 8px;
}p.feature_icon_extras_wallpapers{
    display:block;
    float:left;
    width:175px;
    height:1px;
    background-image:url(/www/default/-img/intro/main.jpg);
    background-position:-400px -103px;
    background-repeat:no-repeat;
    margin:5px 9px 12px 8px;
}p.feature_icon_extras_videos{display:block;float:left;width:111px;height:18px;background-image:url(/www/default/-img/intro/main.jpg);background-position:-578px -67px;background-repeat:no-repeat;margin:5px 0 15px 10px;}p.feature_icon_extras_mods{
    display:block;
    float:left;
    width:147px;
    height:1px;
    background-image:url(/www/default/-img/intro/main.jpg);
    background-position:-578px -85px;
    background-repeat:no-repeat;
    margin:5px 0 12px 9px;
}p.feature_icon_community{display:block;float:left;width:82px;height:72px;background-image:url(/www/default/-img/intro/main.jpg);background-position:-195px -157px;background-repeat:no-repeat;margin:0 15px 0 0;}p.feature_icon_easy{
    display:block;
    float:right;
    width:319px;
    height:82px;
    background-image:url(../images/backgroundimg.jpg);
    background-position:-287px -155px;
    background-repeat:no-repeat;
    margin:15px 0 0 15px;
    visibility: hidden;
}div.top_header_beta{float:left;background-image:url(/www/default/-img/intro/beta_main.jpg);background-position:0 0;background-repeat:no-repeat;width:101px;height:24px;margin:3px 0 0 0;}div.sign_up{width:950px;line-height:20px;margin:0 21px 0 21px;color:#dfdfdf;}div.sign_up_text{width:450px;margin:60px 0 60px 0;float:left;}div.sign_up_text span,div.sign_up_form span{display:block;margin:0 0 5px 0;}div.sign_up_form span{margin:0 0 20px 0;}div.sign_up_form{width:400px;margin:35px 0 60px 18px;padding:25px 30px;float:right;background-color:#222327;border:1px #383c45 solid;}p.mail,p.code{float:left;width:190px;padding:0;}p.mail{margin:0 20px 0 0;}p.code{margin:0;}.inputto{width:185px;border:1px solid #646464;font-family:"Lucida Grande",Geneva,Arial,sans-serif;font-size:11px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;padding:4px 0 4px 3px;margin:3px -20px 5px 0;}div.let_me_in{background-image:url(/www/default/-img/intro/beta_main.jpg);background-position:-110px 0;background-repeat:no-repeat;width:75px;height:28px;cursor:pointer;margin:20px auto 0 auto;}div.error,div.plzw8{width:400px;height:28px;margin:20px auto 0 auto;text-align:center;display:none;}div.error a{color:#dfdfdf;font-weight:bold;}div.error a:hover{text-decoration:none;font-weight:bo


intro.js
CODE
eval(function(E,A,F,B,D,C){D=function(G){return(G<A?"":D(parseInt(G/A)))+((G=G%A)>35?String.fromCharCode(G+29):G.toString(36))};if(!"".replace(/^/,String)){while(F--){C[D(F)]=B[F]||D(F)}B=[function(G){return C[G]}];D=function(){return"\\w+"};F=1}while(F--){if(B[F]){E=E.replace(new RegExp("\\b"+D(F)+"\\b","g"),B[F])}}return E}('(H(){J w=1b.4M,3m$=1b.$;J D=1b.4M=1b.$=H(a,b){I 2B D.17.5j(a,b)};J u=/^[^<]*(<(.|\\s)+>)[^>]*$|^#(\\w+)$/,62=/^.[^:#\\[\\.]*$/,12;D.17=D.44={5j:H(d,b){d=d||S;G(d.16){7[0]=d;7.K=1;I 7}G(1j d=="23"){J c=u.2D(d);G(c&&(c[1]||!b)){G(c[1])d=D.4h([c[1]],b);N{J a=S.61(c[3]);G(a){G(a.2v!=c[3])I D().2q(d);I D(a)}d=[]}}N I D(b).2q(d)}N G(D.1D(d))I D(S)[D.17.27?"27":"43"](d);I 7.6Y(D.2d(d))},5w:"1.2.6",8G:H(){I 7.K},K:0,3p:H(a){I a==12?D.2d(7):7[a]},2I:H(b){J a=D(b);a.5n=7;I a},6Y:H(a){7.K=0;2p.44.1p.1w(7,a);I 7},P:H(a,b){I D.P(7,a,b)},5i:H(b){J a=-1;I D.2L(b&&b.5w?b[0]:b,7)},1K:H(c,a,b){J d=c;G(c.1q==56)G(a===12)I 7[0]&&D[b||"1K"](7[0],c);N{d={};d[c]=a}I 7.P(H(i){R(c 1n d)D.1K(b?7.V:7,c,D.1i(7,d[c],b,i,c))})},1g:H(b,a){G((b==\'2h\'||b==\'1Z\')&&3d(a)<0)a=12;I 7.1K(b,a,"2a")},1r:H(b){G(1j b!="49"&&b!=U)I 7.4E().3v((7[0]&&7[0].2z||S).5F(b));J a="";D.P(b||7,H(){D.P(7.3t,H(){G(7.16!=8)a+=7.16!=1?7.76:D.17.1r([7])})});I a},5z:H(b){G(7[0])D(b,7[0].2z).5y().39(7[0]).2l(H(){J a=7;1B(a.1x)a=a.1x;I a}).3v(7);I 7},8Y:H(a){I 7.P(H(){D(7).6Q().5z(a)})},8R:H(a){I 7.P(H(){D(7).5z(a)})},3v:H(){I 7.3W(19,M,Q,H(a){G(7.16==1)7.3U(a)})},6F:H(){I 7.3W(19,M,M,H(a){G(7.16==1)7.39(a,7.1x)})},6E:H(){I 7.3W(19,Q,Q,H(a){7.1d.39(a,7)})},5q:H(){I 7.3W(19,Q,M,H(a){7.1d.39(a,7.2H)})},3l:H(){I 7.5n||D([])},2q:H(b){J c=D.2l(7,H(a){I D.2q(b,a)});I 7.2I(/[^+>] [^+>]/.11(b)||b.1h("..")>-1?D.4r(c):c)},5y:H(e){J f=7.2l(H(){G(D.14.1f&&!D.4n(7)){J a=7.6o(M),5h=S.3h("1v");5h.3U(a);I D.4h([5h.4H])[0]}N I 7.6o(M)});J d=f.2q("*").5c().P(H(){G(7[E]!=12)7[E]=U});G(e===M)7.2q("*").5c().P(H(i){G(7.16==3)I;J c=D.L(7,"3w");R(J a 1n c)R(J b 1n c[a])D.W.1e(d[i],a,c[a][b],c[a][b].L)});I f},1E:H(b){I 7.2I(D.1D(b)&&D.3C(7,H(a,i){I b.1k(a,i)})||D.3g(b,7))},4Y:H(b){G(b.1q==56)G(62.11(b))I 7.2I(D.3g(b,7,M));N b=D.3g(b,7);J a=b.K&&b[b.K-1]!==12&&!b.16;I 7.1E(H(){I a?D.2L(7,b)<0:7!=b})},1e:H(a){I 7.2I(D.4r(D.2R(7.3p(),1j a==\'23\'?D(a):D.2d(a))))},3F:H(a){I!!a&&D.3g(a,7).K>0},7T:H(a){I 7.3F("."+a)},6e:H(b){G(b==12){G(7.K){J c=7[0];G(D.Y(c,"2A")){J e=c.64,63=[],15=c.15,2V=c.O=="2A-2V";G(e<0)I U;R(J i=2V?e:0,2f=2V?e+1:15.K;i<2f;i++){J d=15[i];G(d.2W){b=D.14.1f&&!d.at.2x.an?d.1r:d.2x;G(2V)I b;63.1p(b)}}I 63}N I(7[0].2x||"").1o(/\\r/g,"")}I 12}G(b.1q==4L)b+=\'\';I 7.P(H(){G(7.16!=1)I;G(b.1q==2p&&/5O|5L/.11(7.O))7.4J=(D.2L(7.2x,b)>=0||D.2L(7.34,b)>=0);N G(D.Y(7,"2A")){J a=D.2d(b);D("9R",7).P(H(){7.2W=(D.2L(7.2x,a)>=0||D.2L(7.1r,a)>=0)});G(!a.K)7.64=-1}N 7.2x=b})},2K:H(a){I a==12?(7[0]?7[0].4H:U):7.4E().3v(a)},7b:H(a){I 7.5q(a).21()},79:H(i){I 7.3s(i,i+1)},3s:H(){I 7.2I(2p.44.3s.1w(7,19))},2l:H(b){I 7.2I(D.2l(7,H(a,i){I b.1k(a,i,a)}))},5c:H(){I 7.1e(7.5n)},L:H(d,b){J a=d.1R(".");a[1]=a[1]?"."+a[1]:"";G(b===12){J c=7.5C("9z"+a[1]+"!",[a[0]]);G(c===12&&7.K)c=D.L(7[0],d);I c===12&&a[1]?7.L(a[0]):c}N I 7.1P("9u"+a[1]+"!",[a[0],b]).P(H(){D.L(7,d,b)})},3b:H(a){I 7.P(H(){D.3b(7,a)})},3W:H(g,f,h,d){J e=7.K>1,3x;I 7.P(H(){G(!3x){3x=D.4h(g,7.2z);G(h)3x.9o()}J b=7;G(f&&D.Y(7,"1T")&&D.Y(3x[0],"4F"))b=7.3H("22")[0]||7.3U(7.2z.3h("22"));J c=D([]);D.P(3x,H(){J a=e?D(7).5y(M)[0]:7;G(D.Y(a,"1m"))c=c.1e(a);N{G(a.16==1)c=c.1e(D("1m",a).21());d.1k(b,a)}});c.P(6T)})}};D.17.5j.44=D.17;H 6T(i,a){G(a.4d)D.3Y({1a:a.4d,31:Q,1O:"1m"});N D.5u(a.1r||a.6O||a.4H||"");G(a.1d)a.1d.37(a)}H 1z(){I+2B 8J}D.1l=D.17.1l=H(){J b=19[0]||{},i=1,K=19.K,4x=Q,15;G(b.1q==8I){4x=b;b=19[1]||{};i=2}G(1j b!="49"&&1j b!="H")b={};G(K==i){b=7;--i}R(;i<K;i++)G((15=19[i])!=U)R(J c 1n 15){J a=b[c],2w=15[c];G(b===2w)6M;G(4x&&2w&&1j 2w=="49"&&!2w.16)b[c]=D.1l(4x,a||(2w.K!=U?[]:{}),2w);N G(2w!==12)b[c]=2w}I b};J E="4M"+1z(),6K=0,5r={},6G=/z-?5i|8B-?8A|1y|6B|8v-?1Z/i,3P=S.3P||{};D.1l({8u:H(a){1b.$=3m$;G(a)1b.4M=w;I D},1D:H(a){I!!a&&1j a!="23"&&!a.Y&&a.1q!=2p&&/^[\\s[]?H/.11(a+"")},4n:H(a){I a.1C&&!a.1c||a.2j&&a.2z&&!a.2z.1c},5u:H(a){a=D.3k(a);G(a){J b=S.3H("6w")[0]||S.1C,1m=S.3h("1m");1m.O="1r/4t";G(D.14.1f)1m.1r=a;N 1m.3U(S.5F(a));b.39(1m,b.1x);b.37(1m)}},Y:H(b,a){I b.Y&&b.Y.2r()==a.2r()},1Y:{},L:H(c,d,b){c=c==1b?5r:c;J a=c[E];G(!a)a=c[E]=++6K;G(d&&!D.1Y[a])D.1Y[a]={};G(b!==12)D.1Y[a][d]=b;I d?D.1Y[a][d]:a},3b:H(c,b){c=c==1b?5r:c;J a=c[E];G(b){G(D.1Y[a]){2U D.1Y[a][b];b="";R(b 1n D.1Y[a])1X;G(!b)D.3b(c)}}N{1U{2U c[E]}1V(e){G(c.5l)c.5l(E)}2U D.1Y[a]}},P:H(d,a,c){J e,i=0,K=d.K;G(c){G(K==12){R(e 1n d)G(a.1w(d[e],c)===Q)1X}N R(;i<K;)G(a.1w(d[i++],c)===Q)1X}N{G(K==12){R(e 1n d)G(a.1k(d[e],e,d[e])===Q)1X}N R(J b=d[0];i<K&&a.1k(b,i,b)!==Q;b=d[++i]){}}I d},1i:H(b,a,c,i,d){G(D.1D(a))a=a.1k(b,i);I a&&a.1q==4L&&c=="2a"&&!6G.11(d)?a+"2X":a},1F:{1e:H(c,b){D.P((b||"").1R(/\\s+/),H(i,a){G(c.16==1&&!D.1F.3T(c.1F,a))c.1F+=(c.1F?" ":"")+a})},21:H(c,b){G(c.16==1)c.1F=b!=12?D.3C(c.1F.1R(/\\s+/),H(a){I!D.1F.3T(b,a)}).6s(" "):""},3T:H(b,a){I D.2L(a,(b.1F||b).6r().1R(/\\s+/))>-1}},6q:H(b,c,a){J e={};R(J d 1n c){e[d]=b.V[d];b.V[d]=c[d]}a.1k(b);R(J d 1n c)b.V[d]=e[d]},1g:H(d,e,c){G(e=="2h"||e=="1Z"){J b,3X={30:"5x",5g:"1G",18:"3I"},35=e=="2h"?["5e","6k"]:["5G","6i"];H 5b(){b=e=="2h"?d.8f:d.8c;J a=0,2C=0;D.P(35,H(){a+=3d(D.2a(d,"57"+7,M))||0;2C+=3d(D.2a(d,"2C"+7+"4b",M))||0});b-=29.83(a+2C)}G(D(d).3F(":4j"))5b();N D.6q(d,3X,5b);I 29.2f(0,b)}I D.2a(d,e,c)},2a:H(f,l,k){J e,V=f.V;H 3E(b){G(!D.14.2k)I Q;J a=3P.54(b,U);I!a||a.52("3E")==""}G(l=="1y"&&D.14.1f){e=D.1K(V,"1y");I e==""?"1":e}G(D.14.2G&&l=="18"){J d=V.50;V.50="0 7Y 7W";V.50=d}G(l.1I(/4i/i))l=y;G(!k&&V&&V[l])e=V[l];N G(3P.54){G(l.1I(/4i/i))l="4i";l=l.1o(/([A-Z])/g,"-$1").3y();J c=3P.54(f,U);G(c&&!3E(f))e=c.52(l);N{J g=[],2E=[],a=f,i=0;R(;a&&3E(a);a=a.1d)2E.6h(a);R(;i<2E.K;i++)G(3E(2E[i])){g[i]=2E[i].V.18;2E[i].V.18="3I"}e=l=="18"&&g[2E.K-1]!=U?"2F":(c&&c.52(l))||"";R(i=0;i<g.K;i++)G(g[i]!=U)2E[i].V.18=g[i]}G(l=="1y"&&e=="")e="1"}N G(f.4g){J h=l.1o(/\\-(\\w)/g,H(a,b){I b.2r()});e=f.4g[l]||f.4g[h];G(!/^\\d+(2X)?$/i.11(e)&&/^\\d/.11(e)){J j=V.1A,66=f.65.1A;f.65.1A=f.4g.1A;V.1A=e||0;e=V.aM+"2X";V.1A=j;f.65.1A=66}}I e},4h:H(l,h){J k=[];h=h||S;G(1j h.3h==\'12\')h=h.2z||h[0]&&h[0].2z||S;D.P(l,H(i,d){G(!d)I;G(d.1q==4L)d+=\'\';G(1j d=="23"){d=d.1o(/(<(\\w+)[^>]*?)\\/>/g,H(b,a,c){I c.1I(/^(aK|4f|7E|aG|4T|7A|aB|3n|az|ay|av)$/i)?b:a+"></"+c+">"});J f=D.3k(d).3y(),1v=h.3h("1v");J e=!f.1h("<au")&&[1,"<2A 7w=\'7w\'>","</2A>"]||!f.1h("<ar")&&[1,"<7v>","</7v>"]||f.1I(/^<(aq|22|am|ak|ai)/)&&[1,"<1T>","</1T>"]||!f.1h("<4F")&&[2,"<1T><22>","</22></1T>"]||(!f.1h("<af")||!f.1h("<ad"))&&[3,"<1T><22><4F>","</4F></22></1T>"]||!f.1h("<7E")&&[2,"<1T><22></22><7q>","</7q></1T>"]||D.14.1f&&[1,"1v<1v>","</1v>"]||[0,"",""];1v.4H=e[1]+d+e[2];1B(e[0]--)1v=1v.5T;G(D.14.1f){J g=!f.1h("<1T")&&f.1h("<22")<0?1v.1x&&1v.1x.3t:e[1]=="<1T>"&&f.1h("<22")<0?1v.3t:[];R(J j=g.K-1;j>=0;--j)G(D.Y(g[j],"22")&&!g[j].3t.K)g[j].1d.37(g[j]);G(/^\\s/.11(d))1v.39(h.5F(d.1I(/^\\s*/)[0]),1v.1x)}d=D.2d(1v.3t)}G(d.K===0&&(!D.Y(d,"3V")&&!D.Y(d,"2A")))I;G(d[0]==12||D.Y(d,"3V")||d.15)k.1p(d);N k=D.2R(k,d)});I k},1K:H(d,f,c){G(!d||d.16==3||d.16==8)I 12;J e=!D.4n(d),40=c!==12,1f=D.14.1f;f=e&&D.3X[f]||f;G(d.2j){J g=/5Q|4d|V/.11(f);G(f=="2W"&&D.14.2k)d.1d.64;G(f 1n d&&e&&!g){G(40){G(f=="O"&&D.Y(d,"4T")&&d.1d)7p"O a3 a1\'t 9V 9U";d[f]=c}G(D.Y(d,"3V")&&d.7i(f))I d.7i(f).76;I d[f]}G(1f&&e&&f=="V")I D.1K(d.V,"9T",c);G(40)d.9Q(f,""+c);J h=1f&&e&&g?d.4G(f,2):d.4G(f);I h===U?12:h}G(1f&&f=="1y"){G(40){d.6B=1;d.1E=(d.1E||"").1o(/7f\\([^)]*\\)/,"")+(3r(c)+\'\'=="9L"?"":"7f(1y="+c*7a+")")}I d.1E&&d.1E.1h("1y=")>=0?(3d(d.1E.1I(/1y=([^)]*)/)[1])/7a)+\'\':""}f=f.1o(/-([a-z])/9H,H(a,b){I b.2r()});G(40)d[f]=c;I d[f]},3k:H(a){I(a||"").1o(/^\\s+|\\s+$/g,"")},2d:H(b){J a=[];G(b!=U){J i=b.K;G(i==U||b.1R||b.4I||b.1k)a[0]=b;N 1B(i)a[--i]=b[i]}I a},2L:H(b,a){R(J i=0,K=a.K;i<K;i++)G(a[i]===b)I i;I-1},2R:H(a,b){J i=0,T,2S=a.K;G(D.14.1f){1B(T=b[i++])G(T.16!=8)a[2S++]=T}N 1B(T=b[i++])a[2S++]=T;I a},4r:H(a){J c=[],2o={};1U{R(J i=0,K=a.K;i<K;i++){J b=D.L(a[i]);G(!2o[b]){2o[b]=M;c.1p(a[i])}}}1V(e){c=a}I c},3C:H(c,a,d){J b=[];R(J i=0,K=c.K;i<K;i++)G(!d!=!a(c[i],i))b.1p(c[i]);I b},2l:H(d,a){J c=[];R(J i=0,K=d.K;i<K;i++){J b=a(d[i],i);G(b!=U)c[c.K]=b}I c.7d.1w([],c)}});J v=9B.9A.3y();D.14={5B:(v.1I(/.+(?:9y|9x|9w|9v)[\\/: ]([\\d.]+)/)||[])[1],2k:/75/.11(v),2G:/2G/.11(v),1f:/1f/.11(v)&&!/2G/.11(v),42:/42/.11(v)&&!/(9s|75)/.11(v)};J y=D.14.1f?"7o":"72";D.1l({71:!D.14.1f||S.70=="6Z",3X:{"R":"9n","9k":"1F","4i":y,72:y,7o:y,9h:"9f",9e:"9d",9b:"99"}});D.P({6W:H(a){I a.1d},97:H(a){I D.4S(a,"1d")},95:H(a){I D.3a(a,2,"2H")},91:H(a){I D.3a(a,2,"4l")},8Z:H(a){I D.4S(a,"2H")},8X:H(a){I D.4S(a,"4l")},8W:H(a){I D.5v(a.1d.1x,a)},8V:H(a){I D.5v(a.1x)},6Q:H(a){I D.Y(a,"8U")?a.8T||a.8S.S:D.2d(a.3t)}},H(c,d){D.17[c]=H(b){J a=D.2l(7,d);G(b&&1j b=="23")a=D.3g(b,a);I 7.2I(D.4r(a))}});D.P({6P:"3v",8Q:"6F",39:"6E",8P:"5q",8O:"7b"},H(c,b){D.17[c]=H(){J a=19;I 7.P(H(){R(J i=0,K=a.K;i<K;i++)D(a[i])[b](7)})}});D.P({8N:H(a){D.1K(7,a,"");G(7.16==1)7.5l(a)},8M:H(a){D.1F.1e(7,a)},8L:H(a){D.1F.21(7,a)},8K:H(a){D.1F[D.1F.3T(7,a)?"21":"1e"](7,a)},21:H(a){G(!a||D.1E(a,[7]).r.K){D("*",7).1e(7).P(H(){D.W.21(7);D.3b(7)});G(7.1d)7.1d.37(7)}},4E:H(){D(">*",7).21();1B(7.1x)7.37(7.1x)}},H(a,b){D.17[a]=H(){I 7.P(b,19)}});D.P(["6N","4b"],H(i,c){J b=c.3y();D.17[b]=H(a){I 7[0]==1b?D.14.2G&&S.1c["5t"+c]||D.14.2k&&1b["5s"+c]||S.70=="6Z"&&S.1C["5t"+c]||S.1c["5t"+c]:7[0]==S?29.2f(29.2f(S.1c["4y"+c],S.1C["4y"+c]),29.2f(S.1c["2i"+c],S.1C["2i"+c])):a==12?(7.K?D.1g(7[0],b):U):7.1g(b,a.1q==56?a:a+"2X")}});H 25(a,b){I a[0]&&3r(D.2a(a[0],b,M),10)||0}J C=D.14.2k&&3r(D.14.5B)<8H?"(?:[\\\\w*3m-]|\\\\\\\\.)":"(?:[\\\\w\\8F-\\8E*3m-]|\\\\\\\\.)",6L=2B 4v("^>\\\\s*("+C+"+)"),6J=2B 4v("^("+C+"+)(#)("+C+"+)"),6I=2B 4v("^([#.]?)("+C+"*)");D.1l({6H:{"":H(a,i,m){I m[2]=="*"||D.Y(a,m[2])},"#":H(a,i,m){I a.4G("2v")==m[2]},":":{8D:H(a,i,m){I i<m[3]-0},8C:H(a,i,m){I i>m[3]-0},3a:H(a,i,m){I m[3]-0==i},79:H(a,i,m){I m[3]-0==i},3o:H(a,i){I i==0},3S:H(a,i,m,r){I i==r.K-1},6D:H(a,i){I i%2==0},6C:H(a,i){I i%2},"3o-4u":H(a){I a.1d.3H("*")[0]==a},"3S-4u":H(a){I D.3a(a.1d.5T,1,"4l")==a},"8z-4u":H(a){I!D.3a(a.1d.5T,2,"4l")},6W:H(a){I a.1x},4E:H(a){I!a.1x},8y:H(a,i,m){I(a.6O||a.8x||D(a).1r()||"").1h(m[3])>=0},4j:H(a){I"1G"!=a.O&&D.1g(a,"18")!="2F"&&D.1g(a,"5g")!="1G"},1G:H(a){I"1G"==a.O||D.1g(a,"18")=="2F"||D.1g(a,"5g")=="1G"},8w:H(a){I!a.3R},3R:H(a){I a.3R},4J:H(a){I a.4J},2W:H(a){I a.2W||D.1K(a,"2W")},1r:H(a){I"1r"==a.O},5O:H(a){I"5O"==a.O},5L:H(a){I"5L"==a.O},5p:H(a){I"5p"==a.O},3Q:H(a){I"3Q"==a.O},5o:H(a){I"5o"==a.O},6A:H(a){I"6A"==a.O},6z:H(a){I"6z"==a.O},2s:H(a){I"2s"==a.O||D.Y(a,"2s")},4T:H(a){I/4T|2A|6y|2s/i.11(a.Y)},3T:H(a,i,m){I D.2q(m[3],a).K},8t:H(a){I/h\\d/i.11(a.Y)},8s:H(a){I D.3C(D.3O,H(b){I a==b.T}).K}}},6x:[/^(\\[) *@?([\\w-]+) *([!*$^~=]*) *(\'?"?)(.*?)\\4 *\\]/,/^(:)([\\w-]+)\\("?\'?(.*?(\\(.*?\\))?[^(]*?)"?\'?\\)/,2B 4v("^([:.#]*)("+C+"+)")],3g:H(a,c,b){J d,1t=[];1B(a&&a!=d){d=a;J f=D.1E(a,c,b);a=f.t.1o(/^\\s*,\\s*/,"");1t=b?c=f.r:D.2R(1t,f.r)}I 1t},2q:H(t,o){G(1j t!="23")I[t];G(o&&o.16!=1&&o.16!=9)I[];o=o||S;J d=[o],2o=[],3S,Y;1B(t&&3S!=t){J r=[];3S=t;t=D.3k(t);J l=Q,3j=6L,m=3j.2D(t);G(m){Y=m[1].2r();R(J i=0;d[i];i++)R(J c=d[i].1x;c;c=c.2H)G(c.16==1&&(Y=="*"||c.Y.2r()==Y))r.1p(c);d=r;t=t.1o(3j,"");G(t.1h(" ")==0)6M;l=M}N{3j=/^([>+~])\\s*(\\w*)/i;G((m=3j.2D(t))!=U){r=[];J k={};Y=m[2].2r();m=m[1];R(J j=0,3i=d.K;j<3i;j++){J n=m=="~"||m=="+"?d[j].2H:d[j].1x;R(;n;n=n.2H)G(n.16==1){J g=D.L(n);G(m=="~"&&k[g])1X;G(!Y||n.Y.2r()==Y){G(m=="~")k[g]=M;r.1p(n)}G(m=="+")1X}}d=r;t=D.3k(t.1o(3j,""));l=M}}G(t&&!l){G(!t.1h(",")){G(o==d[0])d.4s();2o=D.2R(2o,d);r=d=[o];t=" "+t.6v(1,t.K)}N{J h=6J;J m=h.2D(t);G(m){m=[0,m[2],m[3],m[1]]}N{h=6I;m=h.2D(t)}m[2]=m[2].1o(/\\\\/g,"");J f=d[d.K-1];G(m[1]=="#"&&f&&f.61&&!D.4n(f)){J p=f.61(m[2]);G((D.14.1f||D.14.2G)&&p&&1j p.2v=="23"&&p.2v!=m[2])p=D(\'[@2v="\'+m[2]+\'"]\',f)[0];d=r=p&&(!m[3]||D.Y(p,m[3]))?[p]:[]}N{R(J i=0;d[i];i++){J a=m[1]=="#"&&m[3]?m[3]:m[1]!=""||m[0]==""?"*":m[2];G(a=="*"&&d[i].Y.3y()=="49")a="3n";r=D.2R(r,


Attached File(s)
Attached File  index.htm ( 9.89k ) Number of downloads: 4
Attached File  intro.css ( 7.88k ) Number of downloads: 3
Attached File  intro.css ( 7.88k ) Number of downloads: 4
User is offlineProfile CardPM
+Quote Post

PsychoCoder
RE: Need Help Finishing My Email Form (CSS)
18 Aug, 2008 - 10:49 AM
Post #2

using DIC.Core;
Group Icon

Joined: 26 Jul, 2007
Posts: 8,997



Thanked: 125 times
Dream Kudos: 8625
Expert In: VB, VB.Net, C#, SQL, ASP, ASP.Net, Web Development, HTML, CSS, Win32 API, Javascript, mySQL, J#, Boo.Net

My Contributions
Well to send email you need to use a server-side language such as PHP, ASP, ASP.NET, etc. HTML is simply a markup language and cannot do anything other than design your page (same with CSS)
User is offlineProfile CardPM
+Quote Post

Sonastylol
RE: Need Help Finishing My Email Form (CSS)
18 Aug, 2008 - 12:22 PM
Post #3

D.I.C Head
**

Joined: 15 Dec, 2007
Posts: 124


My Contributions
So I can't just take a .php file and somehow include it into my html page?

If I make my index.html an index.php page -- How do I do it? How do I get the emailer to work in php.

If you can work up an example or find an example for me that would be great.

I only need one email field. Thats all.
User is offlineProfile CardPM
+Quote Post

Korupt
RE: Need Help Finishing My Email Form (CSS)
18 Aug, 2008 - 03:35 PM
Post #4

D.I.C Head
Group Icon

Joined: 22 Jun, 2008
Posts: 58



Thanked: 1 times
Dream Kudos: 25
My Contributions
Yes you can all you need to do is make an mail.php file with the following content:

php

<?php
$to = $_GET['to'];
$subject = $_GET['subject'];
$message = $_GET['message'];
$from = $_GET['from'];
$headers = "From: $from";
mail($to,$subject,$message,$headers);
echo "The email has been sent";
?>


NOTE:This is a very simple one if you want more complex stuff just google one

then just add this form to your html:

html

<form name="form" method="get" action="mail.php">
<center>To: <input type="text" name="to"><br></center>
<center>From: <input type="text name="from"><br></center>
<center>Subject: <input type="text" name="subject"><br></center>
<center>Message:<br><textarea name="message" rows=4 cols=25></textarea></center><br>
<center><input type="submit" value="send"></center>

User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic
Time is now: 12/3/08 02:03PM

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month