Thread: End-User Options - AJAX Google Translator
View Single Post
  #37  
Old 02-03-2009, 01:28 PM
Scalemotorcars's Avatar
Scalemotorcars Scalemotorcars is offline
 
Join Date: Mar 2006
Location: NC
Posts: 619
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I made a few changes to the pop-up. The main difference is the ability to close the pop-up if its triggered accidental. 2nd I changed the background to class="panelsurround" to make it s bit more noticeable. This is a preference of mine but you can use whatever class looks best on your site.

Make sure you change the path to your <img src="http://www.yoursite.com/images/cross.png">.
I used the FamFamFam one. Hope this is of use to someone. Enjoy..

HTML Code:
<script type="text/javascript">
<!--
var translate_from = "en";
var translate_to   = "de";
// -->
</script>
<div id="translation" style="visibility: hidden; border: 2px; position: absolute; left: 0px; top: 0px" class="tborder">
 <div class="tcat">
   <a style="display: block; text-align: right; padding: 6px; font-size: 9px;" href="#" onclick="this.parentNode.parentNode.style.visibility='hidden'">$vbphrase[googletranslator_close_window]</a>
  </div>
 <div style="padding: 6px;"></div>
</div>
<div id="translate" style="visibility: hidden; border: 0px; position: absolute; left: 0px; top: 0px" class="tborder">
 <div class="panelsurround">
  <img src="images/ico_searching.gif" alt="" style="vertical-align: middle; display: none;" />
  <span class="normalfont">$vbphrase[googletranslator_translate_from]:
  <select name="trans_from" onchange="translate_from=this.options[this.selectedIndex].value">
   <option value="ar">$vbphrase[googletranslator_arabic]</option>
   <option value="bg">$vbphrase[googletranslator_bulgarian]</option>
   <option value="zh-CN">$vbphrase[googletranslator_chinese]</option>
   <option value="hr">$vbphrase[googletranslator_croatian]</option>
   <option value="cs">$vbphrase[googletranslator_czech]</option>
   <option value="da">$vbphrase[googletranslator_danish]</option>
   <option value="nl">$vbphrase[googletranslator_dutch]</option>
   <option value="en" selected="selected">$vbphrase[googletranslator_english]</option>
   <option value="fi">$vbphrase[googletranslator_finnish]</option>
   <option value="fr">$vbphrase[googletranslator_french]</option>
   <option value="de">$vbphrase[googletranslator_german]</option>
   <option value="el">$vbphrase[googletranslator_greek]</option>
   <option value="hi">$vbphrase[googletranslator_hindi]</option>
   <option value="it">$vbphrase[googletranslator_italian]</option>
   <option value="ja">$vbphrase[googletranslator_japanese]</option>
   <option value="ko">$vbphrase[googletranslator_korean]</option>
   <option value="no">$vbphrase[googletranslator_norwegian]</option>
   <option value="pl">$vbphrase[googletranslator_polish]</option>
   <option value="pt">$vbphrase[googletranslator_portuguese]</option>
   <option value="ro">$vbphrase[googletranslator_romanian]</option>
   <option value="ru">$vbphrase[googletranslator_russian]</option>
   <option value="es">$vbphrase[googletranslator_spanish]</option>
   <option value="sv">$vbphrase[googletranslator_swedish]</option>
  </select>
  $vbphrase[googletranslator_translate_to]  
  <select name="trans_to" onchange="translate_to=this.options[this.selectedIndex].value">
   <option value="ar">$vbphrase[googletranslator_arabic]</option>
   <option value="bg">$vbphrase[googletranslator_bulgarian]</option>
   <option value="zh-CN">$vbphrase[googletranslator_chinese]</option>
   <option value="hr">$vbphrase[googletranslator_croatian]</option>
   <option value="cs">$vbphrase[googletranslator_czech]</option>
   <option value="da">$vbphrase[googletranslator_danish]</option>
   <option value="nl">$vbphrase[googletranslator_dutch]</option>
   <option value="en">$vbphrase[googletranslator_english]</option>
   <option value="fi">$vbphrase[googletranslator_finnish]</option>
   <option value="fr">$vbphrase[googletranslator_french]</option>
   <option value="de" selected="selected">$vbphrase[googletranslator_german]</option>
   <option value="el">$vbphrase[googletranslator_greek]</option>
   <option value="hi">$vbphrase[googletranslator_hindi]</option>
   <option value="it">$vbphrase[googletranslator_italian]</option>
   <option value="ja">$vbphrase[googletranslator_japanese]</option>
   <option value="ko">$vbphrase[googletranslator_korean]</option>
   <option value="no">$vbphrase[googletranslator_norwegian]</option>
   <option value="pl">$vbphrase[googletranslator_polish]</option>
   <option value="pt">$vbphrase[googletranslator_portuguese]</option>
   <option value="ro">$vbphrase[googletranslator_romanian]</option>
   <option value="ru">$vbphrase[googletranslator_russian]</option>
   <option value="es">$vbphrase[googletranslator_spanish]</option>
   <option value="sv">$vbphrase[googletranslator_swedish]</option>
  </select>
  </span> <input type="button" class="button" name="btngo" value="$vbphrase[googletranslator_go]" onclick="translateSelection(translate_from, translate_to, 1);" /> <a href="#" onclick="this.parentNode.parentNode.style.visibility='hidden'"><img src="http://www.yoursite.com/images/cross.png" border=0 alt="Close Translator"></a>
 </div>
   </div>
Reply With Quote
 
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01135 seconds
  • Memory Usage 1,826KB
  • Queries Executed 11 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD_SHOWPOST
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)bbcode_html
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_box
  • (1)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit_info
  • (1)postbit
  • (1)postbit_onlinestatus
  • (1)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • reputationlevel
  • showthread
Included Files:
  • ./showpost.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showpost_start
  • bbcode_fetch_tags
  • bbcode_create
  • postbit_factory
  • showpost_post
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • showpost_complete