Boutique en ligne Visites, citypass, excursions,...

Formulaire d'inscription à la newsletter

no_display_title

No

title

Formulaire d'inscription à la newsletter

subtitle

intro

style

boxed

type

formulaire

link_title

link

Validation inscription aux Newsletters

image

external_link

bg_color

html_block

<div class="col-md-offset-1 col-md-10 col-sm-offset-0 col-sm-12 col-xs-offset-0 col-xs-12">
<script language="JavaScript" type="text/javascript">

function recaptchaCallback() {
$("input[type=submit]").removeAttr("disabled");

}

// -----------------------------------------------------------------------------------------
// ------------------- Verification de la validité de l'adresse mail. ------------------------
// ------------------------------- Ne pas modifier -----------------------------------------
// -----------------------------------------------------------------------------------------//
function verifMail(a) {
testm = false;
reg = new RegExp("^[A-Za-z0-9]+([_\\.\\-\\+][A-Za-z0-9]*)*@[A-Za-z0-9]+([_\\.\\-][A-Za-z0-9]{1,})*\\.([A-Za-z]{2,}){1}$", "");
var ResultEmail = reg.test(a);
if (ResultEmail) testm = true;
return testm;
}

function updateAlternativeLanguage(mainLanguage) {

var $firstLangSelect = $("#" + mainLanguage.id);
var $secondLangSelect = $("#interest-alt");

if ($firstLangSelect.val() != "" && $firstLangSelect.val() != 442 && $firstLangSelect.val() != 443) {
$secondLangSelect.parent().removeClass("no-display");
$secondLangSelect.attr("required", "required");
} else {

$secondLangSelect.parent().addClass("no-display")
$secondLangSelect.children("option").each(function () {
$(this).removeAttr("selected");
});
$secondLangSelect.removeAttr("required");
}
}

function UnlockButton() {
$("input:button").removeAttr("disabled");
}

function LockButton() {
$("input:button").attr("disabled", "disabled");
}


// -----------------------------------------------------------------------------------------
// -------------------- Verification des champs obligatoires -------------------------------
// Pour rajouter des champs obligatoires, copier coller le code suivant et modifier les noms.
// -----------------------------------------------------------------------------------------//
function valid(){

var collectElements=document.forms["AbonnementDOLIST"].elements;
var MessErreur = "Veuillez corriger les problemes suivants : \n \n";
var testUtil = 1;


if (document.getElementById('email').value != ""){
if (verifMail(document.getElementById('email').value) == true) // à enlever si le champs n'est pas l'e-mail
testUtil = eval(testUtil&1); // Ne pas modifier
else {
MessErreur = MessErreur+"\t - Adresse E-mail invalide \n";
testUtil = eval(testUtil&0); //Ne pas modifier
}
// if (document.getElementById('email').value == document.getElementById('controlEmail').value)
// testUtil = eval(testUtil&1); // Ne pas modifier
// else {
// MessErreur = MessErreur+"\t - Veuillez ressaisir votre adresse e-mail. \n";
// testUtil = eval(testUtil&0); //Ne pas modifier
// }
}
else{
MessErreur = MessErreur+"\t - Remplir le champ Adresse E-mail \n";
testUtil = eval(testUtil&0); // Ne pas modifier
}
if(document.AbonnementDOLIST.do_field_106_1.value.replace(/(^\s*)|(\s*$)/g,'') == ""){
MessErreur = MessErreur+"\t - Remplir le champ Prénom \n";
testUtil = eval(testUtil&0); // Ne pas modifier
}
if(document.AbonnementDOLIST.do_field_107_2.value.replace(/(^\s*)|(\s*$)/g,'') == ""){
MessErreur = MessErreur+"\t - Remplir le champ Nom \n";
testUtil = eval(testUtil&0); // Ne pas modifier
}
if(document.AbonnementDOLIST.do_field_111_36.value.substr(0,1) == ""){
MessErreur = MessErreur+"\t - Remplir le champ Pays \n";
testUtil = eval(testUtil&0); // Ne pas modifier
}
if(document.AbonnementDOLIST.do_interest_36.value.substr(0,1) == ""){
MessErreur = MessErreur+"\t - Remplir le champ Langue principale \n";
testUtil = eval(testUtil&0); // Ne pas modifier
}

// ----------------------- Ne pas modifier la partie ci-dessous ----------------------------
if(testUtil == 1){
CallService();
return false;}
else UnlockButton(); alert(MessErreur);
}
function IsMemberExist(response){
if(response) return ConfirmMemberExist();
else document.AbonnementDOLIST.submit();
}
function ConfirmMemberExist() {
if (confirm('Votre email est déjà présent. Souhaitez-vous mettre à jour votre profil ?')) {document.AbonnementDOLIST.submit();} else { UnlockButton(); }}
function CallService(){
var service = new WS('http://f.info.lyon-france.com/Services/FormService.asmx', WSDataType.jsonp);
service.call("GetEmail", {listId:$("#do_ListId").val(), email: $("#email").val()}, IsMemberExist);
}

