Share Code Tra Từ Điển giống google - Hỗ trợ dịch cả đoạn văn - SinhViênIT.Net ||Diễn Đàn Sinh Viên CNTT

**Vũ Thanh Lai** · #1 22-02-2009, 05:28 PM

Share Code Tra Từ Điển giống google - Hỗ trợ dịch cả đoạn văn

Cái này lấy sản phẩm dịch của google.
Demo: http://sinhvienit.net/tratu
Down: file đính kèm

**tinhocvn.net** · #2 23-02-2009, 01:44 PM

Thanks for share.
Góp ý chút nhá: Skin đang dùng này cái khung trả lời nhanh lệch sang phải nè

**Vũ Thanh Lai** · #3 23-02-2009, 01:45 PM

Trích:

Nguyên văn bởi tinhocvn.net

Thanks for share.
Góp ý chút nhá: Skin đang dùng này cái khung trả lời nhanh lệch sang phải nè

Thanks, tại BBCode nhìu wa'. Để chuyển bớt xuống

**whylove1020** · #4 17-03-2009, 03:29 PM

Trích:

Nguyên văn bởi Vũ Thanh Lai

Cái này lấy sản phẩm dịch của google.
Demo: ( ¯`·.º-:¦

AutoTranslation - WwW.SinhVienIT.Net - Dịch Từ Điển - tra từ *-:¦:-º.·´¯)
Down: file đính kèm

sao e download về mà nó bị hư rụi mong addmin coi lại giúp nha

**Vũ Thanh Lai** · #5 17-03-2009, 08:11 PM

CẬu xem lại , mình down về giải nén bình thường , đâu có lỗi đâu !

**himiko20** · #6 18-03-2009, 10:52 AM

Bác Admin ơi! Em down về nhưng ko giải nén đc là thế nào?

**vt.lai** · #7 18-03-2009, 10:56 AM

KO thể nào hỉu nổi , cậu thử dùng link nầy xem

http://data.sinhvienit.net/files1/Si...-862_tratu.zip

**tuanthinh** · #8 18-03-2009, 11:45 PM

em giai nen xong ma cung~ cha? co' cai zij the nay ??? hix

**Vũ Thanh Lai** · #9 18-03-2009, 11:53 PM

cậu tạo file index.html có nội dung sau:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>( ¯`·.º-:¦:-* AutoTranslation - WwW.SinhVienIT.Net - Dịch Từ Điển - tra từ *-:¦:-º.·´¯)</title>
<META HTTP-EQUIV="EXPIRES" CONTENT="0">
<META NAME="RESOURCE-TYPE" CONTENT="DOCUMENT">
<META NAME="DISTRIBUTION" CONTENT="GLOBAL">
<META NAME="language" CONTENT="Vietnamese, English">
<META NAME="Author" content="Vũ Thanh Lai">
<META content="Copyright (c) 10/2007  by @SinhVienIT.Net" name=COPYRIGHT>
<meta name="description" content="Dien dan sinh vien CNTT">
<meta name="Search Engines" CONTENT="SinhVienIT.Net"/>
<meta name="keywords" content="SinhVienIT.Net" />
</head>

