Historical Site
About This Attraction
Prambanan Temple, located in Yogyakarta, Indonesia, is a remarkable example of ancient Hindu architecture. Built in the 9th century, this UNESCO World Heritage Site is the largest Hindu temple complex in Indonesia. Visitors can explore its towering structures adorned with intricate carvings that depict various Hindu deities and legends. The site is open to the public, and it is important for visitors to check the Prambanan Temple opening hours before planning their visit.
The temple complex is composed of several tall and pointed temples, with the central one dedicated to Lord Shiva. Surrounding the main temple are smaller ones dedicated to Vishnu and Brahma, making it a significant pilgrimage site for Hindus. For those interested in visiting, Prambanan Temple is accessible via public transportation or by car from Yogyakarta city center. It offers a glimpse into Indonesias historical and cultural heritage while providing an educational experience for people of all ages.
Location Details
Address
Jl. Raya Solo - Yogyakarta No.16, Kranggan, Bokoharjo, Prambanan, Sleman, Yogyakarta, Indonesia
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
375,000 IDR
Child
225,000 IDR
Student
225,000 IDR
Senior
375,000 IDR
Opening Hours & Booking
Open
Days
Monday to Sunday
Hours
6:00 AM to 5:00 PM
Seasonality
Open year-round
Booking
Booking Required?
No
Nearby Attractions
Malioboro Street in Yogyakarta is a popular destination known for its array of shops, street…
Learn More
Kraton Palace, located in Yogyakarta, Indonesia, serves as the official residence of the Sultan. This…
Learn More
Borobudur is a renowned Buddhist temple located in Central Java, Indonesia, near Yogyakarta. The temple…
Learn More
Tanah Lot is a prominent cultural landmark located on the coast of Bali, Indonesia. Known…
Learn More
Uluwatu Temple is a significant sea temple located on the southwestern tip of Bali, Indonesia.…
Learn More
Ubud, located in the heart of Bali, Indonesia, is renowned for its lush rice terraces…
Learn More
Angels Billabong is a natural infinity pool located on Nusa Penida Island, Indonesia. This stunning…
Learn More
Broken Beach, located on Nusa Penida Island in Indonesia, is a stunning coastal formation known…
Learn More
Kelingking Beach is a popular tourist destination located on the island of Nusa Penida in…
Learn More
Atuh Beach is a stunning location on the southeastern coast of Nusa Penida, an island…
Learn More
";
}
// 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';
}
});
});
}
});