טופס צור קשר להורדה בחינם – גרסה 4 (אג'קס)

ברוכים הבאים לסדרת החינמיים הפופולארית – טפסי צור קשר עם אג'קס להורדה בחינם! היום טופס צור קשר מספר 4 בסדרה בעיצוב נקי ואלגנטי עם טקסט מודגש, רקע שקוף ואפקט יחודי בדרך לשליחה.

מתקינים את הטופס באתר שלכם

[html] <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="js/watermark.js"></script> <script type="text/javascript" src="js/process-contact-form.js"></script> <link rel="stylesheet" type="text/css" href="main.css" media="all" /> [/html]

[html] <!–===STR======= THE CONTACT FORM =============–> <div class="formBox centerIt mt7 relative"> <div class="formTitle"> <h3>רוצים לדעת עוד? פנו אלינו היום</h3> </div>

<div id="cForm" class="w100"> <div class="w40 fright mt1"> <div class="p3"> <div class="formLine mb3"><input type="text" name="senderName" id="senderName" placeholder="השם שלך…" class="w100 brad5" value="" /></div> <div class="formLine mb3"><input type="text" name="senderEmail" id="senderEmail" placeholder="האימייל שלך…" class="w100 brad5" value="" /></div> <div class="formLine mb3"><input type="text" name="senderPhone" id="senderPhone" placeholder="הטלפון שלך…" class="w100 brad5" value="" /></div> </div> </div> <div class="w60 fright"> <div class="p3"> <div class="formLine mb2"><textarea name="senderMsg" id="senderMsg" cols="30" rows="10" placeholder="ההודעה שלך…" class="senderMsg w100 brad5"></textarea></div> </div> </div>

<div id="messageFld" class="dnone brad5"></div>

<div id="contactUsBtn" class="ml3 mb2 fleft "> <div class="submitBtn handHover" id="submitBtn">שליחה</div>

</div>

</div>

</div> <!–===END======= THE CONTACT FORM =============–>

<script type="text/javascript"> // APEND EFFECT TO SEND BUTTON jQuery(function($){ $('div#contactUsBtn').hover(function() { $('div.submitBtn').addClass('animated tada'); }, function() { $('div.submitBtn').removeClass('animated tada'); }); }) </script> [/html]

[php] $to = 'REPLACE_THIS@WITH_YOUR_EMAIL.COM'; [/php]

[php] $to = 'admin@example.com'; [/php]

לדוגמה: אם נבקש לשנות את "השם שלך…" ל- "שם מלא"

 

בקרוב עוד גרסאות ועיצובים שונים

עד כאן שידורינו להיום! זה כבר טופס מספר ארבע מתוך עשרה טפסי יצירת קשר מבוססי אגק'ס וPHP אשר אנו נפרסם. אם אהבתם ואתם רוצים להשאר מעודכנים אתם מוזמנים להרשם לרשימת התפוצה שלנו.

בנוסף אתם מוזמנים להשאיר תגובה ונשמח לשמוע מכם או לעזור עם כל בעיה בה נתקלתם בעת הטמעת הטופס – רק זכרו לבדוק את מדור שאלות ותשובות אותו נעדכן בהתאם לתגובות הגולשים.

אהבתם? פרגנו עם +1 או איזה LIKE חביב או זרקו מילה טובה בעזרת טופס התגובות.