..


スポンサーリンク

フィードバックのためのフローティングボタン

によって書かれた記事ホレスMaico
ページ1の2

当サイトへの訪問者の意見は非常に重要なこと知っている。 彼はアマチュアのサイトであり、商業的性質のサイトではさらに、唯一の我々のユーザーの考えを知ることによって我々は本当に私たちのサービスを向上させることができますので。

それは珍しいことではない、したがって、ユーザは比例フィードバックを残すために招待されているページを連絡するリンクを運ぶウェブサイト内で見つけること
リンクのこれらのタイプはページのフッターに記載されて非常に頻繁にと視界の悪さを持っています:この状況で単純なリンクの制限はかなり明白です。 修正する方法は非常に単純です:我々はそれがフィードバックを送信する方法を明確にしてみてください。

効果的かつ最小限侵入は浮動ボタン、ページのスクロールに関係なく、無傷のままボタンを表示することです。 私たちのケースでは、ページの一番上に"貼り付け"ボタンを置く。
それがより良かったようにするには、あなたが私達のボタンをクリックしたときに動的に素敵なスライド効果(上から下へ)とフィードバックのウィンドウに表示されます。

我々は、クリックする前と後のボタンのスクリーンショットを参照してください。

これを行うために、我々は(私のケースで私が使用したフィードバックを送信するスクリプト言語が必要PHPを )、数行のCSSページでスタイルの要素へと少し" JavaScriptを作成する(jQueryはライブラリを使用する)特殊効果。

我々はエディタを開き、新しいPHPページを作成すると開始します。 まず、私たちの受信箱にfeddbackを送信するためのコードを記述します。

 



 <?PHPの







 $結果="";







場合(どうかの判断($ _POST ['feedbackSubmit'])と$ _POST ['提出']===' feedbackSubmit'){



  



へ$ ="ウェブマスター<info@dominio.it>";



  



 = $ _POST ['email']をから$;



  



 $件名="ウェブサイトのDominio.itからのフィードバック";



  



 $ボディ= stripslashes($ _POST ['msgに']);



  



 $ヘッダー="から:ユーザーのインターネットの<"から$ .">";。



  



場合(メール(件名$に、$、$メッセージ、$ヘッダ)){



    



 $結果="申し訳ありませんが、フィードバックを送ることに問題があった。"



  



他に{}



    



 $結果="フィードバックは正常に送信!";



  



 }







 }







 ?>

 
もし我々は電子メールを送信し、ネイティブの電子メールを使用するための変数をvalorizzatoleそうであれば、フォームが、処理されたことを確認して見ることができるように我々はフィードバックがビデオの確認を与えている実施している。

同じカテゴリの...
E -ラーニング
CSS(コース) CSS(コース)
W3C CSSやXHTMLに応じてWebデザインとアクセシビリティ。 29€から開始。
ウェブデザイン(コース) ウェブデザイン(コース)
HTML、CSSとダイナミックHTMLによるWebサイトを設計します。 39€から。
ウェブマスター上級(コース) ウェブマスター上級(コース)
プロのウェブマスターになる。 39€から。
スポンサーリンク