//--------------------------------------------------------------------------------------------------- //
</script>

<script src="http://f.info.lyon-france.com/script/jMsAjax.js" type="text/javascript"></script>
<script src="http://f.info.lyon-france.com/script/WS.js" type="text/javascript"></script>

<style>

.separator {
min-height: 1px;
margin-top: 20px;
margin-bottom: 20px;
background: transparent url(/bundles/oltcmainfront/images/separator-intro.png) no-repeat bottom center;
}

.content-main_page .section {
padding-bottom: 0;
}

#bande-bande-default {
padding-top: 0;
}

#nwlt_form .form-group label {
color: #000000;
}

/* Base for label styling */
.inline-button:not(:checked),
.inline-button:checked {
position: absolute;
left: -9999px;
}

.inline-button:not(:checked) + label {
color: #000;
background-color: #fff;
}

.inline-button:checked + label {
color: #fff;
background-color: #a49279;
}

.inline-button:not(:checked) + label,
.inline-button:checked + label {
position: relative;
padding: 5px 10px 5px 32px;
border: 1px solid #a49279;
border-radius: 20px;
cursor: pointer;
}

/* checkbox aspect */
.inline-button:not(:checked) + label:before,
.inline-button:checked + label:before {
content: '';
position: absolute;
left: 5px;
top: 5px;
width: 18px;
height: 18px;
border: 1px solid #aaa;
background: #fff;
border-radius: 20px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}

.inline-button:checked + label:before {
border: none;
}

/* checked mark aspect */
.inline-button:not(:checked) + label:after,
.inline-button:checked + label:after {
content: '\2713\0020';
position: absolute;
top: 8px;
left: 6px;
font-weight:600;
font-size: 1.3em;
line-height: 0.8;
color: #a49279;
transition: all .2s;
}

/* checked mark aspect changes */
.inline-button:not(:checked) + label:after {
opacity: 0;
transform: scale(0);
}

.inline-button:checked + label:after {
opacity: 1;
transform: scale(1);
}

/* disabled checkbox */
.inline-button:disabled:not(:checked) + label:before,
.inline-button:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}

.inline-button:disabled:checked + label:after {
color: #999;
}

.inline-button:disabled + label {
color: #aaa;
}

/* accessibility */
.inline-button:not(:checked):hover + label:before {
border: 1px solid #a49279;
}

</style>

<!-- Initialisation données -->
<form id="nwlt_form" NAME='AbonnementDOLIST' METHOD='post' action='http://f.info.lyon-france.com/sw/default.aspx' accept-charset='UTF-8'>
<input type="hidden" name='do_ListId' id='do_ListId' value='BE8'>
<input type="hidden" name="do_IdSubscribe" value="12">
<input type="hidden" name='do_redirect' value="https://www.lyon-france.com/inscription-newsletters/validation-inscription-aux-newsletters">
<input type="hidden" name='do_SponsorId' value="[SPIDKC]">
<div class="row-description">
<div class="content ezrichtext-field"><p><strong>Vous êt</strong><strong>es Grand-Lyonnais ou tout
simplement (très) souvent à Lyon&nbsp;? Abonnez-vous à la newsletter des coups de cœur Mon Week-End à
Lyon&nbsp;!</strong></p>
<p>Chaque jeudi, recevez par mail 4 coups de cœur pour votre week-end, recommandés par notre équipe
de rédacteurs. Concerts, expositions, festivals, balades, ventes éphémères... tout pour profiter de
votre week-end à Lyon&nbsp;!</p>
<input name="do_interest_34" type="checkbox" value="432" class="inline-button" id="chkMWEAL">
<label for="chkMWEAL">Je m'abonne à la Newsletter Mon Week-end à Lyon</label>

