PHP|Débutant :: Forums

<div class="feedback-panel " >
        <a class="feedback-close"> </a>
        <a class="feedback-tab">Remarques</a>
        <a class="news-tab">Actualités</a>

        <div class="feedbackTab">
            <span class="feedText">
                Vous avez une remarque, une idée pour améliorer le site ou une question à nous poser ? Envoyez-nous un message et nous vous répondrons rapidement.            </span>
            <div id="res-wrap"></div>
            <div id="form-wrap">
                <form method="post" action="sendmail.php">
                    <div>
                        <br />Entrez votre adresse E-mail :
                        <input id="email" name="email" class="feedDivInputMail" type="text" style="margin-left: 16px;"/>
                        <br />Entrez votre téléphone<span style="color:red;font-size:11px;">*</span> :      
                        <input id="phone" name="phone" class="feedDivInputPhone" type="text" style="margin-left:21px;"/>
                        <textarea id="message" name="message" class="feedDivText">Entrez vos remarques ici</textarea>
                        <p style="font-size:10px;">
                          <span style="color:red;font-size:11px;">*</span>
                          Le champ téléphone n'est pas obligatoire mais il nous permettra de répondre plus efficacement à vos questions si nécessaire.                            <input type="submit" class="button" style="float: right;margin-top: 4px;" value="Envoyer" />
                        </p>
                    </div>
                </form>
            </div>
        </div>
        <div class="newsTab ">
           
                    <div class="officialNewsTitle">
                        Nouveau sur lelivrescolaire.fr ?
                    </div>
                    <div class="officialNewsPicture">
                        <a href="http://lelivrescolaire.fr/contact" target="_blank"><img src="/upload/Gaetan/p16tptof311c28o2tk9vd621oha4.jpg" style="max-width: 300px;max-height:200px;" border="0" alt="" />
                        </a>
                    </div>
                    <div class="officialNewsIntro">
                        Vous venez de découvrir lelivrescolaire.fr et avez :<br /> ‑ une question ?<br /> ‑ une idée ?<br /> ‑ une remarque ?<br /> ‑ ou vous souhaitez recevoir un spécimen ?<br /><br />N'hésitez pas à nous contacter :<br /> ‑ par téléphone au 01.55.25.75.00<br /> ‑ ou sur <a href="mailto:contact@lelivrescolaire.fr">contact@lelivrescolaire.fr</a><br /><br />Nos délégués pédagogiques sont à votre disposition pour tout renseignement !
                    </div>
                    <div class="officialNewsReadMore">
                        <a href="http://lelivrescolaire.fr/contact" target="_blank"></a>
                    </div>        </div>
        <script type="text/javascript">
      <!--
          $(document).ready( function(){
                layout();
            $('.feedback-panel input.button').click(function() {
                var email = $("input#email.feedDivInputMail").val() + ' - ' + $("input#phone.feedDivInputPhone").val();
                var message = $("textarea#message").val();
                var response_message = "Merci de nous avoir fait part de vos remarques."
            var nav = "Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:13.0) Gecko/20100101 Firefox/13.0";
            var page = "/";
            var resolution = screen.width + ' x ' + screen.height;
                var dataString = 'email=' + email + '&message=' + message + "&nav="+nav + "&res=" + resolution +"&page=" + page;
   
                $.ajax({
                  type: "POST",
                  url: MAIN_URL+'mail/remarques',
                  data: dataString,
                  success: function(result) {
              $('#form-wrap').hide();
                    $('#res-wrap').html("<div id='response-message'></div>");
                    $('#response-message').html("<p>" + response_message +"</p>")
                    .hide()
                    .fadeIn(500)
                    .animate({opacity: 1.0}, 3000)
                    .fadeIn(0, function(){
                $('#form-wrap').show();
                $('#message').val('');
                $('.feedDivInputMail').val('');
                      $('#res-wrap').empty();
                        $('.feedback-tab:first').click();
                    });
                  }
                });
                return false;
            });
          });
         
                                        var _gaq = _gaq || [];
                   _gaq.push(['_setAccount', 'UA-15612125-2']);
                   _gaq.push(['_setAllowAnchor', true]);
                   _gaq.push(['_trackPageview']);
                 
                   (function() {
                     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
                   })();
                     // -->
        </script>