En flydende knap til feedback

Kend udtalelse fra besøgende på vores hjemmeside er en meget vigtig ting. Han er en amatør hjemmeside og endnu mere i de websteder af kommerciel art, for kun ved at kende de tænker på vores brugere, vi virkelig kan forbedre vores service.

Det er ikke ualmindeligt, derfor finde i web-links, der fører til at kontakte sider, hvor brugerne opfordres til at forlade den forholdsmæssige tilbagemeldinger.
Grænsen for et simpelt link i denne omstændighed er temmelig indlysende: meget ofte denne type links findes i bunden af siden, og har dårligt udsyn. Den måde at løse, er ganske simpel: prøv at gøre det mere tydeligt, hvordan du sender tilbagemeldinger.

En effektiv og minimalt indgribende ville være at vise en flydende knap, en knap, der forbliver intakt, uanset sidens rulle. I vores tilfælde, sætte knappen "klistre" øverst på siden.
For at gøre det endnu pænere, vil, når du klikker på vores knap dynamisk vises i feedback vindue med en flot slide effekt (fra top til bund).

Vi ser et screenshot af knappen, før og efter klik:

For at gøre dette har vi brug for et scriptsprog til at sende feedback (i mit tilfælde brugte jeg PHP ), et par linjer af CSS at style elementer på siden og en smule "af JavaScript (vi bruger jQuery biblioteket) til at skabe specielle effekter.

Til at begynde med at vi åbner vores editor og oprette en ny PHP-side. Først skal vi skrive koden for at sende feddback til vores indbakke:

 



 <Php







 $ Result = "";







 if (isset ($ _POST ['feedbackSubmit']) og $ _POST ['feedbackSubmit']===' submit') {



  



 $ To = "Webmaster <info@dominio.it>";



  



 $ Fra = $ _POST ['email'];



  



 $ Emne = "Feedback fra sitet Dominio.it";



  



 $ Krop = stripslashes ($ _POST ['besked']);



  



 $ Headers = ". Fra: Internet-bruger <" $ Fra .">";



  



 if (mail ($ til, $ emne, $ besked, $ headers)) {



    



 $ Result = "Beklager, men der var problemer med at sende feedback."



  



 Else {}



    



 $ Result = "Feedback sendt med succes!"



  



 }







 }







 ?>

 

Som du kan se, vi har bekræftet, at formen er blevet behandlet, hvis så vi valorizzatole variabler for at sende e-mail og ved hjælp af indbyggede e-mail, har vi lavet sende video bekræftelse af at give feedback.

• <<
• 1
• 2
• >>