<div class="separator"></div>

<p><strong>Vous préparez votre séjour à Lyon ou souhaitez en savoir plus sur l’actualité de notre
destination&nbsp;?</strong></p>
<p>Chaque mois, recevez les actualités du moment, les grands évènements, les bonnes adresses lyonnaises
et les bons plans pour préparer votre séjour, avec la newsletter ONLYLYON Expérience&nbsp;!</p>
<input name="do_interest_34" type="checkbox" value="433" class="inline-button" id="chkOLX">
<label for="chkOLX">Je m'abonne à la Newsletter ONLYLYON Experience</label>

<div class="separator"></div>

<p><strong>Vous voulez rester en contact avec notre structure et recevoir les informations
institutionnelles d’ONLYLYON Tourisme et Congrès&nbsp;?</strong></p>
<p>Chaque semaine, recevez le Petit Journal d’ONLYLYON Tourisme et Congrès, les informations dédiées à
nos adhérents et partenaires, nos RDV professionnels (salons, congrès, grands évènements…), nos
partenariats…</p>

<input name="do_interest_35" type="checkbox" value="437" class="inline-button" id="chkPro">
<label for="chkPro">Je m'abonne à la Newsletter Le Petit Journal ONLYLYON Tourisme</label>

</div>

</div>

<div class="col-12 margin-top">
<div class="attr-title text-center no-breadcrumb-title margin-bottom">
<span class="attr-title-info">* Champs obligatoires</span>
</div>
</div>

<div class="col-12 col-md-6 col-md-offset-3">
<div class="form-group is-empty">
<label class="text-message" for="email">
Adresse e-mail *
</label>
<input type="email"
name="do_field_105_7"
placeholder=""
class="email form-control oltc-form-field"
id="email"
required="required"
data-error="Ce champs est requis."
value=""
>
<span class="material-input"></span>
</div>

<div class="form-group is-empty">
<label class="text-message" for="salutationid">
Civilité *
</label>
<select id="salutationid" name="do_field_112_31" class="form-civilite form-control oltc-form-field"
required="required">
<option value="">- Faites votre choix -</option>
<option value="1">Madame</option>
<option value="3">Monsieur</option>
<!--
<option value="4">Docteur</option>
<option value="5">Professeur</option>
<option value="6">Maître</option>
-->
</select>
<div class="help-block with-errors"></div>
<span class="material-input"></span>
</div>


<div class="form-group is-empty">
<label class="text-message" for="firstname">
Prénom *
</label>
<input type="text"
name="do_field_106_1"
placeholder=""
class="firstname form-control oltc-form-field"
id="firstname"
required="required"
data-error="Ce champs est requis."
maxlength="64"
value="">
<span class="material-input"></span>
</div>
<div class="form-group is-empty">
<label class="text-message" for="lastname">
Nom *
</label>
<input type="text"
name="do_field_107_2"
placeholder=""
class="lastname form-control oltc-form-field"
id="lastname"
required="required"
data-error="Ce champs est requis."
maxlength="64"
value="">
<span class="material-input"></span>
</div>

<div class="form-group is-empty">
<label class="text-message" for="zipcode">
Code postal *
</label>
<input type="text"
name="do_field_108_6"
placeholder=""
class="zipcode form-control oltc-form-field"
id="zipcode"
required="required"
data-error="Ce champs est requis."
maxlength="16"
value="">
<span class="material-input"></span>
</div>
<div class="form-group is-empty">
<label class="text-message" for="city">
Ville *
</label>
<input type="text"
name="do_field_109_5"
placeholder=""
class="city form-control oltc-form-field"
id="city"
required="required"
data-error="Ce champs est requis."
maxlength="64"
value="">
<span class="material-input"></span>
</div>

<div class="form-group is-empty">
<label class="text-message" for="countryid">
Pays *
</label>
<select id="countryid" name="do_field_111_36" class="form-country form-control oltc-form-field"
required="required">
<option value="">- Faites votre choix -</option>
<option value="0">************EUROPE************</option>
<option value="1" selected="selected">FRANCE</option>
<option value="2">BELGIQUE</option>
<option value="3">PAYS-BAS</option>
<option value="4">ALLEMAGNE</option>
<option value="5">ITALIE</option>
<option value="6">ROYAUME UNI</option>
<option value="7">IRLANDE</option>
<option value="8">DANEMARK</option>
<option value="9">GRECE</option>
<option value="10">PORTUGAL</option>
<option value="11">ESPAGNE</option>
<option value="21">CANARIES</option>
<option value="22">CEUTA ET MELILLA</option>
<option value="23">LUXEMBOURG</option>
<option value="24">ISLANDE</option>
<option value="25">ILES FEROE</option>
<option value="28">NORVEGE</option>
<option value="30">SUEDE</option>
<option value="32">FINLANDE</option>
<option value="36">SUISSE</option>
<option value="37">LIECHTENSTEIN</option>
<option value="38">AUTRICHE</option>
<option value="43">ANDORRE</option>
<option value="44">GIBRALTAR</option>
<option value="45">VATICAN</option>
<option value="46">MALTE</option>
<option value="48">YOUGOSLAVIE</option>
<option value="52">TURQUIE</option>
<option value="53">ESTONIE</option>
<option value="54">LETTONIE</option>
<option value="55">LITUANIE</option>
<option value="56">C.E.I.</option>
<option value="60">POLOGNE</option>
<option value="61">REPUBLIQUE TCHEQUE</option>
<option value="63">SLOVAQUIE</option>
<option value="64">HONGRIE</option>
<option value="66">ROUMANIE</option>
<option value="68">BULGARIE</option>
<option value="70">ALBANIE</option>
<option value="72">UKRAINE</option>
<option value="73">BIELORUSSIE</option>
<option value="74">MOLDAVIE</option>
<option value="75">RUSSIE</option>
<option value="76">GEORGIE</option>
<option value="77">ARMENIE</option>
<option value="78">AZERBAIDJAN</option>
<option value="79">KAZAKHSTAN</option>
<option value="80">TURKMENISTAN</option>
<option value="81">OUZBEKISTAN</option>
<option value="82">TADJIKISTAN</option>
<option value="83">KIRGUIZISTAN</option>
<option value="91">SLOVENIE</option>
<option value="92">CROATIE</option>
<option value="93">BOSNIE HERZEGOVINE</option>
<option value="94">SERBIE ET MONTENEGRO</option>
<option value="96">MACEDOINE</option>
<option value="200">***********AFRIQUE************</option>
<option value="204">MAROC</option>
<option value="208">ALGERIE</option>
<option value="212">TUNISIE</option>
<option value="216">LIBYE</option>
<option value="220">EGYPTE</option>
<option value="224">SOUDAN</option>
<option value="225">SUD SOUDAN</option>
<option value="228">MAURITANIE</option>
<option value="232">MALI</option>
<option value="236">BURKINA FASO</option>
<option value="240">NIGER</option>
<option value="244">TCHAD</option>
<option value="247">CAP VERT</option>
<option value="248">SENEGAL</option>
<option value="252">GAMBIE</option>
<option value="257">GUINEE BISSAU</option>
<option value="260">GUINEE</option>
<option value="264">SIERRA LEONE</option>
<option value="268">LIBERIA</option>
<option value="272">COTE D'IVOIRE</option>
<option value="276">GHANA</option>
<option value="280">TOGO</option>
<option value="284">BENIN</option>
<option value="288">NIGERIA</option>
<option value="302">CAMEROUN</option>
<option value="306">REPUBLIQUE CENTRAFRICAINE</option>
<option value="310">GUINEE EQUATORIALE</option>
<option value="311">SAO TOME ET PRINCIPE</option>
<option value="314">GABON</option>
<option value="318">CONGO</option>
<option value="319">DR CONGO</option>
<option value="322">ZAIRE</option>
<option value="324">RWANDA</option>
<option value="328">BURUNDI</option>
<option value="329">STE HELENE ET TRISTAN DA CUNHA</option>
<option value="330">ANGOLA</option>
<option value="334">ETHIOPIE</option>
<option value="336">ERYTHREE</option>
<option value="338">DJIBOUTI</option>
<option value="342">SOMALIE</option>
<option value="346">KENYA</option>
<option value="350">OUGANDA</option>
<option value="352">TANZANIE</option>
<option value="355">ILES SEYCHELLES</option>
<option value="357">ARCHIPEL DES CHAGOS</option>
<option value="366">MOZAMBIQUE</option>
<option value="370">MADAGASCAR</option>
<option value="372">LA REUNION</option>
<option value="373">MAURITIUS</option>
<option value="375">COMORES</option>
<option value="377">MAYOTTE</option>
<option value="378">ZAMBIE</option>
<option value="382">ZIMBABWE</option>
<option value="386">MALAWI</option>
<option value="388">AFRIQUE DU SUD</option>
<option value="389">NAMIBIE</option>
<option value="391">BOTSWANA</option>
<option value="393">SWAZILAND</option>
<option value="395">LESOTHO</option>
<option value="399">**********AMERIQUES***********</option>
<option value="400">USA</option>
<option value="404">CANADA</option>
<option value="406">GROENLAND</option>
<option value="408">SAINT PIERRE ET MIQUELON</option>
<option value="412">MEXIQUE</option>
<option value="413">BERMUDES</option>
<option value="416">GUATEMALA</option>
<option value="421">BELIZE</option>
<option value="424">HONDURAS</option>
<option value="428">SALVADOR</option>
<option value="432">NICARAGUA</option>
<option value="436">COSTA RICA</option>
<option value="442">PANAMA</option>
<option value="446">ANGUILLA</option>
<option value="448">CUBA</option>
<option value="449">SAINT KITTS ET NEVIS</option>
<option value="452">HAITI</option>
<option value="453">BAHAMAS</option>
<option value="454">TURKS ET CAICOS</option>
<option value="455">PUERTO RICO</option>
<option value="456">REPUBLIQUE DOMINICAINE</option>
<option value="457">SAINT-BARTHELEMY</option>
<option value="458">GUADELOUPE</option>
<option value="459">ANTIGUA BARBUDA</option>
<option value="460">DOMINIQUE</option>
<option value="461">ILES VIERGES DU R.U. ET MONTSERRAT</option>
<option value="462">MARTINIQUE</option>
<option value="463">ILES CAYMAN</option>
<option value="464">JAMAIQUE</option>
<option value="465">SAINTE LUCIE</option>
<option value="467">SAINT VINCENT ET GRENADINES</option>
<option value="469">LA BARBADE</option>
<option value="472">TRINIDAD ET TOBAGO</option>
<option value="473">GRENADE</option>
<option value="474">ARUBA</option>
<option value="478">ANTILLES NEERLANDAISES</option>
<option value="480">COLOMBIE</option>
<option value="484">VENEZUELA</option>
<option value="488">GUYANA</option>
<option value="492">SURINAME</option>
<option value="496">GUYANE FRANCAISE</option>
<option value="500">EQUATEUR</option>
<option value="504">PEROU</option>
<option value="508">BRESIL</option>
<option value="512">CHILI</option>
<option value="516">BOLIVIE</option>
<option value="520">PARAGUAY</option>
<option value="524">URUGUAY</option>
<option value="528">ARGENTINE</option>
<option value="529">FALKLANDS</option>
<option value="599">*************ASIE*************</option>
<option value="600">CHYPRE</option>
<option value="604">LIBAN</option>
<option value="608">SYRIE</option>
<option value="612">IRAK</option>
<option value="616">IRAN</option>
<option value="624">ISRAEL</option>
<option value="628">JORDANIE</option>
<option value="632">ARABIE SAOUDITE</option>
<option value="636">KOWEIT</option>
<option value="640">BAHREIN</option>
<option value="644">QATAR</option>
<option value="645">DUBAI</option>
<option value="647">EMIRATS ARABES UNIS</option>
<option value="649">OMAN</option>
<option value="653">YEMEN</option>
<option value="660">AFGHANISTAN</option>
<option value="662">PAKISTAN</option>
<option value="664">INDE</option>
<option value="666">BANGLADESH</option>
<option value="667">ILES MALDIVES</option>
<option value="669">SRI LANKA</option>
<option value="672">NEPAL</option>
<option value="675">BHOUTAN</option>
<option value="676">MYANMAR (EX BIRMANIE)</option>
<option value="680">THAILANDE</option>
<option value="684">LAOS</option>
<option value="690">VIETNAM</option>
<option value="696">CAMBODGE</option>
<option value="700">INDONESIE</option>
<option value="701">MALAISIE</option>
<option value="703">BRUNEI</option>
<option value="706">SINGAPOUR</option>
<option value="708">PHILIPPINES</option>
<option value="716">MONGOLIE</option>
<option value="720">CHINE</option>
<option value="724">COREE DU NORD</option>
<option value="728">COREE DU SUD</option>
<option value="732">JAPON</option>
<option value="736">TAIWAN</option>
<option value="740">HONG KONG</option>
<option value="743">MACAO</option>
<option value="799">***********OCEANIE************</option>
<option value="800">AUSTRALIE</option>
<option value="801">PAPOUASIE NOUVELLE GUINEE</option>
<option value="802">OCEANIE AUSTRALIENNE</option>
<option value="803">NAURU</option>
<option value="804">NOUVELLE ZELANDE</option>
<option value="806">ILES SALOMON</option>
<option value="807">TUVALU</option>
<option value="809">NOUVELLE CALEDONIE</option>
<option value="811">WALLIS ET FUTUNA</option>
<option value="812">KIRIBATI</option>
<option value="813">ILES PITCAIRN</option>
<option value="815">FIJI</option>
<option value="816">VANUATU</option>
<option value="817">TONGA</option>
<option value="819">SAMOA OCCIDENTALES</option>
<option value="822">POLYNESIE FRANCAISE</option>
<option value="823">FED. DES ETATS DE MICRONESIE</option>
<option value="824">ILES MARSHALL</option>
<option value="825">MONACO</option>
<option value="999">Autres pays</option>

</select>
<div class="help-block with-errors"></div>
<span class="material-input"></span>
</div>

<div class="form-group is-empty">
<label class="text-message" for="interest">
Langue principale *
</label>
<select id="interest" name="do_interest_36" class="form-interest form-control oltc-form-field"
required="required" onchange="updateAlternativeLanguage(this)">
<option value="">- Faites votre choix -</option>
<option value="442">Français</option>
<option value="443">Anglais</option>
<option value="444">Allemand</option>
<option value="445">Italien</option>
<option value="446">Espagnol</option>
<option value="447">Néerlandais</option>
<option value="448">Portugais</option>
<option value="449">Russe</option>
<option value="450">Chinois</option>
<option value="451">Japonais</option>
<option value="452">Arabe</option>
<option value="453">Autre</option>
</select>
<div class="help-block with-errors"></div>
<span class="material-input"></span>
</div>
<div class="form-group is-empty no-display">
<label class="text-message" for="interest-alt">
Langue alternative
</label>
<select id="interest-alt" name="do_interest_37" class="form-interest form-control oltc-form-field">
<option value="">- Faites votre choix -</option>
<option value="454">Français</option>
<option value="455">Anglais</option>
</select>
<div class="help-block with-errors"></div>
<span class="material-input"></span>
</div>

<input type="hidden" name="do_interest_40" value="484, 482"/>
<input type="hidden" name="do_interest_42" value="565" />

<script src='https://www.google.com/recaptcha/api.js'></script>
<div class="reCaptcha">
<div class="g-recaptcha" data-sitekey="6LeaYk8UAAAAAEVrrrp2xCcmc3YpBDrP_YSqemTl"
data-callback="recaptchaCallback"></div>
</div>

<div class="form-group is-empty align-center">
<p class="text-message margin-bottom margin-top align-center">
En vous abonnant à une ou plusieurs de nos newsletters, vous acceptez les <a
href="https://www.lyon-france.com/CGU-et-CGV" target="_blank">conditions générales d'utilisation
d'ONLYLYON Tourisme</a>.
</p>
</div>
<div class="btn-container align-center">
<input type="submit" value="Inscription" class="btn btn-black" disabled="disabled" onclick='setTimeout(function(){ LockButton(); valid();}, 20);'>
</div>
</div>
</form>
</div>

template

newsletter_layout.html.twig

related_object

from_content_type_id

45