Newsletter programmation

Fermé
marcber Messages postés 115 Date d'inscription vendredi 19 avril 2013 Statut Membre Dernière intervention 19 juin 2024 - Modifié par Whismeril le 16/06/2015 à 20:58
ReDLoG Messages postés 243 Date d'inscription mardi 12 mars 2013 Statut Membre Dernière intervention 28 octobre 2021 - 16 juin 2015 à 21:34
Bonjour,
J'ai un site ou les internaute peuvent laisser leur noms et adresses mail pour recevoir les newsletter
il se fait que je touche deux type de client soit pour le retail soit le foodservice
j'aimerai mettre un bouton radio en dessous a choisir entre retail ou foodservice
ou alors un menu déroulant qui serait meme mieux ....
voici mon code pour l'instant
<div id="optin-form-outer"><div id="optin-form-inner"><form method="post" action="[http://XXXXXXXXXXXXX/cgi-bin/FormMail.pl]" accept-charset="ISO-8859-1" onsubmit="var originalCharset = document.charset; document.charset = 'ISO-8859-1'; window.onbeforeunload = function () {document.charset=originalCharset;};"><p class="preamble">Lettre d'informations </p><label for="name">Votre nom</label><input class="text" type="text" name="name"><label for="email">Adresse Email</label><input class="text" type="text" name="email"><input class="submit" type="submit" value="S'inscrire"><input type="hidden" name="recipient" value="info@artifreeze.com" />
<input type="hidden" name="subject" value="email" />
<input type="hidden" name="redirect" value="XXXXXXXXXXXXXX" /> </form></div></div>


d'avance un grand merci


3 réponses

blackduck Messages postés 817 Date d'inscription mercredi 20 février 2013 Statut Membre Dernière intervention 24 novembre 2018 96
Modifié par blackduck le 16/06/2015 à 18:23
Salut,

Utilises les balises code lorsque que tu postes du code, tu peux même spécifier le langage.

Pour ta question, as tu essayé d'insérer tes radios button? T'es tu retrouvé bloqué par une erreur.