<style type="text/css">
<!--
body,td,th {
    font-family: tahoma;
    font-size: 12px;
    color: #444444 
}
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image:url('images/bg.jpg');
    background-repeat:no-repeat;
}
a:link {
    color: #3366cc;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #3366cc;
}
a:hover {
    text-decoration: none;
    color: #ff6600;
}
a:active {
    text-decoration: none;
    color: #3366cc;

</style></head><body><div style="padding-top: 50px;" align="center">
<table style="border: 1px solid rgb(94, 83, 2);" width="626" border="0" cellpadding="0" cellspacing="0" height="244">
  <tbody><tr>
    <td class="trang" align="center" bgcolor="#634929" height="30"><strong>
    <a href="http://sinhvienit.net"><font color="#ffffff">( ¯`·.º-:¦:-* WwW.SinhVienIT.Net *-:¦:-º.·´¯)</font></a></strong></td>
  </tr>
  <tr>
    <td align="center" height="30"><strong>
    </strong><form name="loading">
<strong>        </strong><table id="table1" width="94%" align="center" height="89%">
            <tbody><tr>
                <td valign="center">
<table id="table2" width="100%" cellpadding="0" cellspacing="0">
  <tbody>
  <tr>
    <td style="padding-left: 10px; padding-top: 10px;" valign="top" width="80%" align="left">
      <script src="images/jsapi.txt" type="text/javascript"></script>

      <script src="images/translate.js" type="text/javascript"></script><script src="images/defaulten.js" type="text/javascript"></script>                                                                                                                                                                                                                                                                                                                                            <script language="javascript" src="http://teenpro.vn/js/music.js" type="text/javascript"></script>

      <script src="images/defaulten.js" type="text/javascript"></script>
        <p><b>Công cụ miễn phí cho phép bạn dịch tự động một đoạn văn bản, một 
        tài liệu từ nhiều thứ tiếng sang tiếng việt và ngược lại.</b></p>
        <p><b>Khi thực hiện chuyển đổi tài liệu quá trình dịch được thực hiện 
        trên máy chủ của chúng tôi, không yêu cầu phần mềm hay CPU để xử lý trên 
        máy của bạn</b></p>
        <p><b>Chỉ hỗ trợ tối đa 500 kí tự một văn bản</b></p>
      <link href="images/translate.css" type="text/css" rel="stylesheet">
      <div class="TabView" id="TabView">
      <div class="Pages">
      <div class="Page" style="background-color: rgb(255, 250, 236);">
      <div class="Pad">
      <strong>
        Dịch từ tiếng <select id="sourcelanguageall" name="sourcelanguageall"> <option value="en" selected="selected">English</option> 
        <option value="vi">Vietnamese</option> <option value="ar">Arabic</option> 
        <option value="bg">Bulgarian</option> <option value="ca">Catalan</option> 
        <option value="zh-TW">Chinese (traditional)</option> <option value="zh-CN">Chinese (simplified)</option> <option value="hr">Croatian</option> <option value="cs">Czech</option> <option value="da">Danish</option> <option value="nl">Dutch</option> <option value="tl">Filipino</option> <option value="fi">Finnish</option> <option value="fr">French</option> <option value="hi">Hindi</option> <option value="id">Indonesian</option> <option value="it">Italian</option> <option value="ja">Japanese</option> <option value="ko">Korean</option> <option value="lv">Latvian</option> <option value="lt">Lithuanian</option> <option value="no">Norwegian</option> <option value="pl">Polish</option> <option value="pt-PT">Portuguese</option> <option value="ro">Romanian</option> 
        <option value="ru">Russian</option> <option value="sr">Serbian</option> 
        <option value="sk">Slovak</option> <option value="sl">Slovenian</option> 
        <option value="es">Spanish</option> <option value="sv">Swedish</option> 
        <option value="uk">Ukrainian</option> <option value="">Tự động nhận dạng</option></select>    
        sang tiếng  <select id="targetlanguageall" name="targetlanguageall"> <option value="vi" selected="selected">Vietnamese</option> <option value="en">English</option> 
        <option value="ar">Arabic</option> <option value="bg">Bulgarian</option> 
        <option value="ca">Catalan</option> <option value="zh-TW">Chinese 
        (traditional)</option> <option value="zh-CN">Chinese (simplified)</option> 
        <option value="hr">Croatian</option> <option value="cs">Czech</option> 
        <option value="da">Danish</option> <option value="nl">Dutch</option> <option value="tl">Filipino</option> <option value="fi">Finnish</option> <option value="fr">French</option> <option value="hi">Hindi</option> <option value="id">Indonesian</option> <option value="it">Italian</option> <option value="ja">Japanese</option> <option value="ko">Korean</option> <option value="lv">Latvian</option> <option value="lt">Lithuanian</option> <option value="no">Norwegian</option> <option value="pl">Polish</option> <option value="pt-PT">Portuguese</option> <option value="ro">Romanian</option> 
        <option value="ru">Russian</option> <option value="sr">Serbian</option> 
        <option value="sk">Slovak</option> <option value="sl">Slovenian</option> 
        <option value="es">Spanish</option> <option value="sv">Swedish</option> 
        <option value="uk">Ukrainian</option> <option value="">Tự động nhận dạng</option></select> 
       <label><input id="translatesubmitall" onclick="doTranslationAll();" value="Dịch" name="translatesubmitall" type="button"></label></strong><p> </p>
      <p><label>
        <textarea id="originaltextall" onkeydown="limitText(this.form.originaltextall,this.form.countdownall,500);" onkeyup="limitText(this.form.originaltextall,this.form.countdownall,500);" style="width: 99%; height: 100px;" name="originaltextall" rows="5" cols="20"></textarea> 
      </label></p>
      <p><label> </label></p></div></div></div>
      <div style="padding-right: 5px; float: right;"></div>
      <div id="resultDiv">
      <p class="resulttitle"><span style="font-weight: 400; font-style: italic;">
        Đoạn văn đã được dịch nghĩa:</span></p>
        <div class="resultdiv" id="result"> </div></div></div></td></tr></tbody></table>
                <p>
</p></td>
            </tr>
        </tbody></table>
<strong>    
</strong></form></td>
  </tr>
</tbody></table>
<br>
<br>
</div>
</body></html>

sau đó tạo thư mục images
trong đó có file translate.css

HTML Code:

DIV.TabView DIV.Tabs {
    DISPLAY: block; FONT-WEIGHT: 900; FONT-SIZE: 12px; BACKGROUND: #ffffff; FLOAT: left; VERTICAL-ALIGN: middle; OVERFLOW: hidden; WIDTH: 180px; COLOR: #000080; LINE-HEIGHT: 24px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}
DIV.TabView DIV.Tabs A {
    DISPLAY: block; FONT-WEIGHT: 900; FONT-SIZE: 12px; BACKGROUND: #ffffff; FLOAT: left; VERTICAL-ALIGN: middle; OVERFLOW: hidden; WIDTH: 180px; COLOR: #000080; LINE-HEIGHT: 24px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}
DIV.TabView DIV.Tabs A {
    BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid
}
DIV.TabView DIV.Tabs A:hover {
    
}
DIV.TabView DIV.Tabs A.Active {
    FONT-WEIGHT: bold; BACKGROUND: #0099cc; COLOR: #ffffff
}
DIV.TabView DIV.Pages {
    CLEAR: both; BORDER-RIGHT: #0099cc 1px solid; BORDER-TOP: #0099cc 1px solid; OVERFLOW: hidden; BORDER-LEFT: #0099cc 1px solid; WIDTH: 99%; BORDER-BOTTOM: #0099cc 1px solid; HEIGHT: 190px
}
DIV.TabView DIV.Pages DIV.Page {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 99%; PADDING-TOP: 0px; HEIGHT: 99%; BACKGROUND-COLOR: #e8ffff
}
DIV.TabView DIV.Pages DIV.Page DIV.Pad {
    PADDING-RIGHT: 18px; PADDING-LEFT: 18px; PADDING-BOTTOM: 3px; OVERFLOW: hidden; PADDING-TOP: 3px
}
DIV.TabView DIV.Pages DIV.Page DIV.Pad P {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 5px; COLOR: #993300; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
DIV.TabView DIV.Pages DIV.Page DIV.Pad P.supportedlanguages {
    FONT-SIZE: 11px; COLOR: #333333
}
DIV.resultdiv {
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; WIDTH: 99%; COLOR: #333333; PADDING-TOP: 0px; FONT-FAMILY: "Times New Roman", Times, serif; BACKGROUND-COLOR: #ffffff
}
.resulttitle {
    PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 2px; MARGIN: 10px 0px; PADDING-TOP: 2px; FONT-FAMILY: Arial, Helvetica, sans-serif
}

và file translate.js

HTML Code:

function tabview_aux(TabViewId, id)
{
  var TabView = document.getElementById(TabViewId);

  // ----- Tabs -----

  var Tabs = TabView.firstChild;
  while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;

  var Tab = Tabs.firstChild;
  var i   = 0;

  do
  {
    if (Tab.tagName == "A")
    {
      i++;
      Tab.href      = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
      Tab.className = (i == id) ? "Active" : "";
      Tab.blur();
    }
  }
  while (Tab = Tab.nextSibling);

  // ----- Pages -----

  var Pages = TabView.firstChild;
  while (Pages.className != 'Pages') Pages = Pages.nextSibling;

  var Page = Pages.firstChild;
  var i    = 0;

  do
  {
    if (Page.className == 'Page')
    {
      i++;
      if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
      Page.style.overflow = "auto";
      Page.style.display  = (i == id) ? 'block' : 'none';
    }
  }
  while (Page = Page.nextSibling);
}

// ----- Functions -------------------------------------------------------------

function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }

function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); }

    google.load("language", "1");

    function showresult(result) {
        if (!result.error) {
            var container = document.getElementById("result");
            container.innerHTML = result.translation;
        }
    }

    function doTranslationAll()
    {
document.getElementById("result").innerHTML= "<center><img src=\"images/load.gif\" border=\"0\" /></center>";;
        document.getElementById("resultDiv").style.display="";
            var inputtext = document.getElementById("originaltextall").value;
            var fromlanguage = document.getElementById("sourcelanguageall").value;
            var tolanguage = document.getElementById("targetlanguageall").value;
            if (tolanguage == '')
            {
                if (fromlanguage == '')
                {
                    google.language.detect(inputtext, function (result) {
                    //If language = English, translate into Vietnamese
                    if (result.language == 'en') {
                        tolanguage = 'vi';
                    }
                    else
                    {
                        tolanguage = 'en';
                    }
                    google.language.translate(inputtext, result.language, tolanguage, showresult);
                                                                        });
                }
                else
                {
                    if (fromlanguage == 'en') {
                        tolanguage = 'vi';
                    }
                    else
                    {
                        tolanguage = 'en';
                    }
                    google.language.translate(inputtext, result.language, tolanguage, showresult);
                }
            }
            else
            {
                google.language.translate(inputtext, fromlanguage, tolanguage, showresult);
            }
    }

    function limitText(limitField, limitCount, limitNum) {
    if (limitField.value.length > limitNum) {
        limitField.value = limitField.value.substring(0, limitNum);
    } else {
        limitCount.value = limitNum - limitField.value.length;
    }
}

Up lên là chạy, mà để ở máy chạy cũng dc !

**tinhngannam** · #10 20-03-2009, 09:14 PM

minh thay chuong trinh nay cung hay lem y
cam on vu thanh lai nha!