Temple
About This Attraction
Wat Arun, also known as the Temple of Dawn, is a significant landmark located on the west bank of the Chao Phraya River in Bangkok, Thailand. This stunning temple is renowned for its distinctive spire, which stands about 70 meters tall and is decorated with colorful porcelain pieces. Visitors can climb the central prang to enjoy panoramic views of the river and the cityscape. Its important to note that appropriate attire is required when visiting Wat Arun, as it is a place of worship.
For those planning a visit, Wat Arun travel information includes details about the temples opening hours, which are typically from early morning until late afternoon. The easiest way to reach the temple is by taking a ferry across the river from Tha Tien Pier. There is an entrance fee for tourists, so its advisable to have some Thai baht on hand. Remember that photography is allowed, but guests should be respectful of worshippers and ceremonies taking place.
Location Details
Address
158 Thanon Wang Doem, Wat Arun, Bangkok Yai, Bangkok 10600, Thailand
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
100 THB
Child
50 THB
Student
100 THB
Senior
100 THB
Opening Hours & Booking
Open
Days
Monday to Sunday
Hours
8:00 AM to 6:00 PM
Seasonality
Year-round
Booking
Booking Required?
No
Nearby Attractions
Historic temple known for its giant reclining Buddha statue.
The Grand Palace in Bangkok is a must-visit destination for tourists seeking Grand Palace travel…
Learn More
Most sacred Buddhist temple in Thailand, housing the Emerald Buddha.
Largest wholesale and retail fresh flower market in Bangkok.
A sacred shrine housing Bangkok's city pillar.
A historic Buddhist temple and meditation center.
A historic open field and public square near the Grand Palace.
A serene park with gardens and a museum dedicated to the Princess Mother.
Thailand's main museum showcasing Thai art and history.
Museum showcasing Thailand's prison history.
";
}
// Initialize modal controls
const initModalControls = function() {
console.log('Initializing modal controls');
const modal = document.getElementById('attraction-modal');
const closeBtn = document.querySelector('.attraction-modal-close');
if (closeBtn) {
closeBtn.addEventListener('click', function() {
modal.style.display = 'none';
document.body.style.overflow = '';
});
}
window.addEventListener('click', function(event) {
if (event.target === modal) {
modal.style.display = 'none';
document.body.style.overflow = '';
}
});
// Make attraction cards clickable
const attractionCards = document.querySelectorAll('.attraction-card');
console.log('Found ' + attractionCards.length + ' attraction cards');
attractionCards.forEach(card => {
card.addEventListener('click', function(e) {
openModalWithCardData(this);
});
});
};
// Function to open modal with card data
const openModalWithCardData = function(card) {
// Get data from hidden div
const data = card.querySelector('.attraction-full-data');
if (!data) {
console.error('No attraction data found in card');
return;
}
const modal = document.getElementById('attraction-modal');
if (!modal) {
console.error('Modal element still not found after creation attempt');
return;
}
// Helper function to safely get element text
function getElementText(selector) {
const element = data.querySelector(selector);
return element ? element.textContent : '';
}
try {
// Basic Info
document.getElementById('attraction-modal-title').textContent = getElementText('.attraction-name');
document.getElementById('attraction-modal-type').textContent = getElementText('.attraction-type-full');
document.getElementById('attraction-modal-description').textContent = getElementText('.attraction-description-full');
// Reset all containers to hidden
['attraction-modal-hours-container', 'attraction-modal-price-container',
'attraction-modal-address-container', 'attraction-modal-image-container'].forEach(id => {
const container = document.getElementById(id);
if (container) container.style.display = 'none';
});
// Rating
const ratingText = getElementText('.attraction-rating-full');
if (ratingText) {
const ratingValue = parseFloat(ratingText);
if (!isNaN(ratingValue)) {
const ratingValueEl = document.getElementById('attraction-modal-rating-value');
const ratingFillEl = document.getElementById('attraction-modal-rating-fill');
if (ratingValueEl) ratingValueEl.textContent = ratingValue.toFixed(1) + '/10';
if (ratingFillEl) ratingFillEl.style.width = (ratingValue * 10) + '%';
}
}
// Show the modal
modal.style.display = 'block';
document.body.style.overflow = 'hidden'; // Prevent background scrolling
console.log('Modal opened successfully');
} catch (error) {
console.error('Error opening modal:', error);
}
};
// Try to create the modal
const created = createModal();
console.log('Modal created:', created);
// If not created (already exists), initialize the controls
if (!created) {
initModalControls();
}
// Also initialize distance toggle
const distanceToggle = document.getElementById('distance-unit-toggle');
if (distanceToggle) {
distanceToggle.addEventListener('change', function() {
const showKm = this.checked;
// Update toggle labels
const labels = document.querySelectorAll('.toggle-label');
if (labels.length >= 2) {
labels[0].style.opacity = showKm ? '0.5' : '1';
labels[1].style.opacity = showKm ? '1' : '0.5';
}
// Update all distance displays
document.querySelectorAll('.nearby-attraction-card').forEach(card => {
const kmEl = card.querySelector('.distance-km');
const miEl = card.querySelector('.distance-mi');
if (kmEl && miEl) {
kmEl.style.display = showKm ? 'inline' : 'none';
miEl.style.display = showKm ? 'none' : 'inline';
}
});
});
}
});