ปุ่มลอยตัวสำหรับข้อมูล

ทราบความคิดเห็นของผู้เข้าชมเว็บไซต์ของเราเป็นสิ่งที่สำคัญมาก เขาเป็นมือสมัครเล่นและเว็บไซต์มากยิ่งขึ้นในเว็บไซต์ของธรรมชาติในเชิงพาณิชย์เพราะเพียงด้วยการรู้คิดของผู้ใช้ของเราที่เราจริงๆสามารถปรับปรุงบริการของเรา

มันไม่ใช่เรื่องแปลกจึงจะพบภายในเว็บไซต์ที่ดำเนินการติดต่อเชื่อมโยงไปยังหน้าเว็บที่ผู้ใช้จะถูกเชิญให้ออกจากความคิดเห็นของสัดส่วน
ขีด จำกัด ของการเชื่อมโยงง่ายๆในสถานการณ์เช่นนี้เป็นอย่างมาก : มากมักจะประเภทของการเชื่อมโยงเหล่านี้สามารถพบได้ในส่วนท้ายของหน้าและมีการมองเห็นไม่ดี วิธีการแก้ไขจะค่อนข้างง่าย : เราพยายามที่จะทำให้มันชัดเจนถึงวิธีการส่งข้อเสนอแนะ

ที่มีประสิทธิภาพและล่วงล้ำน้อยที่สุดจะมีการแสดงปุ่มลอยปุ่มที่ยังคงเหมือนเดิมโดยไม่คำนึงถึงของหน้าเลื่อน ในกรณีของเราใส่ปุ่ม"วาง"เพื่อให้ด้านบนของหน้า
ที่จะให้มันแม้แต่ nicer, เมื่อคุณคลิกที่ปุ่มของเราแบบไดนามิกจะปรากฏในหน้าต่างข้อมูลที่มีผลภาพนิ่งที่ดี (จากบนลงล่าง)

เราจะเห็นภาพของปุ่มก่อนและหลังคลิกที่ :

การทำเช่นนี้เราต้องมีภาษาสคริปต์เพื่อส่งข้อเสนอแนะ (ในกรณีของฉันฉันใช้ PHP ), ไม่กี่บรรทัดของ CSS เพื่อองค์ประกอบลักษณะบนหน้าเว็บและบิต'ของ JavaScript (jQuery จะใช้ห้องสมุด) การสร้าง เทคนิคพิเศษ

เพื่อเริ่มต้นกับเราเปิดโปรแกรมแก้ไขของเราและสร้างเพจ PHP ใหม​​่ ครั้งแรกที่เราเขียนโค้ดสำหรับการส่ง feddback ไปที่กล่องจดหมายของเรา :

 



 <? Php







 $ result ="";







 ถ้า (isset ($ _POST ['feedbackSubmit']) และ $ _POST ['feedbackSubmit ']===' submit') {



  



 $ เพื่อ ="เว็บมาสเตอร์ <info@dominio.it>";



  



 $ from = $ _POST ['email'];



  



 เรื่อง $ ="ผลตอบรับจาก Dominio.it เว็บไซต์";



  



 ร่างกาย $ = stripslashes ($ _POST ['msg']);



  



 $ Headers =."จาก : <ผู้ใช้อินเทอร์เน็ต"$ จาก .">";



  



 ถ้า (mail ($ เพื่อ, $ เรื่องข้อความ $, $ หัว)) {



    



 $ result ="ขออภัย แต่มีปัญหาในการส่งข้อเสนอแนะ."



  



 else {}



    



 $ result ="ความคิดเห็นส่งเรียบร้อยแล้ว!";



  



 }







 }







 ?>

 

ในขณะที่คุณสามารถดูเราได้ตรวจสอบว่าแบบฟอร์มที่มีการดำเนินการหากเพื่อให้เรา valorizzatole ตัวแปรสำหรับการส่งอีเมลและการใช้อีเมล์พื้นเมืองเรามีข้อเสนอแนะการดำเนินการจะให้การยืนยันวิดีโอ

• <<
• 1
• 2
• >>