Résolu? ===> [RESOLU]
0
marcber Messages postés 115 Date d'inscription vendredi 19 avril 2013 Statut Membre Dernière intervention 19 juin 2024
16 juin 2015 à 18:31
non c'est un site que j'ai repris il etait programmé comme cela
et non je n'ai pas essayé de peur de faire une connerie
0
ReDLoG Messages postés 243 Date d'inscription mardi 12 mars 2013 Statut Membre Dernière intervention 28 octobre 2021 57
16 juin 2015 à 21:34
Bonsoir,
De toute façon, même si tu insères une liste sélective (balise select) en HTML dans ton formulaire, il te faudra obligatoirement modifier le fichier de traitement nommé FormMail.pl
Cordialement.
0
marcber Messages postés 115 Date d'inscription vendredi 19 avril 2013 Statut Membre Dernière intervention 19 juin 2024
Modifié par Whismeril le 16/06/2015 à 20:59
<style>
    /* line 1, (__TEMPLATE__) */
    #optin-form-outer {
      line-height: 1;
      /* HTML5 display-role reset for older browsers */ }
      /* line 3, (__TEMPLATE__) */
      #optin-form-outer, #optin-form-outer div, #optin-form-outer span, #optin-form-outer applet, #optin-form-outer object, #optin-form-outer iframe,
      #optin-form-outer h1, #optin-form-outer h2, #optin-form-outer h3, #optin-form-outer h4, #optin-form-outer h5, #optin-form-outer h6, #optin-form-outer p, #optin-form-outer blockquote, #optin-form-outer pre,
      #optin-form-outer a, #optin-form-outer abbr, #optin-form-outer acronym, #optin-form-outer address, #optin-form-outer big, #optin-form-outer cite, #optin-form-outer code,
      #optin-form-outer del, #optin-form-outer dfn, #optin-form-outer em, #optin-form-outer img, #optin-form-outer ins, #optin-form-outer kbd, #optin-form-outer q, #optin-form-outer s, #optin-form-outer samp,
      #optin-form-outer small, #optin-form-outer strike, #optin-form-outer strong, #optin-form-outer sub, #optin-form-outer sup, #optin-form-outer tt, #optin-form-outer var,
      #optin-form-outer b, #optin-form-outer u, #optin-form-outer i, #optin-form-outer center,
      #optin-form-outer dl, #optin-form-outer dt, #optin-form-outer dd, #optin-form-outer ol, #optin-form-outer ul, #optin-form-outer li,
      #optin-form-outer fieldset, #optin-form-outer form, #optin-form-outer label, #optin-form-outer legend,
      #optin-form-outer table, #optin-form-outer caption, #optin-form-outer tbody, #optin-form-outer tfoot, #optin-form-outer thead, #optin-form-outer tr, #optin-form-outer th, #optin-form-outer td,
      #optin-form-outer article, #optin-form-outer aside, #optin-form-outer canvas, #optin-form-outer details, #optin-form-outer embed,
      #optin-form-outer figure, #optin-form-outer figcaption, #optin-form-outer footer, #optin-form-outer header, #optin-form-outer hgroup,
      #optin-form-outer menu, #optin-form-outer nav, #optin-form-outer output, #optin-form-outer ruby, #optin-form-outer section, #optin-form-outer summary,
      #optin-form-outer time, #optin-form-outer mark, #optin-form-outer audio, #optin-form-outer video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        background: auto; }
      /* line 25, (__TEMPLATE__) */
      #optin-form-outer article, #optin-form-outer aside, #optin-form-outer details, #optin-form-outer figcaption, #optin-form-outer figure,
      #optin-form-outer footer, #optin-form-outer header, #optin-form-outer hgroup, #optin-form-outer menu, #optin-form-outer nav, #optin-form-outer section {
        display: block; }
      /* line 28, (__TEMPLATE__) */
      #optin-form-outer ol, #optin-form-outer ul {
        list-style: none; }
      /* line 30, (__TEMPLATE__) */
      #optin-form-outer blockquote, #optin-form-outer q {
        quotes: none; }
      /* line 32, (__TEMPLATE__) */
      #optin-form-outer blockquote:before, #optin-form-outer blockquote:after,
      #optin-form-outer q:before, #optin-form-outer q:after {
        content: "";
        content: none; }
      /* line 36, (__TEMPLATE__) */
      #optin-form-outer table {
        border-collapse: collapse;
        border-spacing: 0; }
      /* line 39, (__TEMPLATE__) */
      #optin-form-outer input, #optin-form-outer select, #optin-form-outer button {
        border: auto;
        background: auto;
        padding: auto; }
      /* line 44, (__TEMPLATE__) */
      #optin-form-outer input.text {
        border: 1px solid #cccccc;
        width: 92%; }
      /* line 47, (__TEMPLATE__) */
      #optin-form-outer input.text, #optin-form-outer input.submit {
        margin-bottom: 20px;
        border-radius: 3px;
        font-family: inherit;
        font-size: inherit; }
      /* line 53, (__TEMPLATE__) */
      #optin-form-outer input.text, #optin-form-outer input.submit, #optin-form-outer label {
        line-height: 30px; }
      /* line 56, (__TEMPLATE__) */
      #optin-form-outer .preamble {
        margin-bottom: 20px;
        font-size: 20px;
        font-weight: bold; }
  </style>

  <style>
    /* line 1, (__TEMPLATE__) */
    #optin-form-outer {
      color: #444444;
      font-family: "Arial", sans-serif;
      line-height: 30px;
      font-size: 16px; }
      /* line 7, (__TEMPLATE__) */
      #optin-form-outer input, #optin-form-outer label {
        display: block;
        padding: 0 5px; }
      /* line 11, (__TEMPLATE__) */
      #optin-form-outer input {
        padding: 0 2%; }
      /* line 14, (__TEMPLATE__) */
      #optin-form-outer input.submit {
        border: 1px solid red;
        border-top: 1px solid #bbbbbb;
        box-shadow: 0px 0px 0px 1px red;
        background: red;
        color: white;
        width: 96%;
        text-shadow: 0 1px black;
        font-weight: 400;
        cursor: pointer; }
      /* line 26, (__TEMPLATE__) */
      #optin-form-outer label {
        font-weight: bold;
        text-shadow: 1px 1px white; }
  </style>

  <style>
    /* line 2, (__TEMPLATE__) */
    #optin-form-outer #optin-form-inner {
      background: #eeeeee;
      margin: 0px auto;
      border-radius: 5px;
      box-shadow: 0px 0px 1px 1px #cccccc;
      border-top: 1px solid white;
      padding: 20px; }
    /* line 10, (__TEMPLATE__) */
    #optin-form-outer input {
      box-shadow: 0px 2px 3px 0 #dddddd; }
  </style>

<div id="optin-form-outer"><div id="optin-form-inner"><form method="post" action="[http://www.artifreeze.com/cgi-bin/FormMail.pl]" accept-charset="ISO-8859-1" onsubmit="var originalCharset = document.charset; document.charset = 'ISO-8859-1'; window.onbeforeunload = function () {document.charset=originalCharset;};"><p class="preamble">Lettre d'informations </p><label for="name">Votre nom</label><input class="text" type="text" name="name"><label for="email">Adresse Email</label><input class="text" type="text" name="email"><input class="submit" type="submit" value="S'inscrire"><input type="hidden" name="recipient" value="xxxxxxxxxxxx" />
<input type="hidden" name="subject" value="email" />
<input type="hidden" name="redirect" value="[http://xxxxxxxxx]" /> </form></div></div>
0
Utilisateur anonyme
16 juin 2015 à 21:00
EDIT: Ajout de la coloration syntaxique, comme blackduck te l'avais déjà demandé.
0