번역이 팝업은 내용을 다룹니다

내 서비스 번역을 위해 Translate This 서비스를 사용하고 있습니다. 모든 것이 훌륭하지만 한 가지 일을합니다. 사이트를 번역 할 때 막대가 내려지면번역이 팝업은 내용을 다룹니다

페이지 완료 됨 번역 완료 됨.
에 의해 번역 된 TranslateThis 버튼 | 전환 실행 취소 >

그래도 문제가되지 않지만 바는 내 사이트의 콘텐츠를 숨기는 것입니다. 스크립트를 덮어 쓰지 않고 내용을 푸는 형식으로 스크립트를 변경하는 방법이 있습니까? 이 설정을 변환 할 수있는 방법이 보이지 않지만 누군가가 하드 코딩 방법을 찾는 데 도움이되는지 궁금합니다. 나는 자바 스크립트에 대해 충분히 잘 모르겠다.

도움 주셔서 감사합니다.

Here은 콘텐츠가 숨겨져 있다는 것을 보여주는 짧은 비디오입니다.

여기있는 내 사이트에서 사용이 코드 번역 : 어떤 도움 누군가가 제공 할 수있는 대한

<!-- Begin TranslateThis Button --> 
<div id="translate-this"><a href="http://translateth.is/" 
class="translate-this-button">Translate</a></div> 
<script type="text/javascript" src="http://www.google.com/jsapi"></script> 
<script type="text/javascript" src="http://x.translateth.is/translate-this.js"> 
</script> 
<script type="text/javascript"> 
TranslateThis({ 
    GA : true, 
    doneText : 'Page Finished Translating. Translated by the', 
    undoText : 'Undo Translation »', 
    undoLength : 15000, 
    fromLang : 'en', 
    ddLangs : [ 
'es', 
'fr', 
'en', 
'ar', 
'zh-CN', 
'ko', 
'it', 
'cs', 
'iw', 
'de', 
'pt-PT', 
'ru', 
'ja', 
'vi', 
'el', 
'hi', 
'nl', 
'tr' 
    ], 
    btnImg : '/images/skin/translate-button.png', 
    btnWidth : 120, 
    btnHeight : 18, 
}); 
</script> 
<!-- End TranslateThis Button -->

감사합니다!

출처

2011-08-17 L84

팝업은 ttb-undo 클래스를 사용하여 동적으로 생성 된 div입니다. 그것은 TranslateThis 스크립트에 포함 된 CSS 파일에 의해 절대적으로 배치됩니다. 당신은 또한 CSS 시트의 위치 및 최고 값을 변경 시도 할 수 있지만,이 프로그램 축소 이후, 나는 확실하지 않다

이

.ttb-undo { 
    display: none; 
}

이

흔들림을 어떤 종류의 당신이 수도 : 가장 쉬운 해결책은 완전히 줄을 숨기는 것입니다 도망. 수동으로 top: 0 규칙을 삭제하고 방화범에 bottom: 0을 추가하면 그 것이 줄어들면서 춤을 추었습니다.

출처

2011-08-17 04:15:32

15 초 후에 사라집니다. (나는 시간을 제어 할 수 있습니다.) 사용자가 쉽게 번역을 실행 취소 할 수 있지만 콘텐츠를 숨길 수는 없습니다. 당신의 도움을 주셔서 감사합니다. – L84

글쎄, 당신은 항상 낮은 작업 솔루션으로 부분적으로 불투명하게 div 스타일을 지정할 수 있습니다. 모두 나가고 싶다면 TranslateThis API가 제공하는 onComplete 콜백이 있습니다. 따라서 위의 그림과 같이 실행 취소 막대를 숨긴 다음 해당 후크를 사용하여 페이지에서 동일한 기능을 제공하지만 내용이 흐려지지 않도록 할 수있는 상자를 만듭니다. –

좋아요, 고맙습니다. => – L84

번역이 팝업은 내용을 다룹니다

답변

관련 문제