www.sydneyairport.com
Open in
urlscan Pro
13.225.63.103
Public Scan
URL:
https://www.sydneyairport.com/
Submission: On October 06 via api from CA — Scanned from CA
Submission: On October 06 via api from CA — Scanned from CA
Form analysis 5 forms found in the DOM
/flights/
<form class="flights-form form" action="/flights/" onsubmit="flightform_redirectWithParams(event)">
<div class="grid-3_sm-1">
<div class="col-5_sm-12_lg-6">
<div class="form-select">
<span class="form-select__label">Select a terminal<i class="icon icon-plane-outline" style="font-family: icomoon !important;"></i></span>
<button class="form-select__dropdown" type="button">
<span class="form-select__dropdown-value"></span>
<i class="form-select__dropdown-action icon-Arrow-Down" style="font-family: icomoon !important;"></i>
</button>
<div class="form-select__list">
<button class="form-select__list-item" data-value="" type="button"></button>
<button class="form-select__list-item" data-value="Departures - Domestic" type="button">Departures - Domestic</button>
<button class="form-select__list-item" data-value="Departures - International" type="button">Departures - International</button>
<button class="form-select__list-item" data-value="Arrivals - Domestic" type="button">Arrivals - Domestic</button>
<button class="form-select__list-item" data-value="Arrivals - International" type="button">Arrivals - International</button>
</div>
<span class="form-select__helper-text"></span>
<span class="form-select__error"></span>
<input type="hidden" name="flightType--terminalType" value="">
</div>
<script>
/**
* Dropdown elements on the page
*/
$('.form-select').each(function() {
var dropdown = $(this);
// check if dropdown have a default value to enable selected state
var selectedItem = $(dropdown.find('.form-select__dropdown-value'));
dropdown.toggleClass('form-select--option-selected', !selectedItem.is(':empty'));
// Only listen for clicks on non-disabled dropdown
dropdown.not('.form-select--disabled').on('click', function(e) {
e.stopPropagation();
var optionList = $(dropdown.find('.form-select__list'));
var formValue = $(dropdown.find('input[name="flightType--terminalType"]'));
formSelect_CloseAll();
dropdown.toggleClass('form-select--open');
optionList.toggle();
optionList.children().each(function() {
var option = $(this);
option.on('click', function(e) {
e.stopPropagation();
formSelect_CloseAll();
var selectedValue = option.data('value');
selectedItem.html(selectedValue);
// Notify jQuery of a change on a hidden input .trigger('change')
formValue.val(selectedValue).trigger('change');
dropdown.toggleClass('form-select--option-selected', !selectedItem.is(':empty'));
});
});
});
});
/**
* Close dropdowns when click outside of dropdowns
*/
$(document).click(function() {
formSelect_CloseAll();
});
function formSelect_CloseAll() {
$('.form-select__list').hide();
$('.form-select').toggleClass('form-select--open', false);
}
</script>
</div>
<div class="col-5_sm-12_lg-6">
<div class="form-input">
<input type="text" name="query" class="form-input__field" value="">
<label for="query" class="form-input__label"> Enter flight #, city or airline </label>
<!-- __underline"></span> }} -->
<span class="form-input__helper-text"></span>
<span class="form-input__error"></span>
</div>
<script>
/**
* Check if form-input are filled and toggle class
*
*/
function formInput__openFilled() {
$('.form-input__field').each(function() {
var formField = $(this);
var $parent = $(formField.parent());
formField.toggleClass('form-input--open', formField.val() !== '');
formField.on('input', function() {
formField.toggleClass('form-input--open', formField.val() !== '');
});
formField.on('focus', function() {
$parent.addClass('form-input--focus');
});
formField.on('blur', function() {
$parent.removeClass('form-input--focus');
});
});
}
//Ensure that if a value is persisted in the field that it will call the
//associated method once the page has finished rendering.
$(window).on("pageshow", function() {
formInput__openFilled();
})
</script>
</div>
<div class="col-2_lg-12">
<div class="form__submit-container">
<input type="submit" value="Find a flight" class="form__submit">
<span class="form__submit-loader"></span>
</div>
</div>
</div>
</form>GET https://prebook.sydneyairport.com.au/en/search-results/
<form method="get" action="https://prebook.sydneyairport.com.au/en/search-results/" onsubmit="form_redirectWithParams(event, true)
" target="_blank" id="prebuilt-form--parking" enctype="application/x-www-form-urlencoded" class="form" novalidate="">
<span class="form__submission">Oops! it looks like we are experiencing an issue with our forms, please try again later or call <a href="tel:133793">133 SYD (133 793)</a> or <a href="tel:+61296676111">+61 2 9667 6111</a> outside Australia</span>
<input type="hidden" name="Origin" value="Web">
<input type="hidden" name="_redirect" value="/parking">
<input type="hidden" name="_salesforceObject" value="">
<div class="form-select">
<span class="form-select__label">Location<span class="form-select__label--required"> *</span><i class="icon icon-plane-outline" style="font-family: icomoon !important;"></i></span>
<button class="form-select__dropdown" type="button">
<span class="form-select__dropdown-value"></span>
<i class="form-select__dropdown-action icon-Arrow-Down" style="font-family: icomoon !important;"></i>
</button>
<div class="form-select__list">
<button class="form-select__list-item" data-value="International T1" type="button">International T1</button>
<button class="form-select__list-item" data-value="Domestic T2" type="button">Domestic T2</button>
<button class="form-select__list-item" data-value="Domestic T3" type="button">Domestic T3</button>
</div>
<span class="form-select__helper-text"></span>
<span class="form-select__error"></span>
<input type="hidden" name="terminal" value="" required="">
</div>
<script>
/**
* Dropdown elements on the page
*/
$('.form-select').each(function() {
var dropdown = $(this);
// check if dropdown have a default value to enable selected state
var selectedItem = $(dropdown.find('.form-select__dropdown-value'));
dropdown.toggleClass('form-select--option-selected', !selectedItem.is(':empty'));
// Only listen for clicks on non-disabled dropdown
dropdown.not('.form-select--disabled').on('click', function(e) {
e.stopPropagation();
var optionList = $(dropdown.find('.form-select__list'));
var formValue = $(dropdown.find('input[name="terminal"]'));
formSelect_CloseAll();
dropdown.toggleClass('form-select--open');
optionList.toggle();
optionList.children().each(function() {
var option = $(this);
option.on('click', function(e) {
e.stopPropagation();
formSelect_CloseAll();
var selectedValue = option.data('value');
selectedItem.html(selectedValue);
// Notify jQuery of a change on a hidden input .trigger('change')
formValue.val(selectedValue).trigger('change');
dropdown.toggleClass('form-select--option-selected', !selectedItem.is(':empty'));
});
});
});
});
/**
* Close dropdowns when click outside of dropdowns
*/
$(document).click(function() {
formSelect_CloseAll();
});
function formSelect_CloseAll() {
$('.form-select__list').hide();
$('.form-select').toggleClass('form-select--open', false);
}
</script>
<div class="form-date-picker ">
<span class="form-date-picker__value"></span>
<input class="form-date-picker__field hasDatepicker" id="ad" readonly="" type="text" required="">
<label class="form-date-picker__label" for="ad"> Entry Date<span class="form-date-picker__label--required"> *</span>
<i class="icon icon-calendar" style="font-family: icomoon !important;"></i></label>
<!-- __underline"></span> }} -->
<span class="form-date-picker__helper-text"></span>
<span class="form-date-picker__error"></span>
</div>
<script>
// check if element is visible on viewport
function isElementInViewport(el) {
if (typeof jQuery === "function" && el instanceof jQuery) {
el = el[0];
}
var rect = el.getBoundingClientRect();
return (rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /* or $(window).height() */ rect.right <= (window.innerWidth || document.documentElement
.clientWidth) /* or $(window).width() */ );
}
$(function() {
var datePicker = $("#ad").datepicker({
dateFormat: "yy-mm-dd",
prevText: "",
nextText: "",
dayNamesMin: ["S", "M", "T", "W", "T", "F", "S"],
beforeShow: function(el, obj) {
// check if in mobile
if (window.innerWidth <= 768) return;
// need timeout to wait the date picker show. Cause jquery UI only have beforeShow event to detect on show event.
setTimeout(function() {
if (!isElementInViewport(obj.dpDiv)) {
scrollWindowTop(obj.dpDiv);
}
}, 100);
}
})
});
/**
* Check if form-date-picker are filled and toggle class
*
*/
function ad__formInput__openFilled() {
$('.form-date-picker__field').each(function() {
var formField = $(this);
var $parent = $(formField.parent());
formField.toggleClass('form-date-picker--open', formField.val() !== '');
formField.on('input', function() {
formField.toggleClass('form-date-picker--open', formField.val() !== '');
});
formField.on('focus', function() {
$parent.addClass('form-date-picker--focus');
});
formField.on('blur', function() {
$parent.removeClass('form-date-picker--focus');
});
});
}
function ad__formInput__setShadowValue() {
var datePicker = $("#ad");
var selectedDate = datePicker.datepicker("getDate");
if (selectedDate === null) {
return;
}
var formattedDate = luxon.DateTime.fromMillis(selectedDate.getTime()).toLocaleString(luxon.DateTime.DATE_MED_WITH_WEEKDAY);
var shadowValue = $("#ad").siblings(".form-date-picker__value");
shadowValue.text(formattedDate);
}
ad__formInput__openFilled();
</script>
<div class="form-select">
<span class="form-select__label">Entry Time<span class="form-select__label--required"> *</span><i class="icon icon-clock" style="font-family: icomoon !important;"></i></span>
<button class="form-select__dropdown" type="button">
<span class="form-select__dropdown-value"></span>
<i class="form-select__dropdown-action icon-Arrow-Down" style="font-family: icomoon !important;"></i>
</button>
<div class="form-select__list">
<button class="form-select__list-item" data-value="01:00" type="button" disabled="">01:00</button>
<button class="form-select__list-item" data-value="02:00" type="button">02:00</button>
<button class="form-select__list-item" data-value="03:00" type="button">03:00</button>
<button class="form-select__list-item" data-value="04:00" type="button">04:00</button>
<button class="form-select__list-item" data-value="05:00" type="button">05:00</button>
<button class="form-select__list-item" data-value="06:00" type="button">06:00</button>
<button class="form-select__list-item" data-value="07:00" type="button">07:00</button>
<button class="form-select__list-item" data-value="08:00" type="button">08:00</button>
<button class="form-select__list-item" data-value="09:00" type="button">09:00</button>
<button class="form-select__list-item" data-value="10:00" type="button">10:00</button>
<button class="form-select__list-item" data-value="11:00" type="button">11:00</button>
<button class="form-select__list-item" data-value="12:00" type="button">12:00</button>
<button class="form-select__list-item" data-value="13:00" type="button">13:00</button>
<button class="form-select__list-item" data-value="14:00" type="button">14:00</button>
<button class="form-select__list-item" data-value="15:00" type="button">15:00</button>
<button class="form-select__list-item" data-value="16:00" type="button">16:00</button>
<button class="form-select__list-item" data-value="17:00" type="button">17:00</button>
<button class="form-select__list-item" data-value="18:00" type="button">18:00</button>
<button class="form-select__list-item" data-value="19:00" type="button">19:00</button>
<button class="form-select__list-item" data-value="20:00" type="button">20:00</button>
<button class="form-select__list-item" data-value="21:00" type="button">21:00</button>
<button class="form-select__list-item" data-value="22:00" type="button">22:00</button>
<button class="form-select__list-item" data-value="23:00" type="button">23:00</button>
<button class="form-select__list-item" data-value="23:59" type="button">23:59</button>
</div>
<span class="form-select__helper-text"></span>
<span class="form-select__error"></span>
<input type="hidden" name="at" value="" required="">
</div>
<script>
/**
* Dropdown elements on the page
*/
$('.form-select').each(function() {
var dropdown = $(this);
// check if dropdown have a default value to enable selected state
var selectedItem = $(dropdown.find('.form-select__dropdown-value'));
dropdown.toggleClass('form-select--option-selected', !selectedItem.is(':empty'));
// Only listen for clicks on non-disabled dropdown
dropdown.not('.form-select--disabled').on('click', function(e) {
e.stopPropagation();
var optionList = $(dropdown.find('.form-select__list'));
var formValue = $(dropdown.find('input[name="at"]'));
formSelect_CloseAll();
dropdown.toggleClass('form-select--open');
optionList.toggle();
optionList.children().each(function() {
var option = $(this);
option.on('click', function(e) {
e.stopPropagation();
formSelect_CloseAll();
var selectedValue = option.data('value');
selectedItem.html(selectedValue);
// Notify jQuery of a change on a hidden input .trigger('change')
formValue.val(selectedValue).trigger('change');
dropdown.toggleClass('form-select--option-selected', !selectedItem.is(':empty'));
});
});
});
});
/**
* Close dropdowns when click outside of dropdowns
*/
$(document).click(function() {
formSelect_CloseAll();
});
function formSelect_CloseAll() {
$('.form-select__list').hide();
$('.form-select').toggleClass('form-select--open', false);
}
</script>
<div class="form-date-picker ">
<span class="form-date-picker__value"></span>
<input class="form-date-picker__field hasDatepicker" id="dd" readonly="" type="text" required="">
<label class="form-date-picker__label" for="dd"> Exit Date<span class="form-date-picker__label--required"> *</span>
<i class="icon icon-calendar" style="font-family: icomoon !important;"></i></label>
<!-- __underline"></span> }} -->
<span class="form-date-picker__helper-text"></span>
<span class="form-date-picker__error"></span>
</div>
<script>
// check if element is visible on viewport
function isElementInViewport(el) {
if (typeof jQuery === "function" && el instanceof jQuery) {
el = el[0];
}
var rect = el.getBoundingClientRect();
return (rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /* or $(window).height() */ rect.right <= (window.innerWidth || document.documentElement
.clientWidth) /* or $(window).width() */ );
}
$(function() {
var datePicker = $("#dd").datepicker({
dateFormat: "yy-mm-dd",
prevText: "",
nextText: "",
dayNamesMin: ["S", "M", "T", "W", "T", "F", "S"],
beforeShow: function(el, obj) {
// check if in mobile
if (window.innerWidth <= 768) return;
// need timeout to wait the date picker show. Cause jquery UI only have beforeShow event to detect on show event.
setTimeout(function() {
if (!isElementInViewport(obj.dpDiv)) {
scrollWindowTop(obj.dpDiv);
}
}, 100);
}
})
});
/**
* Check if form-date-picker are filled and toggle class
*
*/
function dd__formInput__openFilled() {
$('.form-date-picker__field').each(function() {
var formField = $(this);
var $parent = $(formField.parent());
formField.toggleClass('form-date-picker--open', formField.val() !== '');
formField.on('input', function() {
formField.toggleClass('form-date-picker--open', formField.val() !== '');
});
formField.on('focus', function() {
$parent.addClass('form-date-picker--focus');
});
formField.on('blur', function() {
$parent.removeClass('form-date-picker--focus');
});
});
}
function dd__formInput__setShadowValue() {
var datePicker = $("#dd");
var selectedDate = datePicker.datepicker("getDate");
if (selectedDate === null) {
return;
}
var formattedDate = luxon.DateTime.fromMillis(selectedDate.getTime()).toLocaleString(luxon.DateTime.DATE_MED_WITH_WEEKDAY);
var shadowValue = $("#dd").siblings(".form-date-picker__value");
shadowValue.text(formattedDate);
}
dd__formInput__openFilled();
</script>
<div class="form-select">
<span class="form-select__label">Exit Time<span class="form-select__label--required"> *</span><i class="icon icon-clock" style="font-family: icomoon !important;"></i></span>
<button class="form-select__dropdown" type="button">
<span class="form-select__dropdown-value"></span>
<i class="form-select__dropdown-action icon-Arrow-Down" style="font-family: icomoon !important;"></i>
</button>
<div class="form-select__list">
<button class="form-select__list-item" data-value="01:00" type="button" disabled="">01:00</button>
<button class="form-select__list-item" data-value="02:00" type="button" disabled="">02:00</button>
<button class="form-select__list-item" data-value="03:00" type="button">03:00</button>
<button class="form-select__list-item" data-value="04:00" type="button">04:00</button>
<button class="form-select__list-item" data-value="05:00" type="button">05:00</button>
<button class="form-select__list-item" data-value="06:00" type="button">06:00</button>
<button class="form-select__list-item" data-value="07:00" type="button">07:00</button>
<button class="form-select__list-item" data-value="08:00" type="button">08:00</button>
<button class="form-select__list-item" data-value="09:00" type="button">09:00</button>
<button class="form-select__list-item" data-value="10:00" type="button">10:00</button>
<button class="form-select__list-item" data-value="11:00" type="button">11:00</button>
<button class="form-select__list-item" data-value="12:00" type="button">12:00</button>
<button class="form-select__list-item" data-value="13:00" type="button">13:00</button>
<button class="form-select__list-item" data-value="14:00" type="button">14:00</button>
<button class="form-select__list-item" data-value="15:00" type="button">15:00</button>
<button class="form-select__list-item" data-value="16:00" type="button">16:00</button>
<button class="form-select__list-item" data-value="17:00" type="button">17:00</button>
<button class="form-select__list-item" data-value="18:00" type="button">18:00</button>
<button class="form-select__list-item" data-value="19:00" type="button">19:00</button>
<button class="form-select__list-item" data-value="20:00" type="button">20:00</button>
<button class="form-select__list-item" data-value="21:00" type="button">21:00</button>
<button class="form-select__list-item" data-value="22:00" type="button">22:00</button>
<button class="form-select__list-item" data-value="23:00" type="button">23:00</button>
<button class="form-select__list-item" data-value="23:59" type="button">23:59</button>
</div>
<span class="form-select__helper-text"></span>
<span class="form-select__error"></span>
<input type="hidden" name="dt" value="" required="">
</div>
<script>
/**
* Dropdown elements on the page
*/
$('.form-select').each(function() {
var dropdown = $(this);
// check if dropdown have a default value to enable selected state
var selectedItem = $(dropdown.find('.form-select__dropdown-value'));
dropdown.toggleClass('form-select--option-selected', !selectedItem.is(':empty'));
// Only listen for clicks on non-disabled dropdown
dropdown.not('.form-select--disabled').on('click', function(e) {
e.stopPropagation();
var optionList = $(dropdown.find('.form-select__list'));
var formValue = $(dropdown.find('input[name="dt"]'));
formSelect_CloseAll();
dropdown.toggleClass('form-select--open');
optionList.toggle();
optionList.children().each(function() {
var option = $(this);
option.on('click', function(e) {
e.stopPropagation();
formSelect_CloseAll();
var selectedValue = option.data('value');
selectedItem.html(selectedValue);
// Notify jQuery of a change on a hidden input .trigger('change')
formValue.val(selectedValue).trigger('change');
dropdown.toggleClass('form-select--option-selected', !selectedItem.is(':empty'));
});
});
});
});
/**
* Close dropdowns when click outside of dropdowns
*/
$(document).click(function() {
formSelect_CloseAll();
});
function formSelect_CloseAll() {
$('.form-select__list').hide();
$('.form-select').toggleClass('form-select--open', false);
}
</script>
<div class="form-input">
<input type="text" name="pc" class="form-input__field" value="">
<label for="pc" class="form-input__label"> Promo Code <i class="icon icon-barcode" style="font-family: icomoon !important;"></i></label>
<!-- __underline"></span> }} -->
<span class="form-input__helper-text"></span>
<span class="form-input__error"></span>
</div>
<script>
/**
* Check if form-input are filled and toggle class
*
*/
function formInput__openFilled() {
$('.form-input__field').each(function() {
var formField = $(this);
var $parent = $(formField.parent());
formField.toggleClass('form-input--open', formField.val() !== '');
formField.on('input', function() {
formField.toggleClass('form-input--open', formField.val() !== '');
});
formField.on('focus', function() {
$parent.addClass('form-input--focus');
});
formField.on('blur', function() {
$parent.removeClass('form-input--focus');
});
});
}
//Ensure that if a value is persisted in the field that it will call the
//associated method once the page has finished rendering.
$(window).on("pageshow", function() {
formInput__openFilled();
})
</script>
<div class="form__submit-container">
<input type="submit" value="Choose a space" id="btn-submit" class="form__submit">
<span class="form__submit-loader"></span>
</div>
<input type="hidden" name="t" id="Parking-homepage-widget--parking-t">
</form>GET https://all.accor.com/ssr/app/accor/rates/5957/index.en.shtml
<form method="get" action="https://all.accor.com/ssr/app/accor/rates/5957/index.en.shtml" onsubmit="form_redirectWithParams(event, true)
" target="_blank" id="prebuilt-form--hotel" enctype="application/x-www-form-urlencoded" class="form" novalidate="">
<span class="form__submission">Oops! it looks like we are experiencing an issue with our forms, please try again later or call <a href="tel:133793">133 SYD (133 793)</a> or <a href="tel:+61296676111">+61 2 9667 6111</a> outside Australia</span>
<input type="hidden" name="Origin" value="Web">
<input type="hidden" name="_redirect" value="/hotels">
<input type="hidden" name="_salesforceObject" value="">
<div class="form-select">
<span class="form-select__label">Select a hotel<span class="form-select__label--required"> *</span><i class="icon icon-hotel" style="font-family: icomoon !important;"></i></span>
<button class="form-select__dropdown" type="button">
<span class="form-select__dropdown-value"></span>
<i class="form-select__dropdown-action icon-Arrow-Down" style="font-family: icomoon !important;"></i>
</button>
<div class="form-select__list">
<button class="form-select__list-item" data-value="ibis budget Sydney Airport" type="button">ibis budget Sydney Airport</button>
<button class="form-select__list-item" data-value="Mantra Sydney Airport" type="button">Mantra Sydney Airport</button>
</div>
<span class="form-select__helper-text"></span>
<span class="form-select__error"></span>
<input type="hidden" name="_hotel" value="" required="">
</div>
<script>
/**
* Dropdown elements on the page
*/
$('.form-select').each(function() {
var dropdown = $(this);
// check if dropdown have a default value to enable selected state
var selectedItem = $(dropdown.find('.form-select__dropdown-value'));
dropdown.toggleClass('form-select--option-selected', !selectedItem.is(':empty'));
// Only listen for clicks on non-disabled dropdown
dropdown.not('.form-select--disabled').on('click', function(e) {
e.stopPropagation();
var optionList = $(dropdown.find('.form-select__list'));
var formValue = $(dropdown.find('input[name="_hotel"]'));
formSelect_CloseAll();
dropdown.toggleClass('form-select--open');
optionList.toggle();
optionList.children().each(function() {
var option = $(this);
option.on('click', function(e) {
e.stopPropagation();
formSelect_CloseAll();
var selectedValue = option.data('value');
selectedItem.html(selectedValue);
// Notify jQuery of a change on a hidden input .trigger('change')
formValue.val(selectedValue).trigger('change');
dropdown.toggleClass('form-select--option-selected', !selectedItem.is(':empty'));
});
});
});
});
/**
* Close dropdowns when click outside of dropdowns
*/
$(document).click(function() {
formSelect_CloseAll();
});
function formSelect_CloseAll() {
$('.form-select__list').hide();
$('.form-select').toggleClass('form-select--open', false);
}
</script>
<div class="form-modal-input">
<span class="form-modal-input__label">Rooms & Guests<span class="form-modal-input__label--required">*</span><i class="icon icon-user" style="font-family: icomoon !important;"></i></span>
<button class="form-modal-input__modal" type="button">
<span class="form-modal-input__modal-value"></span>
</button>
<span class="form-modal-input__helper-text"></span>
<span class="form-modal-input__error"></span>
<input type="hidden" name="compositions" value="" required="">
<!-- Template to instantiate additional rows -->
<div id="form-modal--template-room">
<div class="form-modal__modal-line bordered">
<label class="form-modal__modal-title-label">Room</label>
<div class="form-modal_modal-inputs">
<div class="form-modal__modal-input">
<label class="form-modal__modal-label" for="room-adults">Adults</label>
<div class="form-modal__modal-controls">
<span class="room-adults-minus secondary form-modal__modal-field-button">-</span>
<span class="form-modal-modal-input room-adults">1</span>
<span class="room-adults-plus primary form-modal__modal-field-button">+</span>
</div>
</div>
<div class="form-modal__modal-input">
<label for="room-children">Children</label>
<div class="form-modal__modal-controls">
<span class="room-children-minus secondary form-modal__modal-field-button">-</span>
<span class="form-modal-modal-input room-children">0</span>
<span class="room-children-plus primary form-modal__modal-field-button">+</span>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
/**
* Check if form-modal are filled and toggle class
*
*/
function compositions__formInput__openFilled() {
$('.form-modal__field').each(function() {
var formField = $(this);
formField.toggleClass('form-modal--open', formField.val() !== '');
formField.on('input', function() {
formField.toggleClass('form-modal-input--open', formField.val() !== '');
});
});
}
compositions__formInput__openFilled();
</script>
<script>
var dialog = $("#form-modal").dialog({
autoOpen: false,
height: 400,
width: 350,
modal: true,
draggable: false,
classes: {
"ui-dialog": "form-modal",
"ui-dialog-titlebar-close": "icon-Cross",
},
closeText: null,
open: function() {
$("body").css("overflow", "hidden");
},
close: form__selectRooms
});
var form = dialog.find("form");
var modalInput = $(".form-modal-input__modal");
var $parent = $(modalInput).parent();
function form_openModal(identifier) {
dialog.dialog("open");
}
function form__selectRooms() {
$("body").css("overflow-y", "scroll");
var hotelFormInput = $(".form-modal-input");
var formField = $(".form-modal-input__modal-value");
var compositionField = $("input[name=compositions]");
var fieldValue = "";
var guestTally = 0;
var compositions = "";
var validRooms = 0;
rooms.forEach(function(room, index) {
if (rooms.length > 0 && room.adults > 0) {
validRooms += 1;
guestTally += room.adults;
compositions += room.adults;
if (room.children > 0) {
for (var i = 0; i < room.children; i++) {
compositions += "-" + "11";
}
guestTally += room.children;
}
if (index != rooms.length - 1) {
compositions += ",";
}
}
})
if (validRooms > 0 && guestTally > 0) {
fieldValue += validRooms + " Room(s) - " + guestTally + " Guest(s)";
}
compositionField.val(compositions);
compositionField.trigger('change');
formField.html(fieldValue);
hotelFormInput.toggleClass('form-modal-input--option-selected', compositionField.val() !== '' && compositionField !== undefined);
$parent.removeClass('form-modal-input--focus');
}
modalInput.on('click', function(e) {
e.stopPropagation();
modalInput.toggleClass('form-modal-input--open');
form_openModal("compositions");
$parent.addClass('form-modal-input--focus');
})
var templateRoom = $("#form-modal--template-room");
var rooms = [];
$("#rooms-plus").click(function() {
var room = templateRoom.clone(true);
room.data("index", rooms.length);
room.attr("id", room.attr("id").replace("template", rooms.length));
$(".form-modal__modal-fieldset").append(room);
rooms.push({
adults: 1,
children: 0
})
room.find(".room-adults-minus").click(function() {
var index = $(this).parents().eq(4).data("index");
if (rooms[index].adults > 1) {
rooms[index].adults -= 1;
$(this).parent().find(".room-adults").html(rooms[index].adults);
}
toggleButtonClasses($(this).parent(), 1, 4, rooms[index].adults);
});
room.find(".room-adults-plus").click(function() {
var index = $(this).parents().eq(4).data("index");
if (rooms[index].adults >= 0 && rooms[index].adults < 4) {
rooms[index].adults += 1;
$(this).parent().find(".room-adults").html(rooms[index].adults);
}
toggleButtonClasses($(this).parent(), 1, 4, rooms[index].adults);
});
room.find(".room-children-minus").click(function() {
var index = $(this).parents().eq(4).data("index");
if (rooms[index].children > 0) {
rooms[index].children -= 1;
$(this).parent().find(".room-children").html(rooms[index].children);
}
toggleButtonClasses($(this).parent(), 0, 2, rooms[index].children);
});
room.find(".room-children-plus").click(function() {
var index = $(this).parents().eq(4).data("index");
var roomChildren = $(this).parent().find(".room-children");
if (rooms[index].children >= 0 && rooms[index].children < 2) {
rooms[index].children += 1;
roomChildren.html(rooms[index].children);
}
toggleButtonClasses($(this).parent(), 0, 2, rooms[index].children);
});
toggleButtonClasses($(this).parent(), 0, 100, rooms.length);
$("#rooms").html(rooms.length);
})
function toggleButtonClasses(parent, min, max, val) {
var plus = $(parent).find("span[class*='-plus']");
var minus = $(parent).find("span[class*='-minus']");
if (val > min && val < max) {
plus.addClass("primary");
minus.addClass("primary");
plus.removeClass("secondary");
minus.removeClass("secondary");
} else if (val > min && val == max) {
minus.addClass("primary");
minus.removeClass("secondary");
plus.addClass("secondary");
plus.removeClass("primary");
} else if (val < max && val == min) {
plus.addClass("primary");
plus.removeClass("secondary");
minus.removeClass("primary");
minus.addClass("secondary");
}
}
$("#rooms-minus").click(function() {
$("#form-modal--" + (rooms.length - 1) + "-room").remove();
rooms.pop();
toggleButtonClasses($(this).parent(), 0, 100, rooms.length);
$("#rooms").html(rooms.length);
});
$("#room-select").click(function() {
dialog.dialog("close");
$parent.removeClass('form-modal-input--focus');
})
</script>
<div class="form-date-picker ">
<span class="form-date-picker__value"></span>
<input class="form-date-picker__field hasDatepicker" id="dateIn" readonly="" type="text" required="">
<label class="form-date-picker__label" for="dateIn"> Check-in<span class="form-date-picker__label--required"> *</span>
<i class="icon icon-calendar" style="font-family: icomoon !important;"></i></label>
<!-- __underline"></span> }} -->
<span class="form-date-picker__helper-text"></span>
<span class="form-date-picker__error"></span>
</div>
<script>
// check if element is visible on viewport
function isElementInViewport(el) {
if (typeof jQuery === "function" && el instanceof jQuery) {
el = el[0];
}
var rect = el.getBoundingClientRect();
return (rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /* or $(window).height() */ rect.right <= (window.innerWidth || document.documentElement
.clientWidth) /* or $(window).width() */ );
}
$(function() {
var datePicker = $("#dateIn").datepicker({
dateFormat: "yy-mm-dd",
prevText: "",
nextText: "",
dayNamesMin: ["S", "M", "T", "W", "T", "F", "S"],
beforeShow: function(el, obj) {
// check if in mobile
if (window.innerWidth <= 768) return;
// need timeout to wait the date picker show. Cause jquery UI only have beforeShow event to detect on show event.
setTimeout(function() {
if (!isElementInViewport(obj.dpDiv)) {
scrollWindowTop(obj.dpDiv);
}
}, 100);
}
})
});
/**
* Check if form-date-picker are filled and toggle class
*
*/
function dateIn__formInput__openFilled() {
$('.form-date-picker__field').each(function() {
var formField = $(this);
var $parent = $(formField.parent());
formField.toggleClass('form-date-picker--open', formField.val() !== '');
formField.on('input', function() {
formField.toggleClass('form-date-picker--open', formField.val() !== '');
});
formField.on('focus', function() {
$parent.addClass('form-date-picker--focus');
});
formField.on('blur', function() {
$parent.removeClass('form-date-picker--focus');
});
});
}
function dateIn__formInput__setShadowValue() {
var datePicker = $("#dateIn");
var selectedDate = datePicker.datepicker("getDate");
if (selectedDate === null) {
return;
}
var formattedDate = luxon.DateTime.fromMillis(selectedDate.getTime()).toLocaleString(luxon.DateTime.DATE_MED_WITH_WEEKDAY);
var shadowValue = $("#dateIn").siblings(".form-date-picker__value");
shadowValue.text(formattedDate);
}
dateIn__formInput__openFilled();
</script>
<div class="form-date-picker ">
<span class="form-date-picker__value"></span>
<input class="form-date-picker__field hasDatepicker" id="dateOut" readonly="" type="text" required="">
<label class="form-date-picker__label" for="dateOut"> Check-out<span class="form-date-picker__label--required"> *</span>
<i class="icon icon-calendar" style="font-family: icomoon !important;"></i></label>
<!-- __underline"></span> }} -->
<span class="form-date-picker__helper-text"></span>
<span class="form-date-picker__error"></span>
</div>
<script>
// check if element is visible on viewport
function isElementInViewport(el) {
if (typeof jQuery === "function" && el instanceof jQuery) {
el = el[0];
}
var rect = el.getBoundingClientRect();
return (rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /* or $(window).height() */ rect.right <= (window.innerWidth || document.documentElement
.clientWidth) /* or $(window).width() */ );
}
$(function() {
var datePicker = $("#dateOut").datepicker({
dateFormat: "yy-mm-dd",
prevText: "",
nextText: "",
dayNamesMin: ["S", "M", "T", "W", "T", "F", "S"],
beforeShow: function(el, obj) {
// check if in mobile
if (window.innerWidth <= 768) return;
// need timeout to wait the date picker show. Cause jquery UI only have beforeShow event to detect on show event.
setTimeout(function() {
if (!isElementInViewport(obj.dpDiv)) {
scrollWindowTop(obj.dpDiv);
}
}, 100);
}
})
});
/**
* Check if form-date-picker are filled and toggle class
*
*/
function dateOut__formInput__openFilled() {
$('.form-date-picker__field').each(function() {
var formField = $(this);
var $parent = $(formField.parent());
formField.toggleClass('form-date-picker--open', formField.val() !== '');
formField.on('input', function() {
formField.toggleClass('form-date-picker--open', formField.val() !== '');
});
formField.on('focus', function() {
$parent.addClass('form-date-picker--focus');
});
formField.on('blur', function() {
$parent.removeClass('form-date-picker--focus');
});
});
}
function dateOut__formInput__setShadowValue() {
var datePicker = $("#dateOut");
var selectedDate = datePicker.datepicker("getDate");
if (selectedDate === null) {
return;
}
var formattedDate = luxon.DateTime.fromMillis(selectedDate.getTime()).toLocaleString(luxon.DateTime.DATE_MED_WITH_WEEKDAY);
var shadowValue = $("#dateOut").siblings(".form-date-picker__value");
shadowValue.text(formattedDate);
}
dateOut__formInput__openFilled();
</script>
<div class="form-input form-input--hidden">
<input type="hidden" name="nights" class="form-input__field" value="" required="">
<label for="nights" class="form-input__label">
<span class="form-input__label--required"> *</span>
</label>
<!-- __underline"></span> }} -->
<span class="form-input__helper-text"></span>
<span class="form-input__error"></span>
</div>
<script>
/**
* Check if form-input are filled and toggle class
*
*/
function formInput__openFilled() {
$('.form-input__field').each(function() {
var formField = $(this);
var $parent = $(formField.parent());
formField.toggleClass('form-input--open', formField.val() !== '');
formField.on('input', function() {
formField.toggleClass('form-input--open', formField.val() !== '');
});
formField.on('focus', function() {
$parent.addClass('form-input--focus');
});
formField.on('blur', function() {
$parent.removeClass('form-input--focus');
});
});
}
//Ensure that if a value is persisted in the field that it will call the
//associated method once the page has finished rendering.
$(window).on("pageshow", function() {
formInput__openFilled();
})
</script>
<div class="form-input">
<input type="text" name="preferredCode" class="form-input__field" value="">
<label for="preferredCode" class="form-input__label"> Promo Code <i class="icon icon-barcode" style="font-family: icomoon !important;"></i></label>
<!-- __underline"></span> }} -->
<span class="form-input__helper-text"></span>
<span class="form-input__error"></span>
</div>
<script>
/**
* Check if form-input are filled and toggle class
*
*/
function formInput__openFilled() {
$('.form-input__field').each(function() {
var formField = $(this);
var $parent = $(formField.parent());
formField.toggleClass('form-input--open', formField.val() !== '');
formField.on('input', function() {
formField.toggleClass('form-input--open', formField.val() !== '');
});
formField.on('focus', function() {
$parent.addClass('form-input--focus');
});
formField.on('blur', function() {
$parent.removeClass('form-input--focus');
});
});
}
//Ensure that if a value is persisted in the field that it will call the
//associated method once the page has finished rendering.
$(window).on("pageshow", function() {
formInput__openFilled();
})
</script>
<div class="form__submit-container">
<input type="submit" value="Choose your room" id="btn-submit" class="form__submit">
<span class="form__submit-loader"></span>
</div>
</form><form class="sj-search-form">
<div id="sj-search-bar"> <span id="sj-icon-search"></span> <input data-sj-search-query="" type="search" placeholder="search this site"> <button data-sj-search-query-go="" type="submit" class="sj-search-go blue">Search</button> </div>
</form><form inert="" class="_hj-hRovs__styles__form">
<div class="_hj-c8PC+__styles__surveyBody" style="min-height: 82px;">
<h2 class="_hj-S9XKO__styles__surveyTitle " id="hj-survey-lbl-1" aria-label="Which of the following live data would help you with planning your trip to and from the airport?">Which of the following live data would help you with planning your
trip to and from the airport?</h2>
<div class="_hj-E2-N0__styles__surveyAnswers">
<div aria-labelledby="hj-survey-lbl-1" class="" role="group">
<div class="_hj-A3HLw__styles__closeEndedOption"><label style="color: rgb(17, 17, 17) !important;"><input type="checkbox" class="_hj-uHHqX__styles__closeEndedOptionInput"><span
class="_hj-xtIh3__styles__closeEndedOptionIcon _hj-6BCIl__styles__checkbox _hj-sHuYH__styles__light"></span><span class="_hj-InliL__styles__closeEndedOptionText" style="color: rgb(17, 17, 17) !important;">Check-in queue
times</span></label></div>
<div class="_hj-A3HLw__styles__closeEndedOption"><label style="color: rgb(17, 17, 17) !important;"><input type="checkbox" class="_hj-uHHqX__styles__closeEndedOptionInput"><span
class="_hj-xtIh3__styles__closeEndedOptionIcon _hj-6BCIl__styles__checkbox _hj-sHuYH__styles__light"></span><span class="_hj-InliL__styles__closeEndedOptionText" style="color: rgb(17, 17, 17) !important;">Terminal transfer bus wait
times</span></label></div>
<div class="_hj-A3HLw__styles__closeEndedOption"><label style="color: rgb(17, 17, 17) !important;"><input type="checkbox" class="_hj-uHHqX__styles__closeEndedOptionInput"><span
class="_hj-xtIh3__styles__closeEndedOptionIcon _hj-6BCIl__styles__checkbox _hj-sHuYH__styles__light"></span><span class="_hj-InliL__styles__closeEndedOptionText" style="color: rgb(17, 17, 17) !important;">Arrival processing
time</span></label></div>
<div class="_hj-A3HLw__styles__closeEndedOption"><label style="color: rgb(17, 17, 17) !important;"><input type="checkbox" class="_hj-uHHqX__styles__closeEndedOptionInput"><span
class="_hj-xtIh3__styles__closeEndedOptionIcon _hj-6BCIl__styles__checkbox _hj-sHuYH__styles__light"></span><span class="_hj-InliL__styles__closeEndedOptionText" style="color: rgb(17, 17, 17) !important;">Road congestion</span></label>
</div>
<div class="_hj-A3HLw__styles__closeEndedOption"><label style="color: rgb(17, 17, 17) !important;"><input type="checkbox" class="_hj-uHHqX__styles__closeEndedOptionInput"><span
class="_hj-xtIh3__styles__closeEndedOptionIcon _hj-6BCIl__styles__checkbox _hj-sHuYH__styles__light"></span><span class="_hj-InliL__styles__closeEndedOptionText" style="color: rgb(17, 17, 17) !important;">Taxi wait times</span></label>
</div>
<div class="_hj-A3HLw__styles__closeEndedOption"><label style="color: rgb(17, 17, 17) !important;"><input type="checkbox" class="_hj-uHHqX__styles__closeEndedOptionInput"><span
class="_hj-xtIh3__styles__closeEndedOptionIcon _hj-6BCIl__styles__checkbox _hj-sHuYH__styles__light"></span><span class="_hj-InliL__styles__closeEndedOptionText" style="color: rgb(17, 17, 17) !important;">None of these</span></label>
</div>
<div class="_hj-A3HLw__styles__closeEndedOption"><label style="color: rgb(17, 17, 17) !important;"><input type="checkbox" class="_hj-uHHqX__styles__closeEndedOptionInput"><span
class="_hj-xtIh3__styles__closeEndedOptionIcon _hj-6BCIl__styles__checkbox _hj-sHuYH__styles__light"></span><span class="_hj-InliL__styles__closeEndedOptionText" style="color: rgb(17, 17, 17) !important;">Something else (please
specify)</span></label></div>
</div>
</div>
</div>
<div class="_hj-XpAaA__styles__surveyFooter">
<div class="_hj-8Lgv6__styles__surveyActions"><button type="button" data-qa-id="next feedback button" disabled="" class="_hj-81Zzt__styles__surveyActionButton _hj-O-7CS__styles__surveysPrimaryButton _hj-SU8LU__styles__primaryButton">Next</button>
</div>
</div>
</form>Text Content
Security Wait Times T1 International 0 - 5 mins T2 Domestic 0 - 5 mins T3 Domestic 0 - 5 mins Wait times currently unavailable. We apologise for the inconvenience. Currently closed. Security lanes will re-open at 04:00AM AEST Ready for security Travelling these school holidays? Here's some information to help you prepare. Read more Close * Flights Flights Flight details Airline information Baggage information * Parking & Transport Parking & Transport Parking information Book parking Parking support Passenger pick-up Passenger drop-off Parking maps Transport options Car hire * Airport guide Airport guide Prepare to travel Security screening Dine and shop Terminal maps Terminal transfers Assistance Facilities and services at T1 Facilities and services at T2 Facilities and services at T3 * Shop, Dine & Stay Shop, Dine & Stay Shop Dine Stay Offers Duty free click and collect Exchange currency Tourist refund scheme * Discover Discover SYD Hub Airport upgrades tripsim SYD Stories * 中文 * Search Accessibility Language * * * * Contact us Accessibility Language * English * 中文 * हिन्दी * 日本語 Media Partner with us Join us Corporate Flights * Flight details * Airline information * Baggage information Parking & Transport * Parking information * Book parking * Parking support * Passenger pick-up * Passenger drop-off * Parking maps * Transport options * Car hire Airport guide * Prepare to travel * Security screening * Dine and shop * Terminal maps * Terminal transfers * Assistance * Facilities and services at T1 * Facilities and services at T2 * Facilities and services at T3 Shop, Dine & Stay * Shop * Dine * Stay * Offers * Duty free click and collect * Exchange currency * Tourist refund scheme Discover * SYD Hub * Airport upgrades * tripsim * SYD Stories 中文 Search Menu Travelling these school holidays? Here's some information to help you prepare. Read more WELCOME TO SYDNEY AIRPORT * Flights * Parking * Hotels * eSIMs Select a terminal Departures - Domestic Departures - International Arrivals - Domestic Arrivals - International Enter flight #, city or airline Thank you for completing the form. Oops! it looks like we are experiencing an issue with our forms, please try again later or call 133 SYD (133 793) or +61 2 9667 6111 outside Australia Location * International T1 Domestic T2 Domestic T3 Entry Date * Entry Time * 01:00 02:00 03:00 04:00 05:00 06:00 07:00 08:00 09:00 10:00 11:00 12:00 13:00 14:00 15:00 16:00 17:00 18:00 19:00 20:00 21:00 22:00 23:00 23:59 Exit Date * Exit Time * 01:00 02:00 03:00 04:00 05:00 06:00 07:00 08:00 09:00 10:00 11:00 12:00 13:00 14:00 15:00 16:00 17:00 18:00 19:00 20:00 21:00 22:00 23:00 23:59 Promo Code Thank you for completing the form. Oops! it looks like we are experiencing an issue with our forms, please try again later or call 133 SYD (133 793) or +61 2 9667 6111 outside Australia Select a hotel * ibis budget Sydney Airport Mantra Sydney Airport Rooms & Guests* Room Adults - 1 + Children - 0 + Check-in * Check-out * * Promo Code Plan your airport journey Get to and from the airport Terminal transfers Car rental Transport options Drop-off and pick-up Passenger drop-off Passenger pick-up Facilities and services T1 International T2 Domestic T3 Domestic Discover Sydney Airport Shopping Find stores to meet all your shopping and travelling needs, from quick stops to our brand new luxury precinct. Browse stores Food After a quick bite before a domestic flight or want to settle in before an international departure? View restaurants & cafes Airport Guide Find useful tips and travel information to help you prepare for your next trip. Passenger information SCHOOL HOLIDAY FUN AT T2! Travelling through T2 this school holidays? Enjoy interactive games, capture the perfect holiday photo and redeem an exclusive retail offer! Simply spend $100 and receive a $20 digital SYD voucher to spend in terminal. Vouchers are available from 6am-10am and 3pm-7pm daily, until exhausted. Terms and conditions apply. Learn more Select your rooms Rooms - 0 + Passengers * Flights * Parking & Transport * Airport guide * Shop, Dine & Stay * SYD Hub * Contact us Corporate * Media * Corporate * Join us * Investors * Partner with us About us * About * InfoSYD * Terms * Privacy * Copyright Opening Hours * International Terminal 1 3:00am - 11:00pm * Domestic Terminal 2 & 3 4:00am - 11:00pm Sydney Airport acknowledges the Traditional Custodians of the lands, waterways and skyways where we work and in which we live. We pay respect to Elders past and present, and recognise the continuation of cultural, spiritual and educational practices of First Nation peoples throughout Australia. Sign up for the latest offers Be the first to access what we offer Send me offers × Search Feedback WHICH OF THE FOLLOWING LIVE DATA WOULD HELP YOU WITH PLANNING YOUR TRIP TO AND FROM THE AIRPORT? Check-in queue times Terminal transfer bus wait times Arrival processing time Road congestion Taxi wait times None of these Something else (please specify) Next