<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dil Çevirisi</title>
<style>
.flag-container {
margin: 20px;
}
.flag {
cursor: pointer;
margin: 10px;
width: 50px;
height: auto;
}
#google_translate_element {
display: none;
}
</style>
</head>
<body>
<div class="flag-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/b/b4/Flag_of_Turkey.svg" class="flag" onclick="translateLanguage('tr')" alt="Türkçe">
<img src="https://upload.wikimedia.org/wikipedia/en/a/a4/Flag_of_the_United_States.svg" class="flag" onclick="translateLanguage('en')" alt="English">
<img src="https://upload.wikimedia.org/wikipedia/commons/c/c3/Flag_of_France.svg" class="flag" onclick="translateLanguage('fr')" alt="Français">
</div>
<h1>Merhaba Dünya!</h1>
<p>Bu bir örnek metindir. Tıklanan bayrağa göre dil değişecektir.</p>
<div id="google_translate_element"></div>
<script type="text/javascript">
function translateLanguage(lang) {
var translateElement = document.getElementById('google_translate_element');
translateElement.innerHTML = ''; // Önceki çeviriyi temizle
var translateScript = document.createElement('script');
translateScript.src = 'https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
document.body.appendChild(translateScript);
window.googleTranslateElementInit = function() {
new google.translate.TranslateElement({
pageLanguage: 'tr',
includedLanguages: lang,
layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
autoDisplay: false
}, 'google_translate_element');
};
setTimeout(function() {
var iframe = translateElement.querySelector('iframe');
if (iframe) {
iframe.contentWindow.document.querySelector('.goog-te-combo').value = lang;
iframe.contentWindow.document.querySelector('.goog-te-combo').dispatchEvent(new Event('change'));
}
}, 500);
}
</script>
</body>
</html>