안녕하세요?
아래 스크립트 실행 후 새로고침을 실행하려고 합니다.
어떻게 하면 좋을까요?
마지막 return false; 바로 아래에 location.reload(); 코드를 넣으면 작동이 안 되고,
바로 위에 넣었더니, 작동은 되는데 function 이벤트가 적용이 안 되네요. ㅜ
Copy
<script type="text/javascript">
function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'ko',autoDisplay: true}, 'google_translate_element');}
/* 새 UI 선택 클릭 이벤트가 발생하면
감춤 처리한 구글 번역 콤보리스트에
선택한 언어를 적용해 변경 이벤트를 발생시키는 코드 */
document.querySelector('.translation-links').addEventListener('click',trans);
function trans(event) {
let el = event.target;
if(el != null){
while(el.nodeName == 'FONT' || el.nodeName == 'SPAN'){el = el.parentElement;}
const tolang = el.dataset.lang; // 변경할 언어 코드 얻기
const gtcombo = document.querySelector('.goog-te-combo');
if (gtcombo == null) {
alert("Error: Could not find Google translate Combolist.");
return false;
}
gtcombo.value = tolang; // 변경할 언어 적용
gtcombo.dispatchEvent(new Event('change')); // 변경 이벤트 트리거
}
document.body.style.cssText = "";
return false;
};
</script>
|
답변 5개
채택된 답변
+20 포인트
마르스컴퍼니
2023-12-28 (목) 19:38:32
return false;
→
setTimeout(function() { window.location.reload(); }, 1000);
return false;
2023-12-29 (금) 12:25:58
다음과 같은 방법도 있으니 참고해 보세요
Copy
document.querySelector('.translation-links').addEventListener('click', trans);
function trans(event) {
let el = event.target;
if (el != null) {
while (el.nodeName == 'FONT' || el.nodeName == 'SPAN') {
el = el.parentElement;
}
const tolang = el.dataset.lang; // 변경할 언어 코드 얻기
const gtcombo = document.querySelector('.goog-te-combo');
if (gtcombo == null) {
alert("Error: Could not find Google translate Combolist.");
return false;
}
gtcombo.value = tolang; // 변경할 언어 적용
gtcombo.dispatchEvent(new Event('change')); // 변경 이벤트 트리거
}
document.body.style.cssText = "";
// 새로고침 실행
location.reload();
// 기본 동작 막기
event.preventDefault();
}
2023-12-28 (목) 01:17:36
리로드 한다해도 펑션상태를 알수 없기 때문에 의미가 없습니다.
어차피 리로드 펑션 리로드 펑션.. 해봤자 현재 상태 저장이 불가.
따라서 페이지 새로고침이 아닌 ajax 를 통하여 데이터를 가져오는게 좋아보일듯합니다.
부득이하게 리로드 해야겠다면 언어코드를 get 이나 post 파라미터로 보내서
리로드 후에도 펑션값이 유지되게 하세요.
새로고침 하는 부분이 없는데요?
Min아빠
2023-12-27 (수) 21:45:26
내용상으로 봤을때는 말씀하신것처럼 리로드가 되면 function이 실행 안되실듯 합니다.
리로드 하셔야 되는 부분을 ajax로 구현하시는게 나을듯 합니다.
답변을 작성하려면 로그인이 필요합니다.