Online shop Tours, 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

Newsletter sign up validation

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 = "Please correct these following issues : \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 - Email address is not valid \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 - Insert a value on email address field \n";
testUtil = eval(testUtil&0); // Ne pas modifier
}
if(document.AbonnementDOLIST.do_field_106_1.value.replace(/(^\s*)|(\s*$)/g,'') == ""){
MessErreur = MessErreur+"\t - Insert a value on firstname field \n";
testUtil = eval(testUtil&0); // Ne pas modifier
}
if(document.AbonnementDOLIST.do_field_107_2.value.replace(/(^\s*)|(\s*$)/g,'') == ""){
MessErreur = MessErreur+"\t - Insert a value on lastname field \n";
testUtil = eval(testUtil&0); // Ne pas modifier
}
if(document.AbonnementDOLIST.do_field_111_36.value.substr(0,1) == ""){
MessErreur = MessErreur+"\t - Insert a value on country field \n";
testUtil = eval(testUtil&0); // Ne pas modifier
}
if(document.AbonnementDOLIST.do_interest_36.value.substr(0,1) == ""){
MessErreur = MessErreur+"\t - Insert a value on main language field \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>Planning a stay in Lyon or want to stay up to date with news from our destination?</strong></p>
<p>Each month, find out about the latest news, major events, great spots in Lyon and tips to plan your stay, with the ONLYLYON Experience newsletter!</p>
<input name="do_interest_34" type="checkbox" value="433" class="inline-button" id="chkOLX">
<label for="chkOLX">Sign me up to the newsletter</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">* Required field</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">
Email address *
</label>
<input type="email"
name="do_field_105_7"
placeholder=""
class="email form-control oltc-form-field"
id="email"
required="required"
data-error="This field is required"
value=""
>
<span class="material-input"></span>
</div>

<div class="form-group is-empty">
<label class="text-message" for="salutationid">
Civility *
</label>
<select id="salutationid" name="do_field_112_31" class="form-civilite form-control oltc-form-field"
required="required">
<option value="">- Make your choice -</option>
<option value="31">Madam</option>
<option value="32">Miss</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">
Firstname *
</label>
<input type="text"
name="do_field_106_1"
placeholder=""
class="firstname form-control oltc-form-field"
id="firstname"
required="required"
data-error="This field is required"
maxlength="64"
value="">
<span class="material-input"></span>
</div>
<div class="form-group is-empty">
<label class="text-message" for="lastname">
Lastname *
</label>
<input type="text"
name="do_field_107_2"
placeholder=""
class="lastname form-control oltc-form-field"
id="lastname"
required="required"
data-error="This field is required"
maxlength="64"
value="">
<span class="material-input"></span>
</div>

<div class="form-group is-empty">
<label class="text-message" for="zipcode">
Zip code *
</label>
<input type="text"
name="do_field_108_6"
placeholder=""
class="zipcode form-control oltc-form-field"
id="zipcode"
required="required"
data-error="This field is required"
maxlength="16"
value="">
<span class="material-input"></span>
</div>
<div class="form-group is-empty">
<label class="text-message" for="city">
City *
</label>
<input type="text"
name="do_field_109_5"
placeholder=""
class="city form-control oltc-form-field"
id="city"
required="required"
data-error="This field is required"
maxlength="64"
value="">
<span class="material-input"></span>
</div>

<div class="form-group is-empty">
<label class="text-message" for="countryid">
Country *
</label>
<select id="countryid" name="do_field_111_36" class="form-country form-control oltc-form-field" required="required">
<option value="">- Make your choice -</option>
<option value="0">************EUROPE************</option>
<option value="1">FRANCE</option>
<option value="2">BELGIUM</option>
<option value="3">NETHERLANDS</option>
<option value="4">GERMANY</option>
<option value="5">ITALY</option>
<option value="6">UNITED KINGDOM</option>
<option value="7">IRELAND</option>
<option value="8">DENMARK</option>
<option value="9">GREECE</option>
<option value="10">PORTUGAL</option>
<option value="11">SPAIN</option>
<option value="21">CANARIES</option>
<option value="22">CEUTA AND MELILLA</option>
<option value="23">LUXEMBOURG</option>
<option value="24">ICELAND</option>
<option value="25">FAROE ISLES</option>
<option value="28">NORWAY</option>
<option value="30">SWEDEN</option>
<option value="32">FINLAND</option>
<option value="36">SWITZERLAND</option>
<option value="37">LIECHTENSTEIN</option>
<option value="38">AUSTRIA</option>
<option value="43">ANDORRA</option>
<option value="44">GIBRALTAR</option>
<option value="45">VATICAN</option>
<option value="46">MALTA</option>
<option value="48">YUGOSLAVIA</option>
<option value="52">TURKEY</option>
<option value="53">ESTONIA</option>
<option value="54">LATVIA</option>
<option value="55">LITHUANIA</option>
<option value="56">C.E.I.</option>
<option value="60">POLAND</option>
<option value="61">CZECH REPUBLIC</option>
<option value="63">SLOVAKIA</option>
<option value="64">HUNGARY</option>
<option value="66">ROMANIA</option>
<option value="68">BULGARIA</option>
<option value="70">ALBANIA</option>
<option value="72">UKRAINE</option>
<option value="73">BELARUS</option>
<option value="74">MOLDOVA</option>
<option value="75">RUSSIA</option>
<option value="76">GEORGIA</option>
<option value="77">ARMENIA</option>
<option value="78">AZERBAIJAN</option>
<option value="79">KAZAKHSTAN</option>
<option value="80">TURKMENISTAN</option>
<option value="81">UZBEKISTAN</option>
<option value="82">TAJIKISTAN</option>
<option value="83">KYRGYZSTAN</option>
<option value="91">SLOVENIA</option>
<option value="92">CROATIA</option>
<option value="93">BOSNIA AND HERZEGOVINA</option>
<option value="94">SERBIA AND MONTENEGRO</option>
<option value="96">MACEDONIA</option>
<option value="200">***********AFRICA************</option>
<option value="204">MOROCCO</option>
<option value="208">ALGERIA</option>
<option value="212">TUNISIA</option>
<option value="216">LIBYA</option>
<option value="220">EGYPT</option>
<option value="224">SUDAN</option>
<option value="225">SOUTH SUDAN</option>
<option value="228">MAURITANIA</option>
<option value="232">MALI</option>
<option value="236">BURKINA FASO</option>
<option value="240">NIGER</option>
<option value="244">CHAD</option>
<option value="247">CAP VERT</option>
<option value="248">SENEGAL</option>
<option value="252">GAMBIA</option>
<option value="257">GUINEA BISSAU</option>
<option value="260">GUINEA</option>
<option value="264">SIERRA LEONE</option>
<option value="268">LIBERIA</option>
<option value="272">IVORY COAST</option>
<option value="276">GHANA</option>
<option value="280">TOGO</option>
<option value="284">BENIN</option>
<option value="288">NIGERIA</option>
<option value="302">CAMEROON</option>
<option value="306">CENTRAL AFRICAN REPUBLIC</option>
<option value="310">EQUATORIAL GUINEA</option>
<option value="311">SAO TOME AND 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">ST HELENA AND TRISTAN DA CUNHA</option>
<option value="330">ANGOLA</option>
<option value="334">ETHIOPIA</option>
<option value="336">ERITREA</option>
<option value="338">DJIBOUTI</option>
<option value="342">SOMALIA</option>
<option value="346">KENYA</option>
<option value="350">UGANDA</option>
<option value="352">TANZANIA</option>
<option value="355">SEYCHELLES</option>
<option value="357">CHAGOS ARCHIPELAGO</option>
<option value="366">MOZAMBIQUE</option>
<option value="370">MADAGASCAR</option>
<option value="372">REUNION ISLAND</option>
<option value="373">MAURITIUS</option>
<option value="375">COMORES</option>
<option value="377">MAYOTTE</option>
<option value="378">ZAMBIA</option>
<option value="382">ZIMBABWE</option>
<option value="386">MALAWI</option>
<option value="388">SOUTH AFRICA</option>
<option value="389">NAMIBIA</option>
<option value="391">BOTSWANA</option>
<option value="393">SWAZILAND</option>
<option value="395">LESOTHO</option>
<option value="399">**********AMERICAS***********</option>
<option value="400">USA</option>
<option value="404">CANADA</option>
<option value="406">GREENLAND</option>
<option value="408">SAINT PIERRE AND MIQUELON</option>
<option value="412">MEXICO</option>
<option value="413">BERMUDA</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 AND NEVIS</option>
<option value="452">HAITI</option>
<option value="453">BAHAMAS</option>
<option value="454">TURKS AND CAICOS</option>
<option value="455">PUERTO RICO</option>
<option value="456">DOMINICAN REPUBLIC</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">BRITISH VIRGIN ISLANDS AND MONTSERRAT</option>
<option value="462">MARTINIQUE</option>
<option value="463">CAYMAN ISLES</option>
<option value="464">JAMAICA</option>
<option value="465">SAINT LUCIA</option>
<option value="467">SAINT VINCENT AND GRENADINES</option>
<option value="469">BARBADOS</option>
<option value="472">TRINIDAD AND TOBAGO</option>
<option value="473">GRENADA</option>
<option value="474">ARUBA</option>
<option value="478">DUTCH ANTILLES</option>
<option value="480">COLOMBIA</option>
<option value="484">VENEZUELA</option>
<option value="488">GUYANA</option>
<option value="492">SURINAM</option>
<option value="496">FRENCH GUIANA</option>
<option value="500">ECUADOR</option>
<option value="504">PERU</option>
<option value="508">BRAZIL</option>
<option value="512">CHILE</option>
<option value="516">BOLIVIA</option>
<option value="520">PARAGUAY</option>
<option value="524">URUGUAY</option>
<option value="528">ARGENTINA</option>
<option value="529">FALKLAND ISLANDS</option>
<option value="599">*************ASIA*************</option>
<option value="600">CYPRUS</option>
<option value="604">LEBANON</option>
<option value="608">SYRIA</option>
<option value="612">IRAQ</option>
<option value="616">IRAN</option>
<option value="624">ISRAEL</option>
<option value="628">JORDAN</option>
<option value="632">SAUDI ARABIA</option>
<option value="636">KUWAIT</option>
<option value="640">BAHRAIN</option>
<option value="644">QATAR</option>
<option value="645">DUBAI</option>
<option value="647">UNITED ARAB EMIRATES</option>
<option value="649">OMAN</option>
<option value="653">YEMEN</option>
<option value="660">AFGHANISTAN</option>
<option value="662">PAKISTAN</option>
<option value="664">INDIA</option>
<option value="666">BANGLADESH</option>
<option value="667">MALDIVES</option>
<option value="669">SRI LANKA</option>
<option value="672">NEPAL</option>
<option value="675">BHUTAN</option>
<option value="676">BURMA (MYANMAR)</option>
<option value="680">THAILAND</option>
<option value="684">LAOS</option>
<option value="690">VIETNAM</option>
<option value="696">CAMBODIA</option>
<option value="700">INDONESIA</option>
<option value="701">MALAYSIA</option>
<option value="703">BRUNEI</option>
<option value="706">SINGAPORE</option>
<option value="708">PHILIPPINES</option>
<option value="716">MONGOLIA</option>
<option value="720">CHINA</option>
<option value="724">NORTH KOREA</option>
<option value="728">SOUTH KOREA</option>
<option value="732">JAPAN</option>
<option value="736">TAIWAN</option>
<option value="740">HONG KONG</option>
<option value="743">MACAO</option>
<option value="799">***********OCEANIA************</option>
<option value="800">AUSTRALIA</option>
<option value="801">PAPUA NEW GUINEA</option>
<option value="802">AUSTRALIAN OCEANIA</option>
<option value="803">NAURU</option>
<option value="804">NEW ZEALAND</option>
<option value="806">SOLOMON ISLANDS</option>
<option value="807">TUVALU</option>
<option value="809">NEW CALEDONIA</option>
<option value="811">WALLIS AND FUTUNA</option>
<option value="812">KIRIBATI</option>
<option value="813">PITCAIRN ISLANDS</option>
<option value="815">FIJI</option>
<option value="816">VANUATU</option>
<option value="817">TONGA</option>
<option value="819">SAMOA</option>
<option value="822">FRENCH POLYNESIA</option>
<option value="823">FEDERATED STATES OF MICRONESIA</option>
<option value="824">MARSHALL ISLANDS</option>
<option value="825">MONACO</option>
<option value="999">Other countries</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">
Main language *
</label>
<select id="interest" name="do_interest_36" class="form-interest form-control oltc-form-field"
required="required" onchange="updateAlternativeLanguage(this)">
<option value="">- Make your choice -</option>
<option value="442">French</option>
<option value="443">English</option>
<option value="444">German</option>
<option value="445">Italian</option>
<option value="446">Spanish</option>
<option value="447">Dutch</option>
<option value="448">Portuguese</option>
<option value="449">Russian</option>
<option value="450">Chinese</option>
<option value="451">Japanese</option>
<option value="452">Arabic</option>
<option value="453">Other</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">
Alternative language
</label>
<select id="interest-alt" name="do_interest_37" class="form-interest form-control oltc-form-field">
<option value="">- Make your choice -</option>
<option value="454">French</option>
<option value="455">English</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">
By subscribing to our newsletter, you accept the
En vous abonnant à une ou plusieurs de nos newsletters, vous acceptez les <a
href="https://en.lyon-france.com/terms-of-sale" target="_blank">terms of service
of ONLYLYON Tourism</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