cars.wizzair.com
Open in
urlscan Pro
104.19.165.108
Public Scan
URL:
https://cars.wizzair.com/Home.do?adplat=confemail&adcamp=CE-memberid-223970629
Submission: On July 31 via manual from IN — Scanned from DE
Submission: On July 31 via manual from IN — Scanned from DE
Form analysis
3 forms found in the DOMName: langCurrencyForm — POST https://cars.wizzair.com/Home.do
<form action="https://cars.wizzair.com/Home.do" method="post" id="langCurrencyForm" name="langCurrencyForm">
<input type="hidden" id="countryOfResidence" name="countryOfResidence" value="">
<input type="hidden" id="languageIso" name="languageIso" value="">
<input type="hidden" id="language" name="language" value="">
<div class="rch-navigation-container">
<button type="button" class="rch-navigation-button a11y-normalise-button" aria-expanded="false" aria-controls="rch-currency-select" id="rch-select-currency">
<em href="#" onclick="return false;" class="rch-icon">€</em>
<i>Euro</i>
</button>
<div class="rch-drop-down" id="rch-currency-select">
<style>
.rch-container .rch-drop-down {
padding: 16px;
}
.rch-currency-information {
color: #444;
line-height: 1.4;
background-color: #e7f4fe;
padding: 10px;
margin-bottom: 10px;
}
.rch-currency-information__header {
font-weight: bold;
margin-bottom: 8px;
}
strong {
font-weight: bold;
}
</style>
<div class="rch-currency-information">
<div class="rch-currency-information__header">Sie rechnen normalerweise nicht in EUR?</div>
<div class="rch-currency-information__body">
<div>Das können Sie ändern, falls Sie die Preise lieber in einer anderen Währen sehen möchten.</div>
<div><strong>Bitte beachten</strong>: Sie bezahlen Ihren Mietwagen trotzdem in EUR.</div>
</div>
</div>
<div>
<h3>Top Währungen:</h3>
<ul>
<li><a href="#" class="cur_sel" id="cur_AUD"><span>AUD</span>Australische Dollar</a></li>
<li><a href="#" class="cur_sel" id="cur_CAD"><span>CAD</span>Kanadische Dollar</a></li>
<li><a href="#" class="cur_sel" id="cur_EUR"><span>€</span>Euro</a></li>
<li><a href="#" class="cur_sel" id="cur_GBP"><span>£</span>Pfund Sterling</a></li>
<li><a href="#" class="cur_sel" id="cur_USD"><span>US$</span>US-Dollar</a></li>
</ul>
<h3>Alle Währungen:</h3>
<ul>
<li><a href="#" class="cur_sel" id="cur_AED"><span>AED</span>V.A.E. Dirham</a></li>
<li><a href="#" class="cur_sel" id="cur_AMD"><span>AMD</span>Amerikanische Dram</a></li>
<li><a href="#" class="cur_sel" id="cur_ANG"><span>ANG</span>Antillen-Gulden</a></li>
<li><a href="#" class="cur_sel" id="cur_ARS"><span>ARS</span>Argentinische Peso</a></li>
<li><a href="#" class="cur_sel" id="cur_AUD"><span>AUD</span>Australische Dollar</a></li>
<li><a href="#" class="cur_sel" id="cur_BGN"><span>BGN</span>Bulgarischer Lew</a></li>
<li><a href="#" class="cur_sel" id="cur_BND"><span>BND</span>Brunei-Dollar</a></li>
<li><a href="#" class="cur_sel" id="cur_BRL"><span>R$</span>Brasilianische Real</a></li>
<li><a href="#" class="cur_sel" id="cur_CAD"><span>CAD</span>Kanadische Dollar</a></li>
<li><a href="#" class="cur_sel" id="cur_CHF"><span>CHF</span>Schweizer Franken</a></li>
<li><a href="#" class="cur_sel" id="cur_CNY"><span>CNY</span>Chinesischer Renminbi Yuan</a></li>
<li><a href="#" class="cur_sel" id="cur_CRC"><span>CRC</span>Costa-Rica-Colón</a></li>
<li><a href="#" class="cur_sel" id="cur_CVE"><span>CVE</span>Kap-Verde-Escudo</a></li>
<li><a href="#" class="cur_sel" id="cur_CZK"><span>CZK</span>Tschechische Kronen</a></li>
<li><a href="#" class="cur_sel" id="cur_DKK"><span>DKK</span>Dänische Kronen</a></li>
<li><a href="#" class="cur_sel" id="cur_EGP"><span>EGP</span>Ägyptische Pfund</a></li>
<li><a href="#" class="cur_sel" id="cur_EUR"><span>€</span>Euro</a></li>
<li><a href="#" class="cur_sel" id="cur_GBP"><span>£</span>Pfund Sterling</a></li>
<li><a href="#" class="cur_sel" id="cur_HKD"><span>HKD</span>Hongkong-Dollar</a></li>
<li><a href="#" class="cur_sel" id="cur_HRK"><span>HRK</span>Kroatische Kuna</a></li>
<li><a href="#" class="cur_sel" id="cur_HUF"><span>HUF</span>Ungarische Forint</a></li>
<li><a href="#" class="cur_sel" id="cur_IDR"><span>Rp</span>Indonesische Rupiah</a></li>
<li><a href="#" class="cur_sel" id="cur_ILS"><span>₪</span>Israelischer Schekel</a></li>
<li><a href="#" class="cur_sel" id="cur_INR"><span>INR</span>Indische Rupie</a></li>
<li><a href="#" class="cur_sel" id="cur_ISK"><span>ISK</span>Isländische Krone</a></li>
<li><a href="#" class="cur_sel" id="cur_JPY"><span>¥</span>Yen</a></li>
<li><a href="#" class="cur_sel" id="cur_KRW"><span>₩</span>Südkoreanischer Won</a></li>
<li><a href="#" class="cur_sel" id="cur_KWD"><span>KWD</span>Kuwait-Dinar</a></li>
<li><a href="#" class="cur_sel" id="cur_KZT"><span>KZT</span>kasachischer Tenge</a></li>
<li><a href="#" class="cur_sel" id="cur_LEK"><span>LEK</span>Lekë</a></li>
<li><a href="#" class="cur_sel" id="cur_MAD"><span>MAD</span>Marokkanischer Dirham</a></li>
<li><a href="#" class="cur_sel" id="cur_MKD"><span>MKD</span>Mazedonischer Denar</a></li>
<li><a href="#" class="cur_sel" id="cur_MNT"><span>MNT</span>Mongolischer Tögrög</a></li>
<li><a href="#" class="cur_sel" id="cur_MUR"><span>MUR</span>Mauritius Rupie</a></li>
<li><a href="#" class="cur_sel" id="cur_MXN"><span>MXN</span>Mexikanischer Peso</a></li>
<li><a href="#" class="cur_sel" id="cur_MYR"><span>MYR</span>Malaysischer Ringgit</a></li>
<li><a href="#" class="cur_sel" id="cur_NOK"><span>NOK</span>Norwegische Krone</a></li>
<li><a href="#" class="cur_sel" id="cur_NZD"><span>NZD</span>Neuseeländischer Dollar</a></li>
<li><a href="#" class="cur_sel" id="cur_PHP"><span>₱</span>Philippinischer Peso</a></li>
<li><a href="#" class="cur_sel" id="cur_PLN"><span>PLN</span>Polnische Zloty</a></li>
<li><a href="#" class="cur_sel" id="cur_RON"><span>RON</span>Rumänische Leu</a></li>
<li><a href="#" class="cur_sel" id="cur_RSD"><span>RSD</span>Serbische Dinar</a></li>
<li><a href="#" class="cur_sel" id="cur_RUB"><span>RUB</span>Russische Rubel</a></li>
<li><a href="#" class="cur_sel" id="cur_SAR"><span>SAR</span>Saudi-Riyal</a></li>
<li><a href="#" class="cur_sel" id="cur_SEK"><span>SEK</span>Schwedische Kronen</a></li>
<li><a href="#" class="cur_sel" id="cur_SGD"><span>SGD</span>Singapur-Dollar</a></li>
<li><a href="#" class="cur_sel" id="cur_THB"><span>THB</span>Thailändische Baht</a></li>
<li><a href="#" class="cur_sel" id="cur_TND"><span>TND</span>Tunesische Dinar</a></li>
<li><a href="#" class="cur_sel" id="cur_TRY"><span>TRY</span>Türkische Lira</a></li>
<li><a href="#" class="cur_sel" id="cur_TWD"><span>TWD</span>Taiwan-Dollar</a></li>
<li><a href="#" class="cur_sel" id="cur_TZS"><span>TZS</span>Tansania Schilling</a></li>
<li><a href="#" class="cur_sel" id="cur_UAH"><span>UAH</span>Ukrainisches Hryvnia</a></li>
<li><a href="#" class="cur_sel" id="cur_USD"><span>US$</span>US-Dollar</a></li>
<li><a href="#" class="cur_sel" id="cur_VEB"><span>VEB</span>Venezolanischer Bolívar</a></li>
<li><a href="#" class="cur_sel" id="cur_VND"><span>₫</span>Vietnamesische Dong</a></li>
<li><a href="#" class="cur_sel" id="cur_VUV"><span>VUV</span>Vatu</a></li>
<li><a href="#" class="cur_sel" id="cur_WST"><span>WST</span>Samoanischer Tala</a></li>
<li><a href="#" class="cur_sel" id="cur_XAF"><span>XAF</span>Zentralafrikanischen Franc</a></li>
<li><a href="#" class="cur_sel" id="cur_XOF"><span>XOF</span>Westafrikanische Franc</a></li>
<li><a href="#" class="cur_sel" id="cur_ZAR"><span>ZAR</span>Südafrikanischer Rand</a></li>
</ul>
</div>
</div>
</div>
<div class="rch-navigation-container">
<button type="button" class="rch-navigation-button a11y-normalise-button" aria-expanded="false" aria-controls="rch-language-select" id="rch-select-language">
<span class="de-crm" id="rch-language" style="transform: scale3d(.8, .8, .8);"></span>
<i>Deutsch</i>
</button>
<div class="rch-drop-down" id="rch-language-select">
<ul id="alternative-languages">
<li>
<a id="361" href="/en/" onclick="return false;">
<span class="en-crm"></span> English</a>
</li>
<li>
<a id="366" href="/de/" onclick="return false;">
<span class="de-crm"></span> Deutsch</a>
</li>
<li>
<a id="371" href="/fr/" onclick="return false;">
<span class="fr-crm"></span> Français</a>
</li>
<li>
<a id="391" href="/es/" onclick="return false;">
<span class="es-crm"></span> Español</a>
</li>
<li>
<a id="431" href="/it/" onclick="return false;">
<span class="it-crm"></span> Italiano</a>
</li>
<li>
<a id="446" href="/he/" onclick="return false;">
<span class="he-crm"></span> עברית</a>
</li>
<li>
<a id="2506" href="/id/" onclick="return false;">
<span class="id-crm"></span> Bahasa Indonesia</a>
</li>
<li>
<a id="551" href="/my/" onclick="return false;">
<span class="my-crm"></span> Bahasa Malaysia</a>
</li>
<li>
<a id="516" href="/ca/" onclick="return false;">
<span class="ca-crm"></span> Català</a>
</li>
<li>
<a id="421" href="/da/" onclick="return false;">
<span class="da-crm"></span> Dansk</a>
</li>
<li>
<a id="1261" href="/ee/" onclick="return false;">
<span class="ee-crm"></span> Eesti</a>
</li>
<li>
<a id="2046" href="/ph/" onclick="return false;">
<span class="ph-crm"></span> Filipino</a>
</li>
<li>
<a id="1266" href="/hr/" onclick="return false;">
<span class="hr-crm"></span> Hrvatski</a>
</li>
<li>
<a id="386" href="/lv/" onclick="return false;">
<span class="lv-crm"></span> Latvija</a>
</li>
<li>
<a id="406" href="/lt/" onclick="return false;">
<span class="lt-crm"></span> Lietuvių kalba</a>
</li>
<li>
<a id="496" href="/hu/" onclick="return false;">
<span class="hu-crm"></span> Magyar</a>
</li>
<li>
<a id="401" href="/nl/" onclick="return false;">
<span class="nl-crm"></span> Nederlands</a>
</li>
<li>
<a id="426" href="/no/" onclick="return false;">
<span class="no-crm"></span> Norsk</a>
</li>
<li>
<a id="501" href="/pl/" onclick="return false;">
<span class="pl-crm"></span> Polski</a>
</li>
<li>
<a id="536" href="/br/" onclick="return false;">
<span class="br-crm"></span> Português (BR)</a>
</li>
<li>
<a id="396" href="/pt/" onclick="return false;">
<span class="pt-crm"></span> Português (PT)</a>
</li>
<li>
<a id="511" href="/ru/" onclick="return false;">
<span class="ru-crm"></span> Pусский</a>
</li>
<li>
<a id="506" href="/ro/" onclick="return false;">
<span class="ro-crm"></span> Română</a>
</li>
<li>
<a id="436" href="/sk/" onclick="return false;">
<span class="sk-crm"></span> Slovenčina</a>
</li>
<li>
<a id="708" href="/sl/" onclick="return false;">
<span class="sl-crm"></span> Slovenščina</a>
</li>
<li>
<a id="1276" href="/rs/" onclick="return false;">
<span class="rs-crm"></span> Srpski</a>
</li>
<li>
<a id="411" href="/fi/" onclick="return false;">
<span class="fi-crm"></span> Suomi</a>
</li>
<li>
<a id="416" href="/sv/" onclick="return false;">
<span class="sv-crm"></span> Svenska</a>
</li>
<li>
<a id="28781" href="/sw/" onclick="return false;">
<span class="sw-crm"></span> Swahili</a>
</li>
<li>
<a id="476" href="/tr/" onclick="return false;">
<span class="tr-crm"></span> Türkçe</a>
</li>
<li>
<a id="1336" href="/vi/" onclick="return false;">
<span class="vi-crm"></span> Việt</a>
</li>
<li>
<a id="381" href="/is/" onclick="return false;">
<span class="is-crm"></span> Íslenska</a>
</li>
<li>
<a id="486" href="/cs/" onclick="return false;">
<span class="cs-crm"></span> Čeština</a>
</li>
<li>
<a id="491" href="/gr/" onclick="return false;">
<span class="gr-crm"></span> ελληνικά</a>
</li>
<li>
<a id="6136" href="/bg/" onclick="return false;">
<span class="bg-crm"></span> Български</a>
</li>
<li>
<a id="796" href="/uk/" onclick="return false;">
<span class="uk-crm"></span> Українська</a>
</li>
<li>
<a id="441" href="/ar/" onclick="return false;">
<span class="ar-crm"></span> العربية</a>
</li>
<li>
<a id="376" href="/th/" onclick="return false;">
<span class="th-crm"></span> ไทย</a>
</li>
<li>
<a id="451" href="/ja/" onclick="return false;">
<span class="ja-crm"></span> 日本語</a>
</li>
<li>
<a id="526" href="/zs/" onclick="return false;">
<span class="zs-crm"></span> 简体中文</a>
</li>
<li>
<a id="466" href="/zh/" onclick="return false;">
<span class="zh-crm"></span> 繁體中文</a>
</li>
<li>
<a id="456" href="/ko/" onclick="return false;">
<span class="ko-crm"></span> 한국어</a>
</li>
</ul>
</div>
</div>
<style>
.rch-container .rch-drop-down {
display: none;
}
.rch-container .font--system-ui {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-weight: bold;
}
.rch-container .rch-navigation-button:hover {
background: #17396d
}
</style>
<button type="button" class="rch-navigation-button a11y-normalise-button" aria-expanded="false" id="rch-select-manage-booking">
<span class="rch-icon-button" id="rch-icon-manage-booking1"></span>
<i>Buchung verwalten</i>
</button>
<div class="rch-drop-down" id="rch-manage-booking1">
<h4>Buchung verwalten</h4>
<p>Auch wenn Sie kein Benutzerkonto haben, können Sie trotzdem Ihre Buchung bearbeiten.</p>
<div class="rch-form-row">
<label>E-Mail-Adresse</label>
<input type="text" name="tmp_email" id="tmp_email">
</div>
<div class="rch-form-row">
<label>Reservierungsnummer</label>
<input type="text" name="tmp_reference" id="tmp_ref">
</div>
<div class="rch-form-row-cta">
<input class="rc-btn primary" id="mybookinglogin1" type="button" value="Los"
onclick="document.getElementById('subscribeForm')['booking.contact.email'].value=document.getElementById('tmp_email').value;document.getElementById('subscribeForm')['booking.reference'].value=document.getElementById('tmp_ref').value;document.getElementById('subscribeForm').submit();">
</div>
</div>
<input type="hidden" name="j_username" value="">
<input type="hidden" name="j_password" value="">
<input type="hidden" name="basecurrency" value="EUR">
<input type="hidden" name="prefcurrency" value="EUR">
<input type="hidden" name="preflang" value="366">
<input type="hidden" name="lang" value="366">
<input type="hidden" name="crmActionType" value="">
<input type="hidden" name="langCurrencyActionType" value="">
<input type="hidden" name="countryOfOrigin" value="">
<input type="hidden" name="country" value="">
<input type="hidden" name="city" value="">
<input type="hidden" name="location" value="">
<input type="hidden" name="locationName" value="">
<input type="hidden" name="dropCountry" value="">
<input type="hidden" name="dropCity" value="">
<input type="hidden" name="dropLocation" value="">
<input type="hidden" name="dropLocationName" value="">
<input type="hidden" name="ftsAutocomplete" value="">
<input type="hidden" name="ftsLocationName" value="">
<input type="hidden" name="dropFtsAutocomplete" value="">
<input type="hidden" name="dropFtsLocationName" value="">
<input type="hidden" name="org.apache.struts.taglib.html.TOKEN" value="8ef43d351d59b94bb627d085b6ce0df2">
<input type="hidden" name="affiliateCode" value="wizzairWL"><input type="hidden" name="serverName" value="www.rentalcars.com"><input type="hidden" name="adplat" value="confemail"><input type="hidden" name="adcamp"
value="CE-memberid-223970629"><input type="submit" value="Submit" style="display:none">
</form>
Name: MyReservationForm — POST /MyRes.do
<form name="MyReservationForm" method="post" action="/MyRes.do" id="subscribeForm"><input type="hidden" name="org.apache.struts.taglib.html.TOKEN" value="8ef43d351d59b94bb627d085b6ce0df2"><input type="hidden" name="serverName"
value="www.rentalcars.com">
<input type="hidden" name="affiliateCode" value="wizzairWL">
<input type="hidden" name="booking.contact.email" value="">
<input type="hidden" name="booking.reference" value="">
<input type="submit" value="Submit" style="display:none">
</form>
Name: SearchResultsForm — GET /LoadingSearchResults.do
<form name="SearchResultsForm" method="get" action="/LoadingSearchResults.do" accept-charset="UTF-8" class="refactor" id="SearchResultsForm">
<div><input type="hidden" name="org.apache.struts.taglib.html.TOKEN" value="8ef43d351d59b94bb627d085b6ce0df2"></div>
<h2>Finden Sie Ihr ideales Auto </h2>
<style nonce="jmit33e3r1br7pni28h95rjfic">
.ui-autocomplete .autocomplete__tag {
float: left;
min-width: 50px;
margin: 2px 10px 0 0;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-weight: bold;
color: #fff
}
.ui-autocomplete .autocomplete__tag.autocomplete__tag--airport {
background-color: #f2817f
}
.ui-autocomplete .autocomplete__tag.autocomplete__tag--city {
background-color: #6eb8fa
}
.ui-autocomplete .autocomplete__tag.autocomplete__tag--district {
background-color: #70d58e
}
.ui-autocomplete .autocomplete__tag.autocomplete__tag--station {
background-color: #9d9dbb
}
.ui-autocomplete .autocomplete__tag.autocomplete__tag--country {
background-color: #6aa3d7
}
.ui-autocomplete .autocomplete__tag.autocomplete__tag--place {
background-color: #ffa981
}
.ui-autocomplete .autocomplete__tag.autocomplete__tag--region {
background-color: #46d3bb
}
.ui-menu-item span {
margin: 2px 0 0
}
</style>
<style nonce="jmit33e3r1br7pni28h95rjfic">
.ui-autocomplete .SearchForm_FtsSuggestion_LocationText_Wrapper span {
margin-left: 0
}
.SearchForm_FtsSuggestion_LocationText_Wrapper {
display: inline-block;
vertical-align: middle
}
.ui-autocomplete .autocomplete__tag {
display: inline-block;
vertical-align: middle;
border: 1px solid transparent;
float: none
}
.ui-autocomplete .autocomplete__tag.autocomplete__tag--popular {
background-color: #ffffff;
border: 1px solid #00874d;
color: #00874d;
float: right;
margin-right: 0;
margin-left: 10px;
margin-top: 5px
}
</style>
<script type="text/javascript" nonce="jmit33e3r1br7pni28h95rjfic">
function getIATALocationString(location, iata) {
return location + " (" + iata + ")";
}
</script>
<script src="/js/latinise.min.js"></script>
<style nonce="jmit33e3r1br7pni28h95rjfic">
form label {
float: none;
width: auto
}
form fieldset#location-fieldset .pu-fts-container input[type="text"],
form fieldset#do-location-fieldset .do-fts-container input[type="text"] {
height: auto;
float: none
}
form .datetime-section {
margin-top: 10px
}
form#search div.checkboxcontainer,
form#SearchResultsForm div.checkboxcontainer {
margin-left: 0
}
form#SearchResultsForm fieldset div.pu-fts-container,
form#SearchResultsForm fieldset div.do-fts-container {
height: auto !important
}
form#SearchResultsForm fieldset div#pu-fts-results {
position: absolute;
background-color: #FFF;
padding: 2px;
border-radius: 4px;
font-size: .813em;
border: #8E8E8E solid 1px;
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
height: auto;
z-index: 1
}
form#SearchResultsForm fieldset div.pu-fts-container .fts_field_error,
form#SearchResultsForm fieldset div.do-fts-container .fts_field_error {
-webkit-box-shadow: 0 0 3px 2px #e14d1e;
-moz-box-shadow: 0 0 3px 2px #e14d1e;
box-shadow: 0 0 3px 2px #e14d1e;
border: 1px solid red;
*border: 1px solid red !important;
outline: none
}
form #pu-fieldset label,
form #putime-fieldset label,
form #do-fieldset label,
form #dotime-fieldset label {
float: left
}
form fieldset#location-fieldset #ftsAutocomplete,
form fieldset#do-location-fieldset #dropFtsAutocomplete {
width: 90%;
padding: 2% 8% 2% 2%;
line-height: 15px;
}
.ui-autocomplete .ui-state-hover,
.ui-autocomplete .ui-widget-content .ui-state-hover,
.ui-autocomplete .ui-state-focus,
.ui-autocomplete .ui-widget-content .ui-state-focus {
padding: 10px 9px;
white-space: nowrap;
overflow: hidden;
background: #dff6ff;
border: none
}
.ui-autocomplete.ui-menu {
left: 0;
right: 0;
position: relative;
width: 414px;
z-index: 9999 !important;
font-size: .875em;
max-height: 380px;
overflow-y: auto;
border: 1px solid #e6e6e6 !important;
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4)
}
.ui-autocomplete li {
color: #989898;
padding: 0;
cursor: pointer;
border-radius: 2px;
border-bottom: 1px solid #eaeaea
}
.ui-autocomplete li:hover {
background-color: #dff6ff
}
.ui-autocomplete li a {
padding: 10px 9px;
white-space: nowrap;
overflow: hidden;
border-radius: 0
}
.ui-autocomplete li a:hover {
background-color: #dff6ff;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}
.ui-autocomplete span em {
font-weight: 400
}
.ui-autocomplete li.fts_noresult {
font-style: italic
}
.ui-autocomplete .ui-menu-item a {
font-weight: 400;
text-overflow: ellipsis
}
.ui-autocomplete .ui-menu-item a em {
font-weight: 700
}
.ui-widget {
font-family: Arial, Helvetica, sans-serif
}
.ui-autocomplete .ui-state-disabled,
.ui-autocomplete .ui-widget-content .ui-state-disabled {
padding: 10px 9px;
white-space: nowrap;
overflow: hidden;
opacity: 1;
color: #989898;
font-style: italic;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.ui-autocomplete .ui-state-hover.ui-state-disabled,
.ui-autocomplete .ui-widget-content .ui-state-hover.ui-state-disabled,
.ui-autocomplete li.ui-state-disabled:hover {
background-color: #fff
}
#pu-fts-loader,
#do-fts-loader {
display: none;
position: absolute;
height: 22px;
width: auto;
right: 6px;
top: 37px;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: optimizeQuality;
-ms-interpolation-mode: bicubic;
}
.pu-fts-container,
.do-fts-container {
position: relative
}
.ui-autocomplete li a .autocomplete-icons {
width: 20px;
height: 20px;
display: inline-block;
margin: 0 8px 0 0;
vertical-align: middle;
background: url(https://cdn2.rcstatic.com/images/site_graphics/newsite/autocomplete-icons.png) 0 0 no-repeat
}
.ui-autocomplete li a .autocomplete-icons.autocomplete-airport {
background-position: 0 0
}
.ui-autocomplete li:hover .autocomplete-icons.autocomplete-airport,
.ui-autocomplete .ui-state-hover .autocomplete-icons.autocomplete-airport,
.ui-autocomplete .ui-widget-content .ui-state-hover .autocomplete-icons.autocomplete-airport,
.ui-autocomplete .ui-state-focus .autocomplete-icons.autocomplete-airport,
.ui-autocomplete .ui-widget-content .ui-state-focus .autocomplete-icons.autocomplete-airport {
background-position: 0 -20px
}
.ui-autocomplete li a .autocomplete-icons.autocomplete-city {
background-position: 0 -40px
}
.ui-autocomplete li:hover .autocomplete-icons.autocomplete-city,
.ui-autocomplete .ui-state-hover .autocomplete-icons.autocomplete-city,
.ui-autocomplete .ui-widget-content .ui-state-hover .autocomplete-icons.autocomplete-city,
.ui-autocomplete .ui-state-focus .autocomplete-icons.autocomplete-city,
.ui-autocomplete .ui-widget-content .ui-state-focus .autocomplete-icons.autocomplete-city {
background-position: 0 -60px
}
.ui-autocomplete li a .autocomplete-icons.autocomplete-place {
background-position: 0 -80px
}
.ui-autocomplete li:hover .autocomplete-icons.autocomplete-place,
.ui-autocomplete .ui-state-hover .autocomplete-icons.autocomplete-place,
.ui-autocomplete .ui-widget-content .ui-state-hover .autocomplete-icons.autocomplete-place,
.ui-autocomplete .ui-state-focus .autocomplete-icons.autocomplete-place,
.ui-autocomplete .ui-widget-content .ui-state-focus .autocomplete-icons.autocomplete-place {
background-position: 0 -100px
}
.ui-autocomplete li a .autocomplete-icons.autocomplete-district {
background-position: 0 -120px
}
.ui-autocomplete li:hover .autocomplete-icons.autocomplete-district,
.ui-autocomplete .ui-state-hover .autocomplete-icons.autocomplete-district,
.ui-autocomplete .ui-widget-content .ui-state-hover .autocomplete-icons.autocomplete-district,
.ui-autocomplete .ui-state-focus .autocomplete-icons.autocomplete-district,
.ui-autocomplete .ui-widget-content .ui-state-focus .autocomplete-icons.autocomplete-district {
background-position: 0 -140px
}
.ui-autocomplete li a .autocomplete-icons.autocomplete-station {
background-position: 0 -160px
}
.ui-autocomplete li:hover .autocomplete-icons.autocomplete-station,
.ui-autocomplete .ui-state-hover .autocomplete-icons.autocomplete-station,
.ui-autocomplete .ui-widget-content .ui-state-hover .autocomplete-icons.autocomplete-station,
.ui-autocomplete .ui-state-focus .autocomplete-icons.autocomplete-station,
.ui-autocomplete .ui-widget-content .ui-state-focus .autocomplete-icons.autocomplete-station {
background-position: 0 -180px
}
.ui-autocomplete li a .autocomplete-icons.autocomplete-country {
background-position: 0 -200px
}
.ui-autocomplete li:hover .autocomplete-icons.autocomplete-country,
.ui-autocomplete .ui-state-hover .autocomplete-icons.autocomplete-country,
.ui-autocomplete .ui-widget-content .ui-state-hover .autocomplete-icons.autocomplete-country,
.ui-autocomplete .ui-state-focus .autocomplete-icons.autocomplete-country,
.ui-autocomplete .ui-widget-content .ui-state-focus .autocomplete-icons.autocomplete-country {
background-position: 0 -220px
}
.powered_by_google {
float: right;
padding: 5px
}
@media screen and (max-width: 800px) {
.ui-autocomplete .ui-state-hover,
.ui-autocomplete .ui-widget-content .ui-state-hover,
.ui-autocomplete .ui-state-focus,
.ui-autocomplete .ui-widget-content .ui-state-focus {
padding: 10px 9px
}
.ui-autocomplete.ui-menu {
max-height: 380px;
width: 636px
}
.ui-autocomplete li a {
padding: 10px 9px;
font-size: 110%
}
#pu-fts-loader,
#do-fts-loader {
height: 36%
}
}
.ui-autocomplete span {
font-weight: 400;
color: gray;
display: block;
margin-left: 28px;
font-size: 85%
}
</style>
<!--[if IE 8]>
<style nonce="jmit33e3r1br7pni28h95rjfic">
.ui-autocomplete.ui-menu{left:0;right:0;position:relative;width:414px!important;z-index:9999!important;font-size:.875em;max-height:380px;overflow-y:auto;border:1px solid #e6e6e6!important;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.4);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4);box-shadow:0 2px 2px rgba(0,0,0,0.4)}
@media screen and (max-width: 800px) {
.ui-autocomplete.ui-menu{max-height:380px;width:636px!important}
}
</style>
<![endif]-->
<style nonce="jmit33e3r1br7pni28h95rjfic">
form fieldset#location-fieldset #ftsAutocomplete,
form fieldset#do-location-fieldset #dropFtsAutocomplete {
padding: 12px 8% 12px 2%;
}
#pu-fts-loader,
#do-fts-loader {
height: 24px;
width: auto;
right: 5px;
top: 39px;
}
@media screen and (max-width: 1099px) {
form fieldset#location-fieldset #ftsAutocomplete,
form fieldset#do-location-fieldset #dropFtsAutocomplete {
#pu-fts-loader,
#do-fts-loader {
height: 32px;
right: 10px;
top: 42px;
}
}
@media screen and (max-width: 568px) {
form fieldset#location-fieldset #ftsAutocomplete,
form fieldset#do-location-fieldset #dropFtsAutocomplete {
#pu-fts-loader,
#do-fts-loader {
height: 32px;
right: 10px;
top: 42px;
}
}
</style>
<script type="text/javascript" nonce="jmit33e3r1br7pni28h95rjfic">
var searchGUID = "FA0EBDBFC015E5AFFED2280070DB037E.node239a";
$(document).ready(function() {
if (typeof(Storage) !== "undefined" && localStorage !== null) {
if (localStorage.getItem("searchGUID") !== null) {
searchGUID = localStorage.getItem("searchGUID");
} else {
localStorage.setItem("searchGUID", searchGUID);
}
}
});
var minLength = 2;
var solrRows = 6;
var puItem = null;
var doItem = null;
function droplistPopulate(data, droplistJSON, callback) {}
function droplistPopulateWithData(data) {}
function __highlight(label, term) {
// IE9+ check
if (!document.addEventListener) {
return label;
}
var labelOut = "";
var termTxt = term.latinise().toLowerCase();
var matcher = new RegExp("(" + $.ui.autocomplete.escapeRegex(termTxt) + ")", "ig");
var labelTxt = label;
var labelArray = labelTxt.latinise().toLowerCase().split(matcher);
for (var i = 0; i < labelArray.length; i++) {
if (labelArray[i] == termTxt) {
if (i == 1) {
labelOut += "<em>" + labelTxt.substring(0, labelArray[i].length) + "</em>";
} else {
labelOut += labelTxt.substring(0, labelArray[i].length);
}
} else {
labelOut += labelTxt.substring(0, labelArray[i].length);
}
labelTxt = labelTxt.substring(labelArray[i].length);
}
return labelOut;
}
function outputText(item, text) {
var outText = text;
if ((typeof item.city !== "undefined") && (item.city !== null) && (item.city !== "")) {
outText += ", " + item.city;
}
if ((item.placeType !== "A") && (item.placeType !== "Z") && (typeof item.region !== "undefined") && (item.region !== null) && (item.region !== "")) {
outText += ", " + item.region;
}
if ((typeof item.country !== "undefined") && (item.country !== null) && (item.country !== "")) {
outText += ", " + item.country;
}
return outText;
}
function addIcon(item) {
if (item.placeType === "A") {
icon = "<i class=\"autocomplete-icons autocomplete-airport\"></i>";
} else if (item.placeType === "C") {
icon = "<i class=\"autocomplete-icons autocomplete-city\"></i>";
} else if ((item.placeType === "D") || (item.placeType === "F") || (item.placeType === "I") || (item.placeType === "P" || (item.placeType === "G"))) {
icon = "<i class=\"autocomplete-icons autocomplete-district\"></i>";
} else if (item.placeType === "T") {
icon = "<i class=\"autocomplete-icons autocomplete-station\"></i>";
} else if (item.placeType === "W") {
icon = "<i class=\"autocomplete-icons autocomplete-country\"></i>";
} else if (item.placeType === "Z") {
icon = "<i class=\"autocomplete-icons autocomplete-place\"></i>";
} else {
icon = "";
}
return icon;
}
function addTag(item) {
var tag = '';
if (item.placeType === "A") {
tag = '<span class="autocomplete__tag autocomplete__tag--airport">Flughafen</span>';
} else if (item.placeType === "C") {
tag = '<span class="autocomplete__tag autocomplete__tag--city">Stadt</span>';
} else if ((item.placeType === "D") || (item.placeType === "I")) {
tag = '<span class="autocomplete__tag autocomplete__tag--district">Bezirk</span>';
} else if (item.placeType === "T") {
tag = '<span class="autocomplete__tag autocomplete__tag--station">Station</span>';
} else if (item.placeType === "W") {
tag = '<span class="autocomplete__tag autocomplete__tag--country">Land</span>';
} else if ((item.placeType === "F") || (item.placeType === "P")) {
tag = '<span class="autocomplete__tag autocomplete__tag--region">Region</span>';
} else if ((item.placeType === "Z") || (item.placeType === "G")) {
tag = '<span class="autocomplete__tag autocomplete__tag--place">Ort</span>';
}
return tag;
}
function populateDropOff() {
doItem = null;
$("#dropFtsAutocomplete").val($("#ftsAutocomplete").val());
$("#dropFtsInput").val($("#ftsInput").val());
$("#dropFtsEntry").val($("#ftsEntry").val());
$("#dropFtsSearch").val($("#ftsSearch").val());
$("#dropCoordinates").val($("#coordinates").val());
$("#dropFtsLocation").val($("#ftsLocation").val());
$("#dropFtsLocationSearch").val($("#ftsLocationSearch").val());
$("#dropFtsLocationName").val($("#ftsLocationName").val());
$("#dropFtsType").val($("#ftsType").val());
$("#dropFtsCity").val($("#ftsCity").val());
$("#dropFtsCountry").val($("#ftsCountry").val());
$("input[name='dropLocationName']").val($("input[name='locationName']").val());
$("input[name='dropCountryCode']").val($("input[name='countryCode']").val());
}
function formSubmit() {
if ((puItem != null) && (puItem.placeType === "W")) {
$("input[name='distance']").val(74);
} else {
$("input[name='distance']").val(10);
}
if ($("#ftsEntry").val() === "" && puItem !== null && !searchData.pu.isGooglePowered) {
var locationName = puItem.name;
if (puItem.placeType == "A") {
locationName += " (" + puItem.iata + ")";
}
$("#ftsEntry").val(puItem.placeKey);
$("#ftsSearch").val(puItem.searchType);
$("#coordinates").val(puItem.lat + "," + puItem.lng);
$("#ftsLocation").val(puItem.locationId);
$("#ftsLocationSearch").val(puItem.locationId);
$("#ftsLocationName").val(locationName);
$("#ftsType").val(puItem.placeType);
$("#ftsCity").val((typeof puItem.city == "undefined") ? locationName : puItem.city);
$("#ftsCountry").val(puItem.country);
$("input[name='locationName']").val(locationName);
$("input[name='countryCode']").val(puItem.countryIso);
}
var puSearchType = $("#ftsSearch").val();
var puCoordinates = $("#coordinates").val();
var puLocationId = $("#ftsLocation").val();
var puType = $("#ftsType").val();
if (doItem === null && puItem !== null && !searchData.pu.isGooglePowered) {
doItem = puItem;
}
if (($("#dropFtsEntry").val() == "") && (doItem != null)) {
var locationName = doItem.name;
if (doItem.placeType == "A") {
locationName += " (" + doItem.iata + ")";
}
$("#dropFtsEntry").val(doItem.placeKey);
$("#dropFtsSearch").val(doItem.searchType);
$("#dropCoordinates").val(doItem.lat + "," + doItem.lng);
$("#dropFtsLocation").val(doItem.locationId);
$("#dropFtsLocationSearch").val(doItem.locationId);
$("#dropFtsLocationName").val(locationName);
$("#dropFtsType").val(doItem.placeType);
$("#dropFtsCity").val((typeof doItem.city == "undefined") ? locationName : doItem.city);
$("#dropFtsCountry").val(doItem.country);
$("input[name='dropLocationName']").val(locationName);
$("input[name='dropCountryCode']").val(doItem.countryIso);
} else if ((doItem == null) && ($("#dropFtsEntry").val() == "")) {
$("#dropFtsEntry").val($("#ftsEntry").val());
$("#dropFtsSearch").val($("#ftsSearch").val());
$("#dropCoordinates").val($("#coordinates").val());
$("#dropFtsLocation").val($("#ftsLocation").val());
$("#dropFtsLocationSearch").val($("#ftsLocationSearch").val());
$("#dropFtsLocationName").val($("#ftsLocationName").val());
$("#dropFtsType").val($("#ftsType").val());
$("#dropFtsCity").val($("#ftsCity").val());
$("#dropFtsCountry").val($("#ftsCountry").val());
$("input[name='dropLocationName']").val($("input[name='locationName']").val());
$("input[name='dropCountryCode']").val($("input[name='countryCode']").val());
}
var doSearchType = $("#dropFtsSearch").val();
var doCoordinates = $("#dropCoordinates").val();
var doLocationId = $("#dropFtsLocation").val();
var doType = $("#dropFtsType").val();
if (puLocationId == -1 && puType != 'G') {
$("#ftsType").val("C");
}
if (doLocationId == -1 && doType != 'G') {
$("#dropFtsType").val("C");
}
if ((puSearchType == "G") && (doSearchType == "G") && (puCoordinates == doCoordinates)) {
$("input[name='location']").val("-1");
$("input[name='ftsLocationSearch']").val("-1");
$("input[name='dropLocation']").val("-1");
$("input[name='dropFtsLocationSearch']").val("-1");
$("form[name='SearchResultsForm'] input[name='searchType']").val("longlatsearch");
$("form[name='SearchResultsForm'] input[name='doFiltering']").val("true");
$("form[name='SearchResultsForm'] input[name='filterFrom']").val("0");
$("form[name='SearchResultsForm'] input[name='filterTo']").val("20");
} else if (((puSearchType == "G") && (doSearchType == "G") && (puCoordinates != doCoordinates)) || ((puSearchType == "G") || (doSearchType == "G"))) {
$("input[name='location']").val("-1");
$("input[name='ftsLocationSearch']").val("-1");
$("input[name='dropLocation']").val("-1");
$("input[name='dropFtsLocationSearch']").val("-1");
$("form[name='SearchResultsForm'] input[name='searchType']").val("longlatsearch");
$("form[name='SearchResultsForm'] input[name='doFiltering']").val("true");
$("form[name='SearchResultsForm'] input[name='filterFrom']").val("0");
$("form[name='SearchResultsForm'] input[name='filterTo']").val("20");
} else if ((puSearchType == "L") && (doSearchType == "L") && (((puLocationId == -1) && (doLocationId == -1)) || ((puType == "C") && (doType == "C")))) {
if (($("#ftsAutocomplete").val() == $("#dropFtsAutocomplete").val()) || ($("#dropFtsAutocomplete").val() == "")) {
if ((puLocationId != -1) || (doLocationId != -1)) {
if ($("#coordinates").val() != "") {
var coords = $("#coordinates").val();
var latitude = $("<input/>").attr("type", "hidden").attr("name", "latitude").val(coords.split(",")[0]);
$("#ftsCountry").after(latitude);
var longitude = $("<input/>").attr("type", "hidden").attr("name", "longitude").val(coords.split(",")[1]);
$("#ftsCountry").after(longitude);
}
if ($("#dropCoordinates").val() != "") {
var coords = $("#dropCoordinates").val();
var latitude = $("<input/>").attr("type", "hidden").attr("name", "dropLatitude").val(coords.split(",")[0]);
$("#dropFtsCountry").after(latitude);
var longitude = $("<input/>").attr("type", "hidden").attr("name", "dropLongitude").val(coords.split(",")[1]);
$("#dropFtsCountry").after(longitude);
}
}
$("form[name='SearchResultsForm'] input[name='searchType']").val("allareasgeosearch");
$("form[name='SearchResultsForm'] input[name='doFiltering']").val("true");
$("form[name='SearchResultsForm'] input[name='filterFrom']").val("0");
$("form[name='SearchResultsForm'] input[name='filterTo']").val("49");
} else {
$("form[name='SearchResultsForm'] input[name='searchType']").val("manytomanysearch");
$("form[name='SearchResultsForm'] input[name='doFiltering']").val("true");
$("form[name='SearchResultsForm'] input[name='filterFrom']").val("0");
$("form[name='SearchResultsForm'] input[name='filterTo']").val("20");
}
} else if ((puSearchType == "L") && (doSearchType == "L") && ((puLocationId == -1) || (puType == "C")) && (doLocationId != -1)) {
$("form[name='SearchResultsForm'] input[name='searchType']").val("manytoonesearch");
$("form[name='SearchResultsForm'] input[name='doFiltering']").val("true");
$("form[name='SearchResultsForm'] input[name='filterFrom']").val("0");
$("form[name='SearchResultsForm'] input[name='filterTo']").val("20");
} else if ((puSearchType == "L") && (doSearchType == "L") && (puLocationId != -1) && ((doLocationId == -1) || (doType == "C"))) {
$("form[name='SearchResultsForm'] input[name='searchType']").val("onetomanysearch");
$("form[name='SearchResultsForm'] input[name='doFiltering']").val("true");
$("form[name='SearchResultsForm'] input[name='filterFrom']").val("0");
$("form[name='SearchResultsForm'] input[name='filterTo']").val("20");
} else {
$("form[name='SearchResultsForm'] input[name='searchType']").val("");
$("form[name='SearchResultsForm'] input[name='doFiltering']").val("false");
$("form[name='SearchResultsForm'] input[name='filterFrom']").val("0");
$("form[name='SearchResultsForm'] input[name='filterTo']").val("1000");
}
if ("false" == "true") {
var puMonthYearObject = $('select[name="puMonthYear"]');
if (typeof puMonthYearObject != 'undefined') {
var puMonthYear = puMonthYearObject.val();
if (typeof puMonthYear != 'undefined' && puMonthYear != "") {
var value = puMonthYear.split('-');
if (value[0] != 'undefined') {
$('input[name=puMonth]').val(value[0]);
}
if (value[1] != 'undefined') {
$('input[name=puYear]').val(value[1]);
}
}
}
var doMonthYearObject = $('select[name="doMonthYear"]');
if (typeof doMonthYearObject != 'undefined') {
var doMonthYear = doMonthYearObject.val();
if (typeof doMonthYear != 'undefined' && doMonthYear != "") {
var value = doMonthYear.split('-');
if (value[0] != 'undefined') {
$('input[name=doMonth]').val(value[0]);
}
if (value[1] != 'undefined') {
$('input[name=doYear]').val(value[1]);
}
}
}
if (validateSearchResultsForm(document.SearchResultsForm)) {
if ((puItem == null) && ($("#ftsEntry").val() == "") && ($("form[name='SearchResultsForm'] input[name='searchType']").val() != 'longlatsearch' || typeof($("#coordinates")) == 'undefined' || $("#coordinates").val() == '')) {
return false;
}
if (!$("input[name='puSameAsDo']").is(":checked") && (doItem == null) && ($("#dropFtsEntry").val() == "")) {
return false;
}
saveInput();
$("#topOfSearchForm").trigger("submit");
} else {
return false;
}
} else {
GAQPush('_trackEvent', 'PN-Form-errors', document.SearchResultsForm.ftsAutocomplete.id, 'empty', 1, true);
if ((puItem == null) && ($("#ftsEntry").val() == "")) {
$("#ftsAutocomplete").addClass("fts_field_error").attr({
"aria-invalid": "true",
"aria-describedby": "ftsAutocompleteError"
}).focus();
return false;
} else {
$("#ftsAutocomplete").removeClass("fts_field_error");
$("#ftsAutocomplete").removeAttr("aria-invalid");
$("#ftsAutocomplete").removeAttr("aria-describedby");
}
if ($("input[name='puSameAsDo']").is(":checked") && (doItem == null) && ($("#dropFtsEntry").val() == "")) {
$("#dropFtsAutocomplete").addClass("fts_field_error");
return false;
} else {
$("#dropFtsAutocomplete").removeClass("fts_field_error");
}
if (((puItem != null) && $("input[name='puSameAsDo']").is(":checked")) || ((puItem != null) && (doItem != null)) || ((puItem == null) && ($("#ftsEntry").val() != "") && $("input[name='puSameAsDo']").is(":checked")) || ((puItem == null) && ($(
"#ftsEntry").val() != "") && (doItem == null) && ($("#dropFtsEntry").val() != "")) || ($("#ftsEntry").val() != "")) {
if (validateSearchResultsForm(document.SearchResultsForm)) {
location.hash = "#" + $("#SearchResultsForm").serialize();
saveInput();
return true;
} else {
return false;
}
}
}
}
function validateSearchResultsForm(searchForm) {
var errors = "";
var puSameAsDo = false;
errors = validateDriversAge(searchForm.driversAge, driverAgeMessage, errors);
errors = validateMandatoryFtsInput(searchForm.ftsAutocomplete, spvLocationMessage, errors);
try {
if (!searchForm.puSameAsDo.checked) {
puSameAsDo = true;
}
} catch (e) {}
if (!puSameAsDo) {
errors = validateMandatoryFtsInput(searchForm.dropFtsAutocomplete, dropLocationMessage, errors);
}
var puYear = searchForm.puYear.value;
var puMonth = (searchForm.puMonth.value - 1);
var puDay = searchForm.puDay.value;
if ((typeof puDay == "undefined") || (puDay == "")) {
puDay = $("form[name='SearchResultsForm'] select[name='puDay']").val();
}
var doYear = searchForm.doYear.value;
var doMonth = (searchForm.doMonth.value - 1);
var doDay = searchForm.doDay.value;
if ((typeof doDay == "undefined") || (doDay == "")) {
doDay = $("form[name='SearchResultsForm'] select[name='doDay']").val();
}
errors = validateDateFields(puYear, puMonth, puDay, validatePuDate, errors);
errors = validateDateFields(doYear, doMonth, doDay, validateDoDate, errors);
errors = validateDates(searchForm, puYear, puMonth, puDay, searchForm.puHour.value, searchForm.puMinute.value, validatePuDate, doYear, doMonth, doDay, searchForm.doHour.value, searchForm.doMinute.value, validateDoDate, errors);
errors = validateCutOffDate(puYear, puMonth, puDay, validatePuDate, errors);
if (errors == "") {
return true;
} else {
alert(errors);
return false;
}
}
function validateMandatoryFtsInput(input, name, errors) {
if (input.value == "") {
GAQPush('_trackEvent', 'PN-Form-errors', input.id, 'empty', 1, true);
errors = errors + name + " " + spvMandatoryMessage + "\n";
}
return errors;
}
function validateDates(searchForm, yearFrom, monthFrom, dayFrom, hourFrom, minuteFrom, nameFrom, yearTo, monthTo, dayTo, hourTo, minuteTo, nameTo, errors) {
var date = new Date();
var nowDate = new Date();
var dateFrom = new Date(yearFrom, monthFrom, dayFrom, hourFrom, minuteFrom, 0);
var dateTo = new Date(yearTo, monthTo, dayTo, hourTo, minuteTo, 0);
var doDateBeforePuDate = dateFrom.valueOf() > dateTo.valueOf();
date.setTime(date.getTime() + (86400000 * 2));
var defaultPuDate = new Date();
defaultPuDate.setTime(defaultPuDate.getTime() + (86400000 * 2));
if (dateFrom.valueOf() < nowDate.valueOf()) {
errors = errors + nameFrom + " " + spvAfterNow + "\n";
GAQPush('_trackEvent', 'PN-Form-errors', 'pu date before now', 'empty', 1, true);
}
if ((dateFrom.getTime() - nowDate.getTime()) < 3600000) {
errors = errors + " " + spvMinLeadTime + "\n";
GAQPush('_trackEvent', 'PN-Form-errors', 'no min lead time', 'empty', 1, true);
}
if (doDateBeforePuDate) {
errors = errors + nameFrom + " " + spvBefore + " " + nameTo + "\n";
GAQPush('_trackEvent', 'PN-Form-errors', 'do date before pu date', 'empty', 1, true);
} else if ((dateTo - dateFrom) < 3600000) {
errors = errors + " " + spvMinLenBooking + "\n";
GAQPush('_trackEvent', 'PN-Form-errors', 'no min length time', 'empty', 1, true);
}
return errors;
}
function fillPickUp(item, text) {
var locationName = item.name;
if (item.placeType == "A") {
locationName += " (" + item.iata + ")";
}
$("#ftsInput").val(text);
$("#ftsEntry").val(item.placeKey);
$("#ftsSearch").val(item.searchType);
$("#coordinates").val(item.lat + "," + item.lng);
$("#ftsLocation").val(item.locationId);
$("#ftsLocationSearch").val(item.locationId);
$("#ftsLocationName").val(locationName);
$("#ftsType").val(item.placeType);
$("#ftsCity").val((typeof item.city == "undefined") ? locationName : item.city);
$("#ftsCountry").val(item.country);
$("input[name='locationName']").val(locationName);
$("input[name='countryCode']").val(item.countryIso);
}
function emptyPickUp(clear) {
if (clear) {
$("#ftsAutocomplete").val("");
}
$("#ftsAutocomplete").removeClass("fts_field_error");
$("#ftsInput").val("");
$("#ftsEntry").val("");
$("#ftsSearch").val("");
$("#coordinates").val("");
$("#ftsLocation").val("");
$("#ftsLocationSearch").val("");
$("#ftsLocationName").val("");
$("#ftsType").val("");
$("#ftsCity").val("");
$("#ftsCountry").val("");
$("input[name='locationName']").val("");
$("input[name='countryCode']").val("");
puItem = null;
}
function fillDropOff(item, text) {
var locationName = item.name;
if (item.placeType == "A") {
locationName += " (" + item.iata + ")";
}
$("#dropFtsInput").val(text);
$("#dropFtsEntry").val(item.placeKey);
$("#dropFtsSearch").val(item.searchType);
$("#dropCoordinates").val(item.lat + "," + item.lng);
$("#dropFtsLocation").val(item.locationId);
$("#dropFtsLocationSearch").val(item.locationId);
$("#dropFtsLocationName").val(locationName);
$("#dropFtsType").val(item.placeType);
$("#dropFtsCity").val((typeof item.city == "undefined") ? locationName : item.city);
$("#dropFtsCountry").val(item.country);
$("input[name='dropLocationName']").val(locationName);
$("input[name='dropCountryCode']").val(item.countryIso);
}
function getPLLocationType(payNowLocationType) {
switch (payNowLocationType) {
case "A":
return "airport";
break;
default:
return "location";
}
}
function emptyDropOff(clear) {
if (clear) $("#dropFtsAutocomplete").val("");
$("#dropFtsInput").val("");
$("#dropFtsEntry").val("");
$("#dropFtsSearch").val("");
$("#dropCoordinates").val("");
$("#dropFtsLocation").val("");
$("#dropFtsLocationSearch").val("");
$("#dropFtsLocationName").val("");
$("#dropFtsType").val("");
$("#dropFtsCity").val("");
$("#dropFtsCountry").val("");
$("input[name='dropLocationName']").val("");
$("input[name='dropCountryCode']").val("");
doItem = null;
}
</script>
<fieldset id="location-fieldset">
<div class="pu-fts-container">
<label for="ftsAutocomplete">Anmietstation</label>
<img alt="" id="pu-fts-loader" src="https://cdn2.rcstatic.com/images/site_graphics/newsite/preloader64.gif">
<input type="text" id="ftsAutocomplete" name="ftsAutocomplete" autocomplete="off" value="" placeholder="Stadt, Flughafen, Bahnhof, Landkreis…" aria-required="true" class="ui-autocomplete-input">
<span class="a11y-vh" id="ftsAutocompleteError"> Anmietstation fehlt</span>
</div>
<div class="checkboxcontainer">
<input id="returntolocation" type="checkbox" name="puSameAsDo">
<label for="returntolocation">Rückgabe an einem anderen Ort</label>
</div>
</fieldset>
<fieldset id="do-location-fieldset" style="">
<div class="do-fts-container">
<label for="dropFtsAutocomplete">Rückgabestation</label>
<img alt="" id="do-fts-loader" src="https://cdn2.rcstatic.com/images/site_graphics/newsite/preloader64.gif">
<input aria-required="true" type="text" id="dropFtsAutocomplete" name="dropFtsAutocomplete" autocomplete="off" value="" placeholder="Stadt, Flughafen, Bahnhof, Landkreis…">
</div>
</fieldset>
<input type="hidden" id="ftsSearch" name="ftsSearch" value="">
<input type="hidden" id="ftsInput" name="ftsInput" value="">
<input type="hidden" id="ftsEntry" name="ftsEntry" value="">
<input type="hidden" id="ftsLocation" name="location" value="">
<input type="hidden" id="ftsLocationSearch" name="ftsLocationSearch" value="">
<input type="hidden" id="ftsType" name="ftsType" value="">
<input type="hidden" id="coordinates" name="coordinates" value="">
<input type="hidden" id="ftsCountry" name="country" value="">
<input type="hidden" id="ftsCity" name="city" value="">
<input type="hidden" id="ftsLocationName" name="ftsLocationName" value="">
<input type="hidden" id="dropFtsSearch" name="dropFtsSearch" value="">
<input type="hidden" id="dropFtsInput" name="dropFtsInput" value="">
<input type="hidden" id="dropFtsEntry" name="dropFtsEntry" value="">
<input type="hidden" id="dropFtsLocation" name="dropLocation" value="">
<input type="hidden" id="dropFtsLocationSearch" name="dropFtsLocationSearch" value="">
<input type="hidden" id="dropFtsType" name="dropFtsType" value="">
<input type="hidden" id="dropCoordinates" name="dropCoordinates" value="">
<input type="hidden" id="dropFtsCity" name="dropCity" value="">
<input type="hidden" id="dropFtsCountry" name="dropCountry" value="">
<input type="hidden" id="dropFtsLocationName" name="dropFtsLocationName" value="">
<input type="hidden" name="distance" value="10">
<input type="hidden" name="fromLocChoose" value="true">
<script type="text/javascript" nonce="jmit33e3r1br7pni28h95rjfic">
$("input[name='puSameAsDo']").bind("click", function() {
if ($(this).is(":checked")) {
populateDropOff();
} else {
emptyDropOff(true);
}
});
/* Tracking variables */
var puSendTime = 0;
var doSendTime = 0;
var puCompleteTime = 0;
var doCompleteTime = 0;
var puCompleteRenderTime = 0;
var doCompleteRenderTime = 0;
var puClickTime = 0;
var doClickTime = 0;
var maxRequestTime = 5;
var loadingTime = 0;
var renderTime = 0;
var clickTime = 0;
var ftsTrackingAction = "fts";
var slowRenderTrackingLabel = "slow render";
var slowResponseTrackingLabel = "slow response";
var normalLoadingTrackingLabel = "normal loading";
var normalRenderTrackingLabel = "normal render";
var clickTrackingLabel = "click time";
// Pick-up autocomplete
$("#ftsAutocomplete").autocomplete({
source: function(request, response) {
var searchTerm = request.term;
$.ajax({
url: "/FTSAutocomplete.do",
dataType: "json",
beforeSend: function() {
puSendTime = new Date().getSeconds();
},
data: {
solrIndex: "fts_de",
solrRows: solrRows,
solrTerm: searchTerm,
searchType: "pu",
searchGUID: searchGUID
},
complete: function(data) {
puCompleteTime = new Date().getSeconds();
if ((puCompleteTime - puSendTime) >= 5) {
GAQPush('_trackEvent', ftsTrackingAction, slowResponseTrackingLabel, (puCompleteTime - puSendTime).toString(), 1, true);
}
if (data.responseText != "") {
var jsonResponse = eval("(" + data.responseText + ")");
response(jsonResponse.results.docs);
if (jsonResponse.results.isGooglePowered) {
$(".ui-autocomplete").append("<img class='ui-menu-item powered_by_google' src='https://cdn2.rcstatic.com/images/site_graphics/newsite/powered_by_google.png'/>");
}
} else {
$("#pu-fts-loader").hide();
}
puCompleteRenderTime = new Date().getSeconds();
if ((puCompleteRenderTime - puCompleteTime) >= 5) {
GAQPush('_trackEvent', ftsTrackingAction, slowRenderTrackingLabel, (puCompleteRenderTime - puCompleteTime).toString(), 1, true);
}
searchData.pu.suggestionResults = jsonResponse.results;
searchData.pu.searchTerm = searchTerm;
searchData.pu.isGooglePowered = jsonResponse.results.isGooglePowered;
}
}).done(function(data) {});
},
delay: 500,
autoFocus: true,
minLength: minLength,
select: function(event, ui) {
$("#ftsAutocomplete").removeClass("fts_field_error");
puItem = ui.item;
if (typeof puItem.countryIso !== 'undefined' && (puItem.countryIso).toLowerCase() === "cn") {
$("#chinese-driver-license").show();
GAQPush('_trackEvent', 'FE-8770', "ChineseDriversLicense", "checkboxShown", 1, true);
isChina = true;
} else {
$("#chinese-driver-license").hide();
isChina = false;
}
var fillFields = searchData.pu.isGooglePowered ? fillFieldsWithGooglePlacesData : fillFieldsWithFTSData;
fillFields(puItem, searchData.ftsType.pu);
this.value = searchData.pu.isGooglePowered ? ui.item.name : ui.item.value
emptyDropOff(true);
return false;
},
focus: function(event, ui) {
event.preventDefault();
},
change: function(event, ui) {
ftsAutocompleteUtil.hasPopularLocationBeenFound = false;
$("#ftsAutocomplete").removeClass("fts_field_error");
if (!ui.item) {
return false;
} else {
return true;
}
},
open: function() {
$(this).removeClass("ui-corner-all").addClass("ui-corner-top");
$("#pu-fts-loader").hide();
},
close: function() {
$(this).removeClass("ui-corner-top").addClass("ui-corner-all");
}
}).click(function() {
ftsAutocompleteUtil.hasPopularLocationBeenFound = false;
if ($("#ftsInput").val() != "") {
var searchVal = $("#ftsInput").val();
emptyPickUp(true);
$("#ftsAutocomplete").val(searchVal);
$("#ftsInput").val(searchVal);
$(this).autocomplete("search", $("#ftsInput").val());
} else if ($("#ftsLocationName").val() == "") {
$(this).autocomplete("search", $(this).val());
}
}).keyup(function(e) {
ftsAutocompleteUtil.hasPopularLocationBeenFound = false;
var l = $("#ftsAutocomplete").val().length;
if ((l >= minLength) && (e.which > 46)) {
$("#pu-fts-loader").show();
} else if (l < minLength) {
$("#pu-fts-loader").hide();
emptyPickUp(false);
}
}).blur(function() {
$("#pu-fts-loader").hide();
}).data("ui-autocomplete")._renderItem = function(ul, item) {
var outText = '';
outText += '<div class="SearchForm_FtsSuggestion_LocationText_Wrapper">';
if (searchData.pu.isGooglePowered) {
outText += ftsAutocompleteUtil.getOutTextStringFromGooglePlacesData(item.name);
} else {
outText += ftsAutocompleteUtil.getOutTextStringFromFTSData(item);
}
outText += '</div>';
outText = addTag(item) + outText;
if (item.isPopular && !ftsAutocompleteUtil.hasPopularLocationBeenFound) {
ftsAutocompleteUtil.hasPopularLocationBeenFound = true;
outText += '<span class="autocomplete__tag autocomplete__tag--popular">Beliebt</span>';
}
if ((typeof item.placeKey == "undefined") || (item.placeKey == null)) {
return $("<li class=\"ui-state-disabled\"></li>").data("item.autocomplete", item).append(outText).appendTo(ul);
} else {
return $("<li></li>").data("item.autocomplete", item).append("<a>" + outText + "</a>").appendTo(ul);
}
};
// Drop-off autocomplete
$(document).on('focus', '#dropFtsAutocomplete', function() {
$(this).autocomplete({
source: function(request, response) {
var searchTerm = request.term;
$.ajax({
url: "/FTSAutocomplete.do",
dataType: "json",
data: {
solrIndex: "fts_de",
solrRows: solrRows,
solrTerm: searchTerm,
searchType: "do",
searchGUID: searchGUID
},
complete: function(data) {
if (data.responseText !== "") {
var jsonResponse = eval("(" + data.responseText + ")");
response(jsonResponse.results.docs);
} else {
$("#do-fts-loader").hide();
}
searchData.do.suggestionResults = jsonResponse.results;
searchData.do.searchTerm = searchTerm;
searchData.do.isGooglePowered = jsonResponse.results.isGooglePowered;
}
}).done(function(data) {});
},
delay: 500,
autoFocus: true,
minLength: minLength,
select: function(event, ui) {
$("#dropFtsAutocomplete").removeClass("fts_field_error");
doItem = ui.item;
if (typeof doItem.countryIso !== 'undefined' && (doItem.countryIso).toLowerCase() === "cn") {
$("#chinese-driver-license").show();
GAQPush('_trackEvent', 'FE-8770', "ChineseDriversLicense", "checkboxShown", 1, true);
isChina = true;
} else {
$("#chinese-driver-license").hide();
isChina = false;
}
var fillFields = searchData.do.isGooglePowered ? fillFieldsWithGooglePlacesData : fillFieldsWithFTSData;
fillFields(doItem, searchData.ftsType.do);
this.value = searchData.do.isGooglePowered ? ui.item.name : ui.item.value;
return false;
},
focus: function(event, ui) {
event.preventDefault();
},
change: function(event, ui) {
ftsAutocompleteUtil.hasPopularLocationBeenFound = false;
$("#dropFtsAutocomplete").removeClass("fts_field_error");
if (!ui.item) {
return false;
} else {
return true;
}
},
open: function() {
$(this).removeClass("ui-corner-all").addClass("ui-corner-top");
$("#do-fts-loader").hide();
},
close: function() {
$(this).removeClass("ui-corner-top").addClass("ui-corner-all");
}
}).click(function() {
ftsAutocompleteUtil.hasPopularLocationBeenFound = false;
if ($("#dropFtsInput").val() != "") {
var searchVal = $("#dropFtsInput").val();
$("#dropFtsAutocomplete").val(searchVal);
$("#dropFtsInput").val(searchVal);
$(this).autocomplete("search", $("#dropFtsInput").val());
emptyDropOff(true);
} else if ($("#dropFtsLocationName").val() == "") {
$(this).autocomplete("search", $(this).val());
}
}).keyup(function(e) {
ftsAutocompleteUtil.hasPopularLocationBeenFound = false;
var l = $("#dropFtsAutocomplete").val().length;
if ((l >= minLength) && (e.which > 46)) {
$("#do-fts-loader").show();
} else if (l < minLength) {
$("#do-fts-loader").hide();
emptyDropOff(false);
}
}).blur(function() {
$("#do-fts-loader").hide();
}).data("ui-autocomplete")._renderItem = function(ul, item) {
var outText = '';
outText += '<div class="SearchForm_FtsSuggestion_LocationText_Wrapper">';
if (searchData.do.isGooglePowered) {
outText += ftsAutocompleteUtil.getOutTextStringFromGooglePlacesData(item.name);
} else {
outText += ftsAutocompleteUtil.getOutTextStringFromFTSData(item);
}
outText += '</div>';
outText = addTag(item) + outText;
if (item.isPopular && !ftsAutocompleteUtil.hasPopularLocationBeenFound) {
ftsAutocompleteUtil.hasPopularLocationBeenFound = true;
outText += '<span class="autocomplete__tag autocomplete__tag--popular">Beliebt</span>';
}
if ((typeof item.placeKey == "undefined") || (item.placeKey == null)) {
return $("<li class=\"ui-state-disabled\"></li>").data("item.autocomplete", item).append(outText).appendTo(ul);
} else {
return $("<li></li>").data("item.autocomplete", item).append("<a>" + outText + "</a>").appendTo(ul);
}
};
});
</script>
<script type="text/javascript" nonce="jmit33e3r1br7pni28h95rjfic">
var ftsAutocompleteUtil = {
getOutTextStringFromGooglePlacesData: function(itemName) {
var outText;
var separatorIndex = itemName.indexOf(",");
if (separatorIndex > 0) {
outText = itemName.substring(0, separatorIndex).trim();
outText += "<span>" + itemName.substring(separatorIndex + 1).trim() + "</span>";
} else {
outText = itemName.trim();
}
return outText;
},
getOutTextStringFromFTSData: function(item) {
var outText = item.name;
var outCleanText = item.name;
if (item.placeType === "A") {
outText = getIATALocationString(outText, item.iata);
outCleanText = getIATALocationString(outCleanText, item.iata)
}
outCleanText = outputText(item, outCleanText);
item.value = outCleanText;
outText = __highlight(outText, $("#ftsAutocomplete").val());
outText += "<span>";
outText = outputText(item, outText);
outText += "</span>";
outText = outText.replace(", ", "");
return outText;
},
hasPopularLocationBeenFound: false
};
var searchData = {
pu: {
isGooglePowered: false
},
do: {
isGooglePowered: false
},
ftsType: {
pu: 'pu',
do: 'do'
},
placeType: {
Airport: 'A',
City: 'C',
DistrictType: {
District: "D",
I: "I"
},
RegionType: {
P: "P",
F: "F"
},
TrainStation: "T",
Country: "W",
PlaceType: {
ZipCode: "Z",
GeoCoordinates: "G"
},
isAirport: function(placeType) {
return placeType === placeType.Airport;
},
isCity: function(placeType) {
return placeType === placeType.City;
},
isDistrictType: function(placeType) {
return placeType === placeType.DistrictType.District || placeType === placeType.DistrictType.I;
},
isRegionType: function(placeType) {
return placeType === placeType.RegionType.P || placeType === placeType.RegionType.F;
},
isTrainStation: function(placeType) {
return placeType === placeType.TrainStation;
},
isCountry: function(placeType) {
return placeType === placeType.Country;
},
isPlace: function(placeType) {
return placeType === placeType.PlaceType.ZipCode || placeType === placeType.PlaceType.GeoCoordinates;
}
},
searchType: {
GeoSearch: 'G',
LatLong: 'L',
R: 'R'
},
inputs: {
pu: {
autocomplete: $('#ftsAutocomplete'),
name: $('#ftsName'),
iata: $('#ftsIata'),
search: $('#ftsSearch'),
coordinates: $('#coordinates'),
location: $('#ftsLocation'),
locationSearch: $('#ftsLocationSearch'),
locationName: $('#ftsLocationName'),
type: $('#ftsType'),
city: $('#ftsCity'),
country: $('#ftsCountry'),
locationName2: $('input[name="locationName"]'),
countryCode: $('input[name="countryCode"]'),
getCountryCode: function() {
return $('input[name=countryCode]');
},
entry: $('#ftsEntry'),
input: $('#ftsInput'),
locationType: $("form[name='SearchResultsForm'] input[name='puLocationType']"),
countryIso: $("form[name='SearchResultsForm'] input[name='countryIso']"),
searchInput: $("form[name='SearchResultsForm'] input[name='puSearchInput']")
},
do: {
autocomplete: $('#dropFtsAutocomplete'),
name: $("#dropFtsName"),
iata: $("#dropFtsIata"),
search: $("#dropFtsSearch"),
coordinates: $("#dropCoordinates"),
location: $("#dropFtsLocation"),
locationSearch: $("#dropFtsLocationSearch"),
locationName: $("#dropFtsLocationName"),
type: $("#dropFtsType"),
city: $("#dropFtsCity"),
country: $("#dropFtsCountry"),
locationName2: $("input[name='dropLocationName']"),
countryCode: $("input[name='dropCountryCode']"),
getCountryCode: function() {
return $('input[name=dropCountryCode]');
},
entry: $("#dropFtsEntry"),
input: $("#dropFtsInput"),
locationType: $("form[name='SearchResultsForm'] input[name='doLocationType']"),
countryIso: $("form[name='SearchResultsForm'] input[name='dropCountryIso']"),
searchInput: $("form[name='SearchResultsForm'] input[name='doSearchInput']")
}
}
};
function updateSearchDataWithSuggestionClicked(ftsItem, searchType) {
var length = searchData[searchType].suggestionResults.docs.length;
for (var i = 0; i < length; i++) {
if (ftsItem.placeKey === searchData[searchType].suggestionResults.docs[i].placeKey) {
searchData[searchType].suggestionResults.docs[i].isClicked = true;
return;
}
}
}
function logFtsSelection(searchType, ftsItem) {
var searchTerm = searchType === "pu" ? searchData.pu.searchTerm : searchData.do.searchTerm;
updateSearchDataWithSuggestionClicked(ftsItem, searchType);
var suggestionResults = searchType === "pu" ? searchData.pu.suggestionResults : searchData.do.suggestionResults;
$.ajax({
url: "/FTSOnSelect.do",
async: true,
type: "POST",
dataType: 'json',
data: {
"requestTerm": searchTerm,
"searchType": searchType,
"searchGUID": searchGUID,
"suggestionResults": JSON.stringify(suggestionResults),
},
success: function(result) {},
error: function(xhr, status, error) {}
});
}
function getGooglePlacesDetailsAndLogFtsSelection(searchType, ftsItem) {
var searchTerm = searchData[searchType].searchTerm;
var suggestionResults = searchData[searchType].suggestionResults;
var googlePlacesDetails = null;
$.ajax({
url: "/FTSOnSelect.do?placeKey=" + ftsItem.placeKey,
async: false,
type: "POST",
dataType: 'json',
data: {
"requestTerm": searchTerm,
"searchType": searchType,
"searchGUID": searchGUID,
"suggestionResults": JSON.stringify(suggestionResults),
},
success: function(result) {
googlePlacesDetails = result;
},
error: function(xhr, status, error) {}
});
return googlePlacesDetails;
}
function fillFieldsWithGooglePlacesData(ftsItem, ftsType) {
var inputs = searchData.inputs[ftsType];
inputs.entry.val(ftsItem.placeKey);
inputs.input.val(inputs.autocomplete.val());
inputs.name.val(ftsItem.name);
inputs.iata.val(ftsItem.iata);
inputs.search.val(ftsItem.searchType === searchData.searchType.R ? searchData.searchType.GeoSearch : ftsItem.searchType);
inputs.location.val(ftsItem.locationId);
inputs.locationSearch.val(ftsItem.locationId);
inputs.type.val(ftsItem.placeType);
inputs.countryCode.val(ftsItem.countryIso);
var details = getGooglePlacesDetailsAndLogFtsSelection(ftsType, ftsItem);
inputs.coordinates.val(details.lat + "," + details.lng);
inputs.locationName.val(details.location);
inputs.city.val(details.city);
inputs.country.val(details.country);
inputs.locationName2.val(details.location);
}
function fillFieldsWithFTSData(ftsItem, ftsType) {
var inputs = searchData.inputs[ftsType];
inputs.entry.val(ftsItem.placeKey);
inputs.input.val(inputs.autocomplete.val());
inputs.name.val(ftsItem.name);
inputs.iata.val(ftsItem.iata);
inputs.search.val(ftsItem.searchType === searchData.searchType.R ? searchData.searchType.GeoSearch : ftsItem.searchType);
inputs.location.val(ftsItem.locationId);
inputs.locationSearch.val(ftsItem.locationId);
inputs.type.val(ftsItem.placeType);
inputs.countryCode.val(ftsItem.countryIso);
inputs.coordinates.val(ftsItem.lat + "," + ftsItem.lng);
var locationName = ftsItem.name;
if (searchData.placeType.isAirport(ftsItem.placeType)) {
locationName += " (" + ftsItem.iata + ")";
}
inputs.locationName.val(locationName);
inputs.city.val((typeof ftsItem.city === "undefined") ? locationName : ftsItem.city);
inputs.country.val(ftsItem.country);
inputs.locationName2.val(locationName);
logFtsSelection(ftsType, ftsItem);
}
</script>
<div>
<style nonce="jmit33e3r1br7pni28h95rjfic">
div form#SearchResultsForm {
overflow: visible;
}
#SearchResultsForm .datetime-section {
position: relative;
overflow: visible;
margin-top: -6px;
margin-bottom: 10px;
}
.datetime-section__pu {
float: left;
width: 48%;
}
.datetime-section__do {
float: right;
width: 48%;
}
.datetime-section__label {
display: table-cell;
vertical-align: bottom;
height: 32px;
padding-bottom: 5px;
float: none;
}
.datetime-section__dateselect {
position: absolute;
display: none;
top: 77px;
left: 0;
width: 100%;
z-index: 2;
}
/* Div Fix */
form#SearchResultsForm .datetime-section fieldset div {
line-height: normal;
}
form#SearchResultsForm .datetime-section fieldset div.date-panel__date-wrapper {
display: table-cell;
vertical-align: middle;
height: 38px;
padding: 0;
}
/* Date Panel Component */
.date-panel {
position: relative;
display: block;
min-height: 18px;
margin-bottom: 3px;
padding: 0px 30px 0px 45px;
border: 1px solid #a9a9a9;
background-color: #fff;
background-repeat: no-repeat;
background-position: 10px 8px;
cursor: pointer;
}
.date-panel--pu {
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/20/line/blue-0E94F7/ico-calendar-pu.png");
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/svg/line/blue-0E94F7/ico-calendar-pu.svg"), none;
background-size: 20px;
}
.date-panel--do {
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/20/line/blue-0E94F7/ico-calendar-do.png");
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/svg/line/blue-0E94F7/ico-calendar-do.svg"), none;
background-size: 20px;
}
.date-panel:hover {
border: 1px solid #a9a9a9;
}
.date-panel__day,
.date-panel__date,
.date-panel__month,
.date-panel__year {
font-size: 0.875em;
color: #444;
display: inline;
}
.date-panel__year {
font-size: 0.75em;
color: #999;
}
.date-panel__arrow {
position: absolute;
top: 14px;
right: 11px;
width: 12px;
height: 12px;
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/12/line/grey-999/ico-arrow-down.png");
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/svg/line/grey-999/ico-arrow-down.svg"), none;
background-repeat: no-repeat;
background-size: 12px;
}
.date-panel__empty-text {
display: none;
font-size: 0.875em;
line-height: 18px;
color: #999;
height: 38px;
}
.date-panel.empty {
padding-right: 5px;
display: block;
}
.date-panel.empty .date-panel__empty-text {
display: table-cell;
*display: block;
vertical-align: middle;
}
form#SearchResultsForm .datetime-section fieldset .date-panel.empty div.date-panel__date-wrapper {
display: none;
}
.date-panel.active {
font-weight: bold;
border-color: #0e94f7;
background-color: #0e94f7;
}
.date-panel--pu.active {
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/21/line/white/ico-calendar-pu.png");
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/svg/line/white/ico-calendar-pu.svg"), none;
background-size: 20px;
}
.date-panel--do.active {
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/21/line/white/ico-calendar-do.png");
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/svg/line/white/ico-calendar-do.svg"), none;
background-size: 20px;
}
.date-panel.active .date-panel__empty-text {
color: #fff;
}
/* Time Panel Component */
.time-panel {
background: #fff;
border: 1px solid #a9a9a9;
}
form#SearchResultsForm .datetime-section fieldset div.time-panel__hour-wrapper {
position: relative;
float: left;
width: 54%;
height: 15px;
padding: 10px 0;
border-right: 1px solid #ddd;
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/16/line/grey-999/ico-clock.png");
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/svg/line/grey-999/ico-clock.svg"), none;
background-repeat: no-repeat;
background-position: 13px 10px;
background-size: 16px;
text-align: center;
}
form#SearchResultsForm .datetime-section fieldset div.time-panel__hour-wrapper:hover {
border-right: 1px solid #ddd;
}
form#SearchResultsForm .datetime-section fieldset div.time-panel__min-wrapper {
position: relative;
float: left;
width: 45%;
height: 15px;
padding: 10px 0;
text-align: center;
clear: none;
}
.time-panel__hour,
.time-panel__min {
font-size: 0.875em;
color: #444;
}
.time-panel__arrow {
position: absolute;
top: 13px;
right: 10px;
width: 12px;
height: 12px;
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/12/line/grey-999/ico-arrow-down.png");
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/svg/line/grey-999/ico-arrow-down.svg"), none;
background-repeat: no-repeat;
background-size: 12px;
}
.time-panel__hour-select,
.time-panel__min-select {
position: absolute;
top: 0;
left: 0;
height: 100%;
*height: 38px;
width: 100%;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
/* IE 5-7 */
filter: alpha(opacity=0);
opacity: 0;
border: 0px solid transparent;
cursor: pointer;
}
/* Date Select Component */
.dateselect {
background: white;
border-top: 2px solid #0e94f7;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
}
.dateselect__month-wrapper {
position: relative;
border-bottom: 1px solid #ddd;
}
.dateselect__month-back,
.dateselect__month-forward {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 50px;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.9);
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/24/line/grey-999/ico-arrow-left.png");
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/svg/line/grey-999/ico-arrow-left.svg"), none;
background-repeat: no-repeat;
background-position: 50% 16px;
background-size: 24px 24px;
border-bottom: none;
cursor: pointer;
}
.dateselect__month-forward {
left: auto;
right: 0;
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/24/line/grey-999/ico-arrow-right.png");
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/svg/line/grey-999/ico-arrow-right.svg"), none;
}
.dateselect__month-back:hover,
.dateselect__month-forward:hover {
background-color: rgba(230, 243, 254, 0.9);
}
.dateselect__month-slider {
display: block;
width: 100%;
overflow: hidden;
}
.dateselect__months {
width: 2000px;
padding: 5px 60px;
}
.dateselect__months li {
float: left;
margin: 5px 0;
padding: 10px;
border: 1px solid transparent;
border-radius: 4px;
text-align: center;
font-size: 14px;
line-height: 0.9em;
color: #444;
cursor: pointer;
}
.dateselect__months li.active {
border: 1px solid #0e94f7;
color: #0e94f7;
}
.dateselect__months li.year {
padding-top: 11px;
font-size: 0.8em;
font-weight: bold;
color: #999;
cursor: auto;
}
/* Calendar Overrides */
.dateselect .ui-datepicker.ui-widget-content {
border: none;
border-radius: 0;
}
.dateselect .ui-datepicker {
width: 100%;
padding: 0;
}
.dateselect .ui-widget {
font-size: 1em;
}
.dateselect .ui-datepicker-header,
.dateselect .ui-datepicker-buttonpane {
display: none;
}
.dateselect .ui-datepicker-calendar {
margin: 1%;
width: 98%;
border-collapse: separate;
border-spacing: 4px;
font-size: 1em;
}
.dateselect .ui-datepicker-calendar th {
font-size: 0.875em;
font-weight: normal;
color: #666;
}
.dateselect .ui-datepicker-calendar td {
width: 14.2%;
border: 1px solid #ddd;
vertical-align: middle;
}
.dateselect .ui-datepicker-calendar td:hover {
border-color: #0e94f7;
cursor: pointer;
}
.dateselect .ui-datepicker-calendar td.ui-datepicker-unselectable {
opacity: 0.3;
}
.dateselect .ui-datepicker-calendar td.ui-datepicker-unselectable:hover {
border-color: #ddd;
cursor: default;
}
.dateselect .ui-datepicker-calendar td a {
background-color: transparent !important;
}
.dateselect .ui-datepicker-calendar td a:hover {
border-color: transparent !important;
}
.dateselect .ui-state-default {
color: #444;
}
.dateselect .ui-datepicker-calendar td.first,
.dateselect .ui-datepicker-calendar td.oneday,
.dateselect .ui-datepicker-calendar td.last {
position: relative;
border-color: #0e94f7;
background-repeat: no-repeat;
background-position: 40% 60%;
}
.dateselect .ui-datepicker-calendar td.first {
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/24/line/blue-0E94F7/ico-car-right.png");
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/svg/line/blue-0E94F7/ico-car-right.svg"), none;
background-size: 24px;
}
.dateselect .ui-datepicker-calendar td.last {
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/24/line/blue-0E94F7/ico-car-left.png");
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/svg/line/blue-0E94F7/ico-car-left.svg"), none;
background-size: 24px;
}
.dateselect .ui-datepicker-calendar td.oneday {
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/24/line/blue-0E94F7/ico-round-trip.png");
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/svg/line/blue-0E94F7/ico-round-trip.svg"), none;
background-size: 24px;
}
.dateselect .ui-datepicker .last a,
.dateselect .ui-datepicker .first a,
.dateselect .ui-datepicker .oneday a {
position: relative;
border-color: transparent !important;
font-size: 0.75em;
text-align: right !important;
margin-top: -5px;
padding-bottom: 19px !important;
font-weight: bold;
color: #0e94f7 !important;
}
.dateselect .ui-datepicker-calendar td.first.ui-datepicker-unselectable,
.dateselect .ui-datepicker-calendar td.last.ui-datepicker-unselectable,
.dateselect .ui-datepicker-calendar td.oneday.ui-datepicker-unselectable,
.dateselect .ui-datepicker-calendar td.dp-highlight.ui-datepicker-unselectable {
height: auto;
background-image: none;
border-color: transparent !important;
}
.dateselect .dp-highlight {
border-color: #0e94f7 !important;
}
.dateselect .dp-highlight a {
color: #0e94f7 !important;
}
.dateselect .ui-datepicker-week-end .ui-state-default {
background-color: transparent !important;
border-color: transparent !important;
}
.dateselect .ui-datepicker-calendar .first .ui-state-default.ui-state-active,
.dateselect .ui-datepicker-calendar .last .ui-state-default.ui-state-active {
color: #0e94f7 !important;
}
.dateselect .ui-datepicker-current-day .ui-state-default.ui-state-active {
background-color: transparent !important;
color: #444 !important;
}
.dateselect .ui-datepicker td span,
.dateselect .ui-datepicker td a {
padding: 0.5em 0.3em 0.5em 0.3em !important;
}
#location-fieldset .checkboxcontainer {
padding-bottom: 0;
}
.checkboxcontainer .a11y-tooltip-text {
z-index: 3;
}
/* REFACTOR OVERRIDE */
p.datetime-section__label {
font-size: 0.875em;
line-height: normal;
}
.date-panel {
margin-bottom: 0;
position: relative;
z-index: 1;
}
form#SearchResultsForm fieldset .a11y-panel {
height: auto;
margin-bottom: 3px;
padding-bottom: 0;
position: relative;
}
.date-input-text {
position: absolute;
z-index: 0;
height: 40px;
top: 0;
padding: 0 0 0 45px;
font-size: 15px;
border: 1px solid #a9a9a9;
background-color: #fff;
background-repeat: no-repeat;
background-position: 10px 8px;
width: 100%;
box-sizing: border-box;
background-size: 20px;
}
.datetime-section__pu .date-input-text {
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/svg/line/blue-0E94F7/ico-calendar-pu.svg");
}
.datetime-section__do .date-input-text {
background-image: url("https://cdn2.rcstatic.com/images/site_graphics/newsite/icons/svg/line/blue-0E94F7/ico-calendar-do.svg");
}
form div #traveling-reason label input,
form#search div div.tooltip,
form#SearchResultsForm div div.tooltip {
*position: static;
}
@media screen and (max-width: 568px) {
.date-panel__empty-text {
font-size: 0.75em;
line-height: 14px;
height: 56px;
}
form#SearchResultsForm fieldset div {
height: 30px;
padding: 0 0 5px;
}
form#SearchResultsForm .datetime-section fieldset div.date-panel__date-wrapper {
height: 56px;
}
.datetime-section__dateselect {
top: 94px;
}
.date-panel {
background-position: 10px 15px;
}
}
.dateselect .ui-datepicker-other-month {
background: #ddd;
}
/*------------------------------*/
</style>
<div class="datetime-section cf">
<fieldset class="datetime-section__pu">
<p class="datetime-section__label" aria-hidden="true">Abholdatum:</p>
<label for="pu-short-date" class="a11y-vh">Abholdatum:</label>
<div class="a11y-panel">
<span class="date-panel date-panel--pu">
<div class="date-panel__date-wrapper">
<span class="date-panel__day date-panel__label">Mi</span>
<span class="date-panel__date date-panel__label">2</span>
<span class="date-panel__month date-panel__label">Aug</span>
<span class="date-panel__year">2023</span>
<span class="date-panel__arrow"></span>
</div>
<span class="date-panel__empty-text">Wählen Sie ein Abholdatum</span>
</span>
<input id="pu-short-date" class="date-input-text" aria-label="Abholdatum:" aria-required="true">
</div>
<div class="time-panel cf">
<div class="time-panel__hour-wrapper">
<span class="time-panel__hour" aria-hidden="true">10</span>
<span class="time-panel__arrow"></span>
<label for="puHour" class="a11y-vh">Abholzeit - Stunden</label>
<select name="puHour" id="puHour" class="time-panel__hour-select hour">
<option value="0">00</option>
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
<option value="7">07</option>
<option value="8">08</option>
<option value="9">09</option>
<option value="10" selected="selected">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
</div>
<div class="time-panel__min-wrapper">
<span class="time-panel__min" aria-hidden="true">00</span>
<span class="time-panel__arrow"></span>
<label for="puMinute" class="a11y-vh">Abholzeit - Minuten</label>
<select name="puMinute" id="puMinute" class="time-panel__min-select minute">
<option value="0" selected="selected">00</option>
<option value="15">15</option>
<option value="30">30</option>
<option value="45">45</option>
</select>
</div>
</div>
</fieldset>
<fieldset class="datetime-section__do">
<p class="datetime-section__label" aria-hidden="true">Rückgabedatum:</p>
<label for="do-short-date" class="a11y-vh">Rückgabedatum:</label>
<div class="a11y-panel">
<span class="date-panel date-panel--do">
<div class="date-panel__date-wrapper">
<span class="date-panel__day date-panel__label">Sa</span>
<span class="date-panel__date date-panel__label">5</span>
<span class="date-panel__month date-panel__label">Aug</span>
<span class="date-panel__year">2023</span>
<span class="date-panel__arrow"></span>
</div>
<span class="date-panel__empty-text">Wählen Sie ein Rückgabedatum</span>
</span>
<input id="do-short-date" class="date-input-text" aria-label="Rückgabedatum:" aria-required="true">
</div>
<div class="time-panel cf">
<div class="time-panel__hour-wrapper">
<span class="time-panel__hour" aria-hidden="true">10</span>
<span class="time-panel__arrow"></span>
<label for="doHour" class="a11y-vh">Rückgabezeit - Stunden</label>
<select name="doHour" id="doHour" class="time-panel__hour-select hour">
<option value="0">00</option>
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
<option value="7">07</option>
<option value="8">08</option>
<option value="9">09</option>
<option value="10" selected="selected">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
</div>
<div class="time-panel__min-wrapper">
<span class="time-panel__min" aria-hidden="true">00</span>
<span class="time-panel__arrow"></span>
<label for="doMinute" class="a11y-vh">Rückgabezeit - Minuten</label>
<select name="doMinute" id="doMinute" class="time-panel__min-select minute">
<option value="0" selected="selected">00</option>
<option value="15">15</option>
<option value="30">30</option>
<option value="45">45</option>
</select>
</div>
</div>
</fieldset>
<div id="datepickerslider" class="datetime-section__dateselect dateselect">
<div class="dateselect__month-wrapper">
<a class="dateselect__month-back" id="dateselect-month-back"></a>
<a class="dateselect__month-forward dateselect-arrow" id="dateselect-month-forward"></a>
<span class="dateselect__month-slider dateselect-arrow" id="dateselect-month-slider">
<ul class="dateselect__months cf">
<li onclick="selectMonth($(this));" class="month-option " data-nmonth="7" data-year="2023" data-index=""> Juli</li>
<li onclick="selectMonth($(this));" class="month-option " data-nmonth="8" data-year="2023" data-index=""> August</li>
<li onclick="selectMonth($(this));" class="month-option " data-nmonth="9" data-year="2023" data-index=""> September</li>
<li onclick="selectMonth($(this));" class="month-option " data-nmonth="10" data-year="2023" data-index=""> Oktober</li>
<li onclick="selectMonth($(this));" class="month-option " data-nmonth="11" data-year="2023" data-index=""> November</li>
<li onclick="selectMonth($(this));" class="month-option " data-nmonth="12" data-year="2023" data-index=""> Dezember</li>
<li class="year"> 2024</li>
<li onclick="selectMonth($(this));" class="month-option " data-nmonth="1" data-year="2024" data-index=""> Januar</li>
<li onclick="selectMonth($(this));" class="month-option " data-nmonth="2" data-year="2024" data-index=""> Februar</li>
<li onclick="selectMonth($(this));" class="month-option " data-nmonth="3" data-year="2024" data-index=""> März</li>
<li onclick="selectMonth($(this));" class="month-option " data-nmonth="4" data-year="2024" data-index=""> April</li>
<li onclick="selectMonth($(this));" class="month-option " data-nmonth="5" data-year="2024" data-index=""> Mai</li>
<li onclick="selectMonth($(this));" class="month-option " data-nmonth="6" data-year="2024" data-index=""> Juni</li>
<li onclick="selectMonth($(this));" class="month-option " data-nmonth="7" data-year="2024" data-index=""> Juli</li>
<li onclick="selectMonth($(this));" class="month-option " data-nmonth="8" data-year="2024" data-index=""> August</li>
</ul>
</span>
</div>
<div class="dateselect__calendar hasDatepicker" id="dateselect-calendar">
<div class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="display: block;">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
<a class="ui-datepicker-prev ui-corner-all ui-state-disabled" title=""><span class="ui-icon ui-icon-circle-triangle-w"></span></a><a class="ui-datepicker-next ui-corner-all" data-handler="next" data-event="click" title=""><span class="ui-icon ui-icon-circle-triangle-e"></span></a>
<div class="ui-datepicker-title"><select class="ui-datepicker-month" data-handler="selectMonth" data-event="change">
<option value="6" selected="selected">Jul</option>
<option value="7">Aug</option>
<option value="8">Sep</option>
<option value="9">Okt</option>
<option value="10">Nov</option>
<option value="11">Dez</option>
</select><select class="ui-datepicker-year" data-handler="selectYear" data-event="change">
<option value="2023" selected="selected">2023</option>
<option value="2024">2024</option>
</select></div>
</div>
<table class="ui-datepicker-calendar">
<thead>
<tr>
<th scope="col"><span title="Mo">Mo</span></th>
<th scope="col"><span title="Di">Di</span></th>
<th scope="col"><span title="Mi">Mi</span></th>
<th scope="col"><span title="Do">Do</span></th>
<th scope="col"><span title="Fr">Fr</span></th>
<th scope="col" class="ui-datepicker-week-end"><span title="Sa">Sa</span></th>
<th scope="col" class="ui-datepicker-week-end"><span title="So">So</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">1</span></td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">2</span></td>
</tr>
<tr>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">3</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">4</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">5</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">6</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">7</span></td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">8</span></td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">9</span></td>
</tr>
<tr>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">10</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">11</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">12</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">13</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">14</span></td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">15</span></td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">16</span></td>
</tr>
<tr>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">17</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">18</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">19</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">20</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">21</span></td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">22</span></td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">23</span></td>
</tr>
<tr>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">24</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">25</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">26</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">27</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">28</span></td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">29</span></td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">30</span></td>
</tr>
<tr>
<td class=" ui-datepicker-days-cell-over ui-datepicker-current-day ui-datepicker-today" data-handler="selectDay" data-event="click" data-month="6" data-year="2023">
<a class="ui-state-default ui-state-highlight ui-state-active ui-state-hover" href="#">31</a></td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
</tr>
</tbody>
</table>
<div class="ui-datepicker-buttonpane ui-widget-content"><button type="button" class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all" data-handler="today" data-event="click">Today</button></div>
</div>
</div>
</div>
</div>
<script type="text/javascript" nonce="jmit33e3r1br7pni28h95rjfic">
var monthNamesShort = ['Jan', 'Feb', 'Mär', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez'];
var dayNamesMin = ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'];
var firstDay = '1';
var dayNamesShort = ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'];
// change hours if the same day is selected and the times are the same (length renting = 0)
var _changeHours = true;
//init values on input box datepicker
var previousSelectedPuDates = '2/8/2023';
var previousSelectedDoDates = '5/8/2023';
var numMonthsRows = 1;
var currentScroll = 0;
var totalMonthWidth = 0;
var SCROLL_SPEED = 200;
var SCROLL_PADDING = 4;
var DATE_PICKER_SPEED = 300;
// Cache our selectors
var datepicker = $('#dateselect-calendar');
var $datepickerContainer = $('#datepickerslider');
var $puShortDate = $('#pu-short-date');
var $doShortDate = $('#do-short-date');
var $datePanelTab = $('.datetime-section .date-panel');
var $puDatePanelTab = $('.datetime-section__pu .date-panel');
var $monthSlider = $('#dateselect-month-slider');
var $inputDoDay = $('input[name=doDay]');
var $inputDoMonth = $('input[name=doMonth]');
var $inputDoYear = $('input[name=doYear]');
var $inputPuDay = $('input[name=puDay]');
var $inputPuMonth = $('input[name=puMonth]');
var $inputPuYear = $('input[name=puYear]');
$puShortDate.val(previousSelectedPuDates);
$doShortDate.val(previousSelectedDoDates);
function setPuDateNr(date) {
if (getDoDateNr() < date) setDoDateNr(date);
var updateDays = false;
if (date.getMonth() != getPuDateNr().getMonth() || date.getFullYear() != getPuDateNr().getFullYear()) updateDays = true;
$inputPuDay.val(date.getDate());
$inputPuMonth.val(date.getMonth() + 1);
$inputPuYear.val(date.getFullYear());
return false;
}
function setDoDateNr(date) {
var updateDays = false;
if (date.getMonth() != getDoDateNr().getMonth() || date.getFullYear() != getDoDateNr().getFullYear()) updateDays = true;
$inputDoDay.val(date.getDate());
$inputDoMonth.val(date.getMonth() + 1);
$inputDoYear.val(date.getFullYear());
//setDoDisplayDateNr(updateDays);
return false;
}
function getPuDateNr() {
return new Date(parseInt($inputPuYear.val()), parseInt($inputPuMonth.val()) - 1, parseInt($inputPuDay.val()));
}
function getDoDateNr() {
return new Date(parseInt($inputDoYear.val()), parseInt($inputDoMonth.val()) - 1, parseInt($inputDoDay.val()));
}
$("#dateselect-month-forward").click(function() {
var currentActive = $(".dateselect__months .month-option.active");
var nextMonth = $(currentActive).next();
if (nextMonth.hasClass("year")) {
var nextMonth = $(nextMonth).next();
}
if (nextMonth.length > 0) {
selectMonth(nextMonth);
}
});
$("#dateselect-month-back").click(function() {
var currentActive = $(".dateselect__months .month-option.active");
var nextMonth = $(currentActive).prev();
if (nextMonth.hasClass("year")) {
var nextMonth = $(nextMonth).prev();
}
if (nextMonth.length > 0) {
selectMonth(nextMonth);
}
});
function ensureMonthVisible(monthElement) {
var arrowWidth = ($(".dateselect-arrow").outerWidth(true));
if (monthElement.length > 0) {
var elementRightPosition = monthElement.position().left + monthElement.outerWidth();
if (($monthSlider.width() - arrowWidth / 2) < elementRightPosition) {
// Set the scroll distance to the right point so that the right side of the month element is just in view
currentScroll += ((elementRightPosition - $monthSlider.width()) + arrowWidth + SCROLL_PADDING);
// Claculate the month panel width if it has been calculated yet
if (totalMonthWidth == 0) {
$('#dateselect-month-slider li').each(function(index) {
totalMonthWidth += $(this).outerWidth(true);
});
$(".dateselect__months").width(totalMonthWidth + 1);
}
// Cap the scroll amount
if (currentScroll > totalMonthWidth - $monthSlider.width() + arrowWidth * 4) {
currentScroll = totalMonthWidth - $monthSlider.width() + arrowWidth * 4;
}
$('#dateselect-month-slider').animate({
scrollLeft: currentScroll
}, SCROLL_SPEED, "linear");
} else {
var nextMonthRelativeToArrow = monthElement.position().left - arrowWidth;
if (nextMonthRelativeToArrow < 0) {
currentScroll += (nextMonthRelativeToArrow) - SCROLL_PADDING;
if (currentScroll < 0) {
currentScroll = 0;
}
$('#dateselect-month-slider').animate({
scrollLeft: currentScroll
}, SCROLL_SPEED, "linear");
}
}
}
}
function toggleDatepicker(elem) {
if ((!$('.datetime-section__do .date-panel').hasClass('active') || elem == "pu") && (!$puDatePanelTab.hasClass('active')) || ($puDatePanelTab.hasClass('active') && elem == "do")) {
$(".date-input-text").hide();
if ($puShortDate.val() != "") {
var puDate = $.datepicker.parseDate(dateFormat, $puShortDate.val());
} else {
var puDate = $.datepicker.parseDate(dateFormat, getPreviousSelectedDates("pu"));
if (elem == "do") {
$puShortDate.val(getPreviousSelectedDates("pu"));
}
}
if (elem == "pu") {
datepicker.datepicker("option", "minDate", today);
$datePanelTab.addClass('empty');
$datePanelTab.removeClass('active');
} else if (elem == "do") {
$datePanelTab.removeClass('active empty');
datepicker.datepicker("option", "minDate", $puShortDate.val());
$('.datetime-section__' + elem + ' .date-panel').addClass('empty');
}
$('.datetime-section__' + elem + ' .date-panel').addClass('active');
$("#" + elem + "-short-date").val('');
datepicker.datepicker('setDate', new Date($.datepicker.formatDate('yy', puDate), $.datepicker.formatDate('m', puDate) - 1, $.datepicker.formatDate('d', puDate)))
showDatePicker();
var monthElement = $(".dateselect__months [data-nmonth=" + (puDate.getMonth() + 1) + "][data-year=" + puDate.getFullYear() + "]");
selectMonth(monthElement);
ensureMonthVisible(monthElement);
} else if ($puDatePanelTab.hasClass('active') || (!$puDatePanelTab.hasClass('active') || elem == "do")) {
$("#" + elem + "-short-date").val(getPreviousSelectedDates(elem));
if ($doShortDate.val() == $puShortDate.val()) {
var date = $.datepicker.parseDate(dateFormat, $puShortDate.val());
date.setDate(date.getDate() + 1);
$('.dropoffDate').datepicker('setDate', date);
$doShortDate.val($.datepicker.formatDate('d', date) + "/" + $.datepicker.formatDate('m', date) + "/" + $.datepicker.formatDate('yy', date));
updateDatesForm();
}
GAQPush("_trackEvent", "FE-7290", "datepicker-calendar", "Closed from " + elem, 1, true);
closeDatePicker();
}
return false;
}
/**
* Iterates over all the date boxes in the calendar until it finds the pickup date.
* On each further iteration, the current box is highlighted.
* When the current box matches the given endBox, that class is given the last class to style as a dropoff day.
*
* @param endBox The table cell that the mouse is over.
* @param foundStart Whether the start has already been found in a previous month.
* passing as true will mean all day boxes from the start of the month will be highlighted up until the endBox.
* @returns {{foundStart: boolean, foundEnd: boolean}} Whether the start day and end day were found.
*/
function hoverHighlight(endBox, foundStart) {
var foundEnd = false;
$('#dateselect-calendar .ui-datepicker-calendar td').each(function(index) {
if (!foundEnd) {
if (foundStart) {
if (this == endBox) {
foundEnd = true;
$(this).addClass("last");
} else {
$(this).addClass("dp-highlight")
}
} else {
if ($(this).hasClass("first")) {
foundStart = true;
if (this == endBox) {
foundEnd = true;
}
} else if (this == endBox) {
foundEnd = true;
}
}
} else {
if ($(this).hasClass("first")) {
foundStart = true;
}
}
});
return {
foundStart: foundStart,
foundEnd: foundEnd
};
}
function triggerHoverHighlight() {
$("#dateselect-calendar .ui-datepicker-calendar").find('td').mouseenter(function() {
if ($(".datetime-section__do .date-panel").hasClass("active")) {
$('#dateselect-calendar .ui-datepicker-calendar td').removeClass("dp-highlight");
$('#dateselect-calendar .ui-datepicker-calendar td').removeClass("last");
var foundBoxes = hoverHighlight(this, false);
if (!foundBoxes.foundStart && foundBoxes.foundEnd) {
// In this case the start point will be on a previous month so we need to highlight up to the endBox
hoverHighlight(this, true);
}
}
});
}
function selectMonth(t) {
if (t.data('year') >= getPuDate().getFullYear() || t.data('nmonth') - 1 >= getPuDate().getMonth()) {
// update year
if (t.data('year') != $('.ui-datepicker-year').val()) {
$('.ui-datepicker-year').val(t.data('year'));
$('.ui-datepicker-year').trigger('change');
}
// update month
if ((t.data('nmonth') - 1) != $('.ui-datepicker-month').val()) {
$('.ui-datepicker-month').val(t.data('nmonth') - 1);
$('.ui-datepicker-month').trigger('change');
}
// remove all active ones
$('.dateselect__months li').removeClass('active');
// add active to the selected one
t.addClass('active');
GAQPush("_trackEvent", "FE-7290", "datepicker-calendar", "select month", 1, true);
triggerHoverHighlight();
ensureMonthVisible($(".dateselect__months li.month-option.active"));
}
}
function showDatePicker() {
$('#datepickerslider').slideDown(DATE_PICKER_SPEED);
GAQPush("_trackEvent", "FE-7290", "datepicker-calendar", "open", 1, true);
return false;
}
function closeDatePicker() {
$datepickerContainer.slideUp(DATE_PICKER_SPEED);
$datePanelTab.removeClass('active empty');
GAQPush("_trackEvent", "FE-7290", "datepicker-calendar", "close", 1, true);
$(".date-input-text").show();
return false;
}
function getPreviousSelectedDates(elem) {
if (elem == "pu") {
return previousSelectedPuDates;
} else {
return previousSelectedDoDates;
}
}
$('.time-panel').bind('change', function(e) {
updateTimesForm();
return false;
});
dateFormat = 'dd/mm/yy';
//init values on input box datepicker
$('#dateselect-calendar').datepicker({
prevText: "",
nextText: "",
monthNamesShort: monthNamesShort,
dayNamesMin: dayNamesMin,
dayNames: dayNamesShort,
monthNames: monthNamesShort,
firstDay: firstDay,
dateFormat: dateFormat,
minDate: today,
maxDate: today + '+13m',
defaultDate: getPuDate(),
numberOfMonths: [numMonthsRows, 1],
changeMonth: true,
changeYear: true,
showButtonPanel: true,
beforeShowDay: function(date) {
var pickupDate = $.datepicker.parseDate(dateFormat, $puShortDate.val());
var dropoffDate = $.datepicker.parseDate(dateFormat, $doShortDate.val());
var ret = '';
if (!dropoffDate) {
dropoffDate = pickupDate;
}
if (pickupDate && ((date.getTime() == pickupDate.getTime()) || (dropoffDate && date.getTime() >= pickupDate.getTime() && date.getTime() <= dropoffDate.getTime()))) {
ret = "dp-highlight";
} else {
ret = "";
}
if (pickupDate && dropoffDate && date) {
var first = date.getTime() == pickupDate.getTime();
var last = date.getTime() == dropoffDate.getTime();
var oneday = date.getTime() == pickupDate.getTime() && date.getTime() == dropoffDate.getTime();
if (oneday && $doShortDate.val() != "") {
ret = "oneday";
foundFirst = true;
foundLast = true;
} else if (first) {
ret = "first";
$('.time-panel').css('color', '');
foundFirst = true;
} else if (last) {
ret = "last";
$('.time-panel').css('color', '');
foundLast = true;
}
}
return [true, ret];
},
onSelect: function(dateText, inst) {
if ($puShortDate.val() != "" && $doShortDate.val() != "") {
$puShortDate.val('');
$doShortDate.val('');
}
var pickupDate = $.datepicker.parseDate(dateFormat, $puShortDate.val());
var dropoffDate = $.datepicker.parseDate(dateFormat, $doShortDate.val());
var selectedDate = $.datepicker.parseDate(dateFormat, dateText);
if (!pickupDate || dropoffDate) {
$puShortDate.val(dateText);
$doShortDate.val("");
$(this).datepicker("option", "minDate", dateText);
} else if (selectedDate >= pickupDate) {
$doShortDate.val(dateText);
$(this).datepicker("option", "minDate", today);
}
// update header
if ($puShortDate.val() != "" && $doShortDate.val() == "") {
$puDatePanelTab.removeClass('empty active');
$('.datetime-section__do .date-panel').addClass('active');
} else if ($puShortDate.val() != "" && $doShortDate.val() != "") {
$('.datetime-section__do .date-panel').removeClass('empty active');
setTimeout(function() {
closeDatePicker();
}, 100)
}
updateDatesForm();
if (window.RC && window.RC.components && window.RC.components.PriceCalculationExplanator) {
window.RC.components.PriceCalculationExplanator.update();
}
setTimeout(triggerHoverHighlight, 10);
}
});
// Set open/close toggle on the pickup/dropoff displays
$(".datetime-section__pu .date-panel").click(function(e) {
toggleDatepicker('pu');
e.stopPropagation();
});
$(".datetime-section__do .date-panel").click(function(e) {
toggleDatepicker('do');
e.stopPropagation();
});
// Stop the body click handler from being called to close the date picker when a date element is clicked
$datepickerContainer.click(function(e) {
e.stopPropagation();
});
// Cause the date picker to close when clicking away
$("body").click(function() {
if ($datepickerContainer.is(':visible')) {
if ($puShortDate.val() == "") {
$puShortDate.val(getPreviousSelectedDates("pu"));
}
if ($doShortDate.val() == "") {
$doShortDate.val(getPreviousSelectedDates("do"));
}
if ($doShortDate.val() == $puShortDate.val()) {
var date = $.datepicker.parseDate(dateFormat, $puShortDate.val());
date.setDate(date.getDate() + 1);
$('.dropoffDate').datepicker('setDate', date);
$doShortDate.val($.datepicker.formatDate('d', date) + "/" + $.datepicker.formatDate('m', date) + "/" + $.datepicker.formatDate('yy', date));
updateDatesForm();
}
GAQPush("_trackEvent", "FE-7290", "datepicker-calendar", "Closed from click away", 1, true);
closeDatePicker();
}
});
var DF = ['D-M-YY', 'D-M-YYYY', 'D-MM-YY', 'D-MM-YYYY', 'DD-M-YY', 'DD-M-YYYY', 'DD-MM-YY', 'DD-MM-YYYY', 'D/M/YY', 'D/M/YYYY', 'D/MM/YY', 'D/MM/YYYY', 'DD/M/YY', 'DD/M/YYYY', 'DD/MM/YY', 'DD/MM/YYYY', 'DMYY', 'DMYYYY', 'DMMYY', 'DMMYYYY',
'DDMYY', 'DDMYYYY', 'DDMMYY', 'DDMMYYYY'
];
var puManual, doManual;
var prevDate = moment();
$(".datetime-section__pu .date-input-text").focus(function() {
$('.date-panel--pu').css('z-index', 0);
GAQPush("_trackEvent", "Manual Datepicker input PU date", "focus", "AC-310", 1, true);
}).blur(function() {
$('.date-panel--pu').css('z-index', 1);
puManual = moment($puShortDate.val(), DF);
doManual = moment($doShortDate.val(), DF);
if (puManual.isValid()) {
// pickup date is not the same or after the previous date
if (!moment(puManual).isSameOrAfter(prevDate, 'day')) {
$puShortDate.val(previousSelectedPuDates);
alert('Dieses Datum liegt in der Vergangenheit. Bitte versuchen Sie es noch einmal.');
} else {
// dropoff date is not the same or after the pickupdat
if (!moment(doManual).isSameOrAfter(puManual, 'day')) {
var dateMan = moment($puShortDate.val(), DF, true);
dateMan = moment(dateMan).add(1, 'days');
$doShortDate.val(moment(dateMan).get('date') + '/' + (moment(dateMan).get('month') + 1) + '/' + moment(dateMan).get('year'));
}
$puShortDate.val(puManual.format('DD/MM/YYYY'));
updateDatesForm();
}
} else {
$puShortDate.val(previousSelectedPuDates);
alert('Dieses Datum ist nicht gültig. Bitte versuchen Sie es noch einmal.');
}
}).keydown(function(e) {
if (e.keyCode == 13) {
e.preventDefault();
puManual = moment($puShortDate.val(), DF);
doManual = moment($doShortDate.val(), DF);
if (puManual.isValid()) {
// pickup date is not the same or after the previous date
if (!moment(puManual).isSameOrAfter(prevDate, 'day')) {
$puShortDate.val(previousSelectedPuDates);
alert('Dieses Datum liegt in der Vergangenheit. Bitte versuchen Sie es noch einmal.');
} else {
// dropoff date is not the same or after the pickupdat
if (!moment(doManual).isSameOrAfter(puManual, 'day')) {
var dateMan = moment($puShortDate.val(), DF, true);
dateMan = moment(dateMan).add(1, 'days');
$doShortDate.val(moment(dateMan).get('date') + '/' + (moment(dateMan).get('month') + 1) + '/' + moment(dateMan).get('year'));
}
$puShortDate.val(puManual.format('DD/MM/YYYY'));
updateDatesForm();
}
} else {
$puShortDate.val(previousSelectedPuDates);
alert('Dieses Datum ist nicht gültig. Bitte versuchen Sie es noch einmal.');
}
}
});
$(".datetime-section__do .date-input-text").focus(function() {
$('.date-panel--do').css('z-index', 0);
GAQPush("_trackEvent", "Manual Datepicker input DO date", "focus", "AC-310", 1, true);
}).blur(function() {
$('.date-panel--do').css('z-index', 1);
puManual = moment($puShortDate.val(), DF);
doManual = moment($doShortDate.val(), DF);
if (doManual.isValid()) {
if (!moment(doManual).isSameOrAfter(puManual, 'day')) {
$doShortDate.val(previousSelectedDoDates);
alert('Dieses Datum liegt in der Vergangenheit. Bitte versuchen Sie es noch einmal.');
} else {
$doShortDate.val(doManual.format('DD/MM/YYYY'));
updateDatesForm();
}
} else {
$doShortDate.val(previousSelectedDoDates);
alert('Dieses Datum ist nicht gültig. Bitte versuchen Sie es noch einmal.');
}
}).keydown(function(e) {
if (e.keyCode == 13) {
e.preventDefault();
puManual = moment($puShortDate.val(), DF);
doManual = moment($doShortDate.val(), DF);
if (doManual.isValid()) {
if (!moment(doManual).isSameOrAfter(puManual, 'day')) {
$doShortDate.val(previousSelectedDoDates);
alert('Dieses Datum liegt in der Vergangenheit. Bitte versuchen Sie es noch einmal.');
} else {
$doShortDate.val(doManual.format('DD/MM/YYYY'));
updateDatesForm();
}
} else {
$doShortDate.val(previousSelectedDoDates);
alert('Dieses Datum ist nicht gültig. Bitte versuchen Sie es noch einmal.');
}
}
});
function updateDatesForm() {
var pickupDate = $.datepicker.parseDate(dateFormat, $puShortDate.val());
var dropoffDate = $.datepicker.parseDate(dateFormat, $doShortDate.val());
previousSelectedPuDates = $puShortDate.val();
previousSelectedDoDates = $doShortDate.val();
if (!dropoffDate) {
dropoffDate = pickupDate;
previousSelectedDoDates = $puShortDate.val();
}
$('.datetime-section__pu .date-panel__day').html(dayNamesShort[pickupDate.getDay()]);
$('.datetime-section__pu .date-panel__date').html($.datepicker.formatDate('d', pickupDate));
$('.datetime-section__pu .date-panel__month').html(monthNamesShort[pickupDate.getMonth()]);
$('.datetime-section__pu .date-panel__year').html($.datepicker.formatDate('yy', pickupDate));
$('.datetime-section__do .date-panel__day').html(dayNamesShort[dropoffDate.getDay()]);
$('.datetime-section__do .date-panel__date').html($.datepicker.formatDate('d', dropoffDate));
$('.datetime-section__do .date-panel__month').html(monthNamesShort[dropoffDate.getMonth()]);
$('.datetime-section__do .date-panel__year').html($.datepicker.formatDate('yy', dropoffDate));
updateTimesForm();
//date
$("input[name='puDay']").val($.datepicker.formatDate('d', pickupDate));
$("input[name='doDay']").val($.datepicker.formatDate('d', dropoffDate));
$("input[name='puMonth']").val($.datepicker.formatDate('m', pickupDate));
$("input[name='doMonth']").val($.datepicker.formatDate('m', dropoffDate));
$("input[name='puYear']").val($.datepicker.formatDate('yy', pickupDate));
$("input[name='doYear']").val($.datepicker.formatDate('yy', dropoffDate));
}
function updateTimesForm() {
//check if same day is selected and time, and change + 1h
if ($puShortDate.val() == $doShortDate.val()) {
if (_changeHours && $('.datetime-section__pu .time-panel__hour-select option:selected').val() == "23") {
$('.datetime-section__pu .time-panel__hour').val("22");
$('.datetime-section__pu .time-panel__min').val("45");
$('.datetime-section__do .time-panel__hour').val("23");
$('.datetime-section__do .time-panel__min').val("45");
$(".datetime-section select[name='puHour']").val("22");
$(".datetime-section select[name='puMinute']").val("45");
$(".datetime-section select[name='doHour']").val("23");
$(".datetime-section select[name='doMinute']").val("45");
_changeHours = false;
GAQPush("_trackEvent", "FE-7290", "change-hours-sameday", "23:00", 1, true);
} else if (_changeHours) {
var newDoHour = (parseInt($('.datetime-section__pu .time-panel__hour-select option:selected').val()) + 1);
var newDoMin = $(".datetime-section select[name='puMinute']").val();
$('.datetime-section__do .time-panel__hour').val(newDoHour);
$('.datetime-section__do .time-panel__min').val(newDoMin);
$(".datetime-section select[name='doHour']").val(newDoHour);
$(".datetime-section select[name='doMinute']").val(newDoMin);
_changeHours = false;
GAQPush("_trackEvent", "FE-7290", "change-hours-sameday", "+1h", 1, true);
}
}
//times
$('.datetime-section .datetime-section__pu .time-panel__hour').html(formatTimeNumber($('.datetime-section__pu .time-panel__hour-select option:selected').val()));
$('.datetime-section .datetime-section__do .time-panel__hour').html(formatTimeNumber($('.datetime-section__do .time-panel__hour-select option:selected').val()));
$('.datetime-section .datetime-section__pu .time-panel__min').html(formatTimeNumber($('.datetime-section__pu .time-panel__min-select option:selected').val()));
$('.datetime-section .datetime-section__do .time-panel__min').html(formatTimeNumber($('.datetime-section__do .time-panel__min-select option:selected').val()));
}
function formatTimeNumber(num) {
if (num < 10) {
num = "0" + num;
}
return num;
}
// Update the main search form when the footer search form elements change
if ($("#second_search_form .datetime-section select").length) {
$(window).load(function() {
$("#second_search_form .datetime-section select").on("change", function() {
$("#pu-short-date").val($("#puDay_select_footer").val() + "/" + $("#puMonth_select_footer").val().replace("-", "/"));
$doShortDate.val($("#doDay_select_footer").val() + "/" + $("#doMonth_select_footer").val().replace("-", "/"));
$('.datetime-section__pu .time-panel__hour-select option:selected').val($("[name=puHourFooter]").val());
$('.datetime-section__do .time-panel__hour-select option:selected').val($("[name=doHourFooter]").val());
$(".datetime-section select[name='puMinute']").val($("[name=puMinuteFooter]").val());
$(".datetime-section select[name='doMinute']").val($("[name=doMinuteFooter]").val());
updateDatesForm();
});
});
}
// This is only for tracking the experiment, and should be removed when the experiment is fully on
</script>
<input type="hidden" name="puDay" value="2">
<input type="hidden" name="puMonth" value="8">
<input type="hidden" name="puYear" value="2023">
<input type="hidden" name="doDay" value="5">
<input type="hidden" name="doMonth" value="8">
<input type="hidden" name="doYear" value="2023">
<input type="hidden" name="enabler" value="">
<div class="clearfix"></div>
<fieldset>
<legend>Fahrer zwischen 30 und 65 Jahren?</legend>
<div class="checkboxcontainer">
<input type="checkbox" name="driverage" id="driver-over-min-age" checked="checked">
<label class="age" for="driver-over-min-age">Fahrer zwischen 30 und 65 Jahren?</label>
<div class="a11y-tooltip-container desktop-only">
<button type="button" aria-describedby="driverage-tooltiptext" aria-controls="driverage-tooltiptext" role="button" class="a11y-tooltip" aria-expanded="false"
onmouseover="GAQPush('_trackEvent', 'DLP-318', 'hover','Driver age tooltip',1, true);">
<span class="a11y-vh">Information</span>
</button>
<span id="driverage-tooltiptext" aria-hidden="true" class="a11y-tooltip-text">
<h5>Keine verstecken Kosten</h5> Einige Unternehmen berechnen für jüngere oder ältere Fahrer höhere Preise. Bevor Sie einen Mietwagen wählen, werden wir Sie über die Gebühren genau informieren.
</span>
</div>
<div id="driver-input-box" style="">
<label for="driver-age-input" class="drivers-age-box">Alter des Fahrers</label>
<input type="text" name="driversAge" maxlength="2" value="30" onchange="driverAgeChange(this.value);" id="driver-age-input">
</div>
</div>
</fieldset>
<fieldset id="chinese-driver-license">
<legend class="a11y-vh">Fahrer hat einen gültigen in der Volksrepublik China ausgestellten Führerschein (Festland)</legend>
<div class="checkboxcontainer">
<input type="checkbox" name="chinese-license" id="chinese-license">
<label for="chinese-license">Fahrer hat einen gültigen in der Volksrepublik China ausgestellten Führerschein (Festland)</label>
<div class="tooltip js-tooltip" role="tooltip"
data-tooltip="Um in China ein Auto mieten zu dürfen, muss der Fahrer einen in der Volksrepublik China (Festland) ausgestellten Führerschein besitzen. Es wird keine andere Fahrerlaubnis akzeptiert, selbst wenn Sie eine internationale Fahrerlaubnis mit sich führen (IDP).">
</div>
</div>
</fieldset>
<fieldset id="btn-fieldset">
<legend>Form submission</legend>
<input type="submit" value="Suchen" id="formsubmit">
</fieldset>
</div>
<ul id="why_book_bullets">
<li>Keine Kreditkartengebühren</li>
<li>Keine Gebühren für Änderungen</li>
<li>Preisversprechen</li>
</ul>
<input type="hidden" name="locationName">
<input type="hidden" name="dropLocationName">
<input type="hidden" name="searchType" value="">
<input type="hidden" name="doFiltering" value="true">
<input type="hidden" name="filterFrom" value="0">
<input type="hidden" name="filterTo" value="20">
<input type="hidden" name="countryCode" value="">
<input type="hidden" name="dropCountryCode" value="">
<input type="hidden" name="emptySearchResults" value="true">
</form>
Text Content
Mietwagen – Billiger mietwagen buchen mit Wizzair € Euro Sie rechnen normalerweise nicht in EUR? Das können Sie ändern, falls Sie die Preise lieber in einer anderen Währen sehen möchten. Bitte beachten: Sie bezahlen Ihren Mietwagen trotzdem in EUR. TOP WÄHRUNGEN: * AUDAustralische Dollar * CADKanadische Dollar * €Euro * £Pfund Sterling * US$US-Dollar ALLE WÄHRUNGEN: * AEDV.A.E. Dirham * AMDAmerikanische Dram * ANGAntillen-Gulden * ARSArgentinische Peso * AUDAustralische Dollar * BGNBulgarischer Lew * BNDBrunei-Dollar * R$Brasilianische Real * CADKanadische Dollar * CHFSchweizer Franken * CNYChinesischer Renminbi Yuan * CRCCosta-Rica-Colón * CVEKap-Verde-Escudo * CZKTschechische Kronen * DKKDänische Kronen * EGPÄgyptische Pfund * €Euro * £Pfund Sterling * HKDHongkong-Dollar * HRKKroatische Kuna * HUFUngarische Forint * RpIndonesische Rupiah * ₪Israelischer Schekel * INRIndische Rupie * ISKIsländische Krone * ¥Yen * ₩Südkoreanischer Won * KWDKuwait-Dinar * KZTkasachischer Tenge * LEKLekë * MADMarokkanischer Dirham * MKDMazedonischer Denar * MNTMongolischer Tögrög * MURMauritius Rupie * MXNMexikanischer Peso * MYRMalaysischer Ringgit * NOKNorwegische Krone * NZDNeuseeländischer Dollar * ₱Philippinischer Peso * PLNPolnische Zloty * RONRumänische Leu * RSDSerbische Dinar * RUBRussische Rubel * SARSaudi-Riyal * SEKSchwedische Kronen * SGDSingapur-Dollar * THBThailändische Baht * TNDTunesische Dinar * TRYTürkische Lira * TWDTaiwan-Dollar * TZSTansania Schilling * UAHUkrainisches Hryvnia * US$US-Dollar * VEBVenezolanischer Bolívar * ₫Vietnamesische Dong * VUVVatu * WSTSamoanischer Tala * XAFZentralafrikanischen Franc * XOFWestafrikanische Franc * ZARSüdafrikanischer Rand Deutsch * English * Deutsch * Français * Español * Italiano * עברית * Bahasa Indonesia * Bahasa Malaysia * Català * Dansk * Eesti * Filipino * Hrvatski * Latvija * Lietuvių kalba * Magyar * Nederlands * Norsk * Polski * Português (BR) * Português (PT) * Pусский * Română * Slovenčina * Slovenščina * Srpski * Suomi * Svenska * Swahili * Türkçe * Việt * Íslenska * Čeština * ελληνικά * Български * Українська * العربية * ไทย * 日本語 * 简体中文 * 繁體中文 * 한국어 Buchung verwalten BUCHUNG VERWALTEN Auch wenn Sie kein Benutzerkonto haben, können Sie trotzdem Ihre Buchung bearbeiten. E-Mail-Adresse Reservierungsnummer Schließen BUCHUNGSNUMMER VERGESSEN? Bitte geben Sie hier die E-Mail-Adresse ein, mit der Sie gebucht haben, um Ihre Referenznummer zu erhalten. E-Mail: DIE E-MAIL WURDE ERFOLGREICH VERSENDET. Ihre Buchungsnummer wurde Ihnen per Email geschickt.. ES WURDE KEINE REFERENZNUMMER GEFUNDEN. Zu dieser E-Mail-Adresse konnte keine Buchung gefunden werden. Bitte Kontaktieren Sie uns über diesen Link Bitte geben Sie Ihre E-mail-Adresse erneut ein. MIETWAGEN – SUCHEN, VERGLEICHEN & SPAREN Vergleichen Sie 900 verschiedene Vermieter in mehr als 60 000 Locations mit Preisversprechen. HABEN SIE EINE CHINESISCHE FAHRERLAUBNIS? Um in China ein Fahrzeug mieten zu dürfen, benötigen Sie eine von der Republik China (Festland) ausgestellte Fahrerlaubnis. Ohne diese Fahrerlaubnis dürfen Sie in China nicht fahren, auch wenn Sie einen internationalen Führerschein besitzen. KEINE FAHRERLAUBNIS? KEIN PROBLEM. Buchen Sie doch einfach ein Fahrzeug mit einem professionellen Fahrer. Bei unserem Schwesterunternehmen Rideways finden Sie eine große Auswahl an Fahrzeugen. Außerdem wird der Service im Voraus bezahlt, so müssen Sie nicht am Taxistand oder beim Geldautomat Schlange stehen. Weiter zu Rideways.com FINDEN SIE IHR IDEALES AUTO Anmietstation Anmietstation fehlt Rückgabe an einem anderen Ort Rückgabestation Abholdatum: Abholdatum: Mi 2 Aug 2023 Wählen Sie ein Abholdatum 10 Abholzeit - Stunden 000102030405060708091011121314151617181920212223 00 Abholzeit - Minuten 00153045 Rückgabedatum: Rückgabedatum: Sa 5 Aug 2023 Wählen Sie ein Rückgabedatum 10 Rückgabezeit - Stunden 000102030405060708091011121314151617181920212223 00 Rückgabezeit - Minuten 00153045 * Juli * August * September * Oktober * November * Dezember * 2024 * Januar * Februar * März * April * Mai * Juni * Juli * August JulAugSepOktNovDez20232024 MoDiMiDoFrSaSo 12345678910111213141516171819202122232425262728293031 Today Fahrer zwischen 30 und 65 Jahren? Fahrer zwischen 30 und 65 Jahren? Information KEINE VERSTECKEN KOSTEN Einige Unternehmen berechnen für jüngere oder ältere Fahrer höhere Preise. Bevor Sie einen Mietwagen wählen, werden wir Sie über die Gebühren genau informieren. Alter des Fahrers Fahrer hat einen gültigen in der Volksrepublik China ausgestellten Führerschein (Festland) Fahrer hat einen gültigen in der Volksrepublik China ausgestellten Führerschein (Festland) Form submission * Keine Kreditkartengebühren * Keine Gebühren für Änderungen * Preisversprechen BUCHUNGEN ONLINE BEARBEITEN Stornieren oder bearbeiten Sie Ihre Buchungen einfach und schnell online Melden Sie sich an, um Ihr Konto und Ihre Buchungen zu verwalten E-MAIL-ADRESSE PASSWORT Eingeloggt bleiben Haben Sie Ihr Passwort vergessen? DAS WELTWEIT GRÖSSTE MIETWAGENPORTAL Wir arbeiten mit mehr als 900 Vermietern in 160 Ländern zusammen, um Ihnen das passende Fahrzeug am richtigen Ort und zum richtigen Preis zu finden. VON MEHR ALS 3,5 MILLIONEN KUNDEN BEWERTET Wir bitten jeden unserer Kunden, den Vermieter zu bewerten, bei dem das Fahrzeug abgeholt wurde. Vergleichen Sie die Bewertungen und treffen so die richtige Wahl. UNSERE BELIEBTESTEN REISEZIELE BERLIN MALLORCA Herr B. Werner "Sauber- Korrekt immer wieder." FRANKFURT Herr H. Neeser "gut schnell und preiswert." MÜNCHEN HAMBURG Herr H. Grimmig "Excellent Deal" WIEN Herr N. Bisko "Perfekt!" mehr anzeigen HÄUFIG GESTELLTE FRAGEN Was wird benötigt, um ein Fahrzeug mieten zu können? Um ein Fahrzeug zu buchen, brauchen Sie lediglich eine Kreditkarte. Wenn Sie das... Zeige die komplette Antwort an Um ein Fahrzeug zu buchen, brauchen Sie lediglich eine Kreditkarte. Wenn Sie das Fahrzeug abholen, brauchen Sie Folgendes: * Den Buchungsbeleg bzw. eVoucher, den wir Ihnen zugeschickt haben, um nachzuweisen, dass Sie für das Fahrzeug bezahlt haben. * Die Kreditkarte des Hauptfahrers. Bitte stellen Sie sicher, dass der Verfügungsrahmen der Kreditkarte hoch genug für die Kaution des Mietwagens ist. * Jeder Fahrer muss seinen gültigen Führerschein vorzeigen können. Außerdem sollten alle Fahrer seit mindestens 12 (in manchen Fällen sogar 24) Monaten im Besitz ihres Führerscheins sein. * Ihren Ausweis bzw. Reisepass, damit Sie sich beim Vermieter ausweisen können. Alle Autovermietungen haben unterschiedliche Bestimmungen. Überprüfen Sie deshalb bitte außerdem die individuellen Geschäftsbedingungen des Mietwagens. Wie alt muss man mindestens sein, um ein Fahrzeug mieten zu können? Bei den meisten Autovermietern liegen das Mindest- und Höchstalter zwischen... Zeige die komplette Antwort an Bei den meisten Autovermietern liegen das Mindest- und Höchstalter zwischen 21 und 70 Jahren. Sollten Sie entweder jünger als 25 Jahre oder älter als 70 Jahre sein, fallen für Sie eventuell zusätzliche Gebühren an. Kann man ein Fahrzeug für eine andere Person mieten? Ja, solange diese Person alle Voraussetzungen erfüllt. Füllen Sie einfach d... Zeige die komplette Antwort an Ja, solange diese Person alle Voraussetzungen erfüllt. Füllen Sie einfach die Angaben dieser Person aus und wir reservieren das Fahrzeug. Wie finde ich das beste Mietwagenangebot? Um Ihnen die bestmögliche Auswahl an Mietwagen bieten zu können, arbeiten w... Zeige die komplette Antwort an Um Ihnen die bestmögliche Auswahl an Mietwagen bieten zu können, arbeiten wir mit allen großen Vermietern (und auch vielen kleinen lokalen Anbietern) zusammen. Deshalb können wir für Sie an über 60 000 Stationen weltweit günstige Mietwagen finden. Um die Preise zu vergleichen und somit Ihren passenden Mietwagen zu einem unschlagbaren Preis finden zu können, benutzen Sie bitte unser Suchformular. Was muss ich bei der Auswahl meines Mietwagens beachten? * Platz: Ein Mietwagen mit genug Platz für ... Zeige die komplette Antwort an * Platz: Ein Mietwagen mit genug Platz für alle Passagiere und Gepäck macht das Fahren wesentlich angenehmer. * Tankrichtlinie: Sie möchten nicht weit fahren? Mit der Tankrichtlinie Gleiche Befüllung können Sie viel Geld sparen. * Standort: Eine Mietwagenstation direkt am Flughafen ist definitiv die bequemste Lösung. Allerdings ist die Mietwagenstation außerhalb des Flughafens und mit Shuttleverbindung oftmals viel günstiger. Sind alle Gebühren im Preis inbegriffen? In der Mehrheit unserer Angebote sind Diebstahlschutz, Vollkaskoschutz (CDW... Zeige die komplette Antwort an In der Mehrheit unserer Angebote sind Diebstahlschutz, Vollkaskoschutz (CDW), lokale Steuern, Flughafenzuschläge und alle Straßengebühren schon mit eingeschlossen. Zusätzliche Extras müssen Sie vor Ort zusammen mit eventuellen Jungfahrer-, Zusatzfahrer- oder Einweggebühren bei der Abholung des Mietwagens bezahlen. Über diese Zusatzkosten werden wir Sie natürlich während der Buchung informieren. Außerdem können Sie z. B. viel Geld sparen, indem Sie Ihren eigenen Kindersitz oder Ihr eigenes Navi mitbringen. Weitere Einzelheiten hierzu finden Sie in den AGB des jeweiligen Mietwagens. Haben Sie Fragen? Besuchen Sie entweder unsere Hilfeseite oder kontaktieren Sie uns. WEITERE BELIEBTE ZIELE * Teneriffa, Spanien ab 14 € pro Tag * Istanbul, Türkei ab 12 € pro Tag * Düsseldorf, Deutschland ab 46 € pro Tag * Köln, Deutschland ab 17 € pro Tag * Gran Canaria, Spanien ab 14 € pro Tag * Fuerteventura, Spanien ab 15 € pro Tag * Stuttgart, Deutschland ab 48 € pro Tag * Malaga, Spanien ab 13 € pro Tag * Hannover, Germany * Cluj Napoca, Romania * Dubai, Vereinigte Arabische Emirate ab 14 € pro Tag * Kreta, Griechenland ab 9 € pro Tag * Zürich, Schweiz ab 26 € pro Tag * Palermo, Italien ab 8 € pro Tag * ab 9 € pro Tag * ab 14 € pro Tag * ab 20 € pro Tag * ab 25 € pro Tag * ab 19 € pro Tag * ab 15 € pro Tag * ab 14 € pro Tag Mit vermittelten Mietfahrzeugen in 160 Ländern und über 40 Sprachen ist Rentalcars.com das weltweit größte Mietwagenportal. Wir arbeiten Hand in Hand mit führenden Vermietern und bieten unschlagbare Preise auf alle Fahrzeugklassen, inklusive Luxusfahrzeugen, Minivans und Fahrzeugen mit Automatikgetriebe. Unser mehrsprachiges Callcenter arbeitet an 7 Tagen der Woche, um Ihnen die besten Preise für Ihr Mietfahrzeug zu finden. Egal wo, egal wann. DAS WELTWEIT GRÖSSTE MIETWAGENPORTAL WOHIN SOLL DIE REISE GEHEN? 60 000 Locations 6 Millionen App-Downloads 8 Millionen Buchungen pro Jahr 3,5 Millionen Kundenbewertungen Laden Sie unsere preisgekrönte und kostenlose App für iPhone und Android herunter. App Store Google Play wizz autos Die Mietwagenwebseiten, die über diese Webseite zugänglich sind, werden von Booking.com Transport Limited betrieben, einer in England und Wales registrierten Gesellschaft mit beschränkter Haftung. (Nummer: 05179829) mit Geschäftssitz in 6 Goods Yard Street, Manchester, M3 3BG, Großbritannien. USt-IdNr.: GB 855349007 * Datenschutz * Cookies * Bedingungen * Region ändern * Unser Konzept * Kontakt DATENSCHUTZ-PRÄFERENZ-CENTER Wenn Sie eine Website besuchen, kann diese Informationen über Ihren Browser abrufen oder speichern. Dies geschieht meist in Form von Cookies. Hierbei kann es sich um Informationen über Sie, Ihre Einstellungen oder Ihr Gerät handeln. Meist werden die Informationen verwendet, um die erwartungsgemäße Funktion der Website zu gewährleisten. Durch diese Informationen werden Sie normalerweise nicht direkt identifiziert. Dadurch kann Ihnen aber ein personalisierteres Web-Erlebnis geboten werden. Da wir Ihr Recht auf Datenschutz respektieren, können Sie sich entscheiden, bestimmte Arten von Cookies nicht zulassen. Klicken Sie auf die verschiedenen Kategorieüberschriften, um mehr zu erfahren und unsere Standardeinstellungen zu ändern. Die Blockierung bestimmter Arten von Cookies kann jedoch zu einer beeinträchtigten Erfahrung mit der von uns zur Verfügung gestellten Website und Dienste führen. Weitere Informationen Alle zulassen EINWILLIGUNGSPRÄFERENZEN VERWALTEN FUNKTIONALE COOKIES Immer aktiv Mithilfe funktionaler Cookies funktioniert unsere Seite richtig. Durch sie können Sie ein Konto erstellen, sich anmelden und Ihre Buchungen verwalten. Sie speichern die von Ihnen gewählte Währung, Sprache, vergangene Suchen und andere Präferenzen. Diese technischen Cookies müssen aktiviert sein, damit unsere Seite und unser Service genutzt werden können. Cookie-Details ANALYTISCHE COOKIES Analytische Cookies Mithilfe analytischer Cookies verstehen wir besser, wie Nutzer/innen wie Sie diese Seite gern nutzen. Das bedeutet, dass wir unsere Webseite, Apps, Werbung und Kommunikation optimieren können und weiterhin interessant und relevant bleiben. Cookie-Details FUNKTIONELLE COOKIES Funktionelle Cookies Mit diesen Cookies ist die Website in der Lage, erweiterte Funktionalität und Personalisierung bereitzustellen. Sie können von uns oder von Drittanbietern gesetzt werden, deren Dienste wir auf unseren Seiten verwenden. Wenn Sie diese Cookies nicht zulassen, funktionieren einige oder alle dieser Dienste möglicherweise nicht einwandfrei. Cookie-Details MARKETING-COOKIES Marketing-Cookies Diese Seite und unsere vertrauenswürdigen Partner verwenden ebenfalls Cookies von Drittanbietern. Diese Cookies werden genutzt, um personalisierte Werbung sowohl auf dieser Webseite als auch auf anderen Webseiten anzuzeigen. Diese Werbung basiert auf Ihrem Browsing-Verhalten, also zum Beispiel die Unterkünfte und die Preise, die Sie gesehen haben. Diese Cookies werden auch dazu genutzt, um Social Media Funktionen auf unserer Seite zu ermöglichen, wie zum Beispiel das Liken und Teilen von Seiten und Produkten auf Social Media Plattformen. Cookie-Details BACK BUTTON PERFORMANCE COOKIES Vendor Search Search Icon Filter Icon Clear checkbox label label Apply Cancel Consent Leg.Interest checkbox label label checkbox label label checkbox label label * 33ACROSS HOST DESCRIPTION VIEW COOKIES * Name cookie name Meine Auswahl bestätigen COOKIE-PRÄFERENZEN VERWALTEN Indem Sie auf „Akzeptieren” klicken, stimmen Sie der Verwendung von analytischen Cookies (die dafür benutzt werden, um Erkenntnisse über die Webseitennutzung zu erhalten und damit unsere Webseite und die Services zu verbessern) und von Tracking-Cookies (sowohl von Booking.com Transport Limited als auch von anderen vertrauenswürdigen Partnern) zu. Letztere helfen uns dabei festzulegen, welche Produkte wir Ihnen auf unserer Seite und anderswo zeigen, die Anzahl an Besuchern auf unseren Webseiten zu messen und es Ihnen zu ermöglichen, ein „Like“ auf Social Media zu geben oder etwas zu teilen. Wenn Sie hier klicken, können Sie Ihre Zustimmung bearbeiten und erfahren mehr über die von uns eingesetzten Cookies. Alle ablehnen Alle Cookies akzeptieren