JS Traductions

JS Traductions - HTML/CSS - Programmation

Marsh Posté le 18-04-2009 à 16:07:16    

Bonjour,
 
Je cherche a faire la traduction à la volée de mes pages web via google translate mais si mon block de texte est simple pas de problemes ca fonctionne bien avec l'exemple ci dessous dans le cas ou le block <div id="text"> est par exemple :
 

Code :
  1. <div id="text">
  2.   Hello<div>How are you?</div>
  3. </div>


 
Mais dès que le block devient plus complexe comme l'exemple complet ci dessous cela ne fonctionne plus. Des idées
 
La doc google de ajaxtranslate: http://code.google.com/intl/fr-BE/ [...] /#Examples
 
 
 

Code :
  1. <html>
  2. <head>
  3.  <script type="text/javascript" src="http://www.google.com/jsapi"></script>
  4.  <script type="text/javascript">
  6.  google.load("language", "1" );
  8.  function initialize() {
  9.   var text = document.getElementById("text" ).innerHTML;
  11.   google.language.translate(text, "en", "fr",
  12.    function(result) {
  13.     var translated = document.getElementById("translation" );
  14.     if (result.translation) {
  15.       translated.innerHTML = result.translation;
  16.     }
  17.      });
  18.  }
  20.  google.setOnLoadCallback(initialize);
  22.  </script>
  23. </head>
  25. <body>
  26.  <div id="text">
  28.   <!-- This is the block to translate -->
  29.   <div id="adminHeader" class="AdminHeader">
  30.    <div style="width: 245px;" class="fl mgl10">
  31.     <a id="uxHyperLink" href="Default.aspx"><img id="uxLogoImage" src="../App_Themes/AdminBlueTheme/Images/Logo/LogoBackend.gif" style="border-width: 0px;"></a>
  32.    </div>
  33.    <div id="bla" class="fl mgl40 c11" style="margin-top: 30px; width: 200px;">
  34.     Welcome :
  35.     <span id="uxNameLogin" class="LoginName fb">admin</span>
  36.    </div>
  37.    <div class="fr mgr10" style="height: 90px; width: 200px;">
  38.     <div class="fr fb">
  39.      <span id="uxDateLabel">18/04/2009</span>
  40.     </div>
  41.     <div class="Clear">
  42.     </div>
  43.     <div class="c11">
  44.      <div class="fr mgl20 fb">
  45.       <a id="uxLoginStatus" class="bullet1" href="javascript:__doPostBack('uxLoginStatus$ctl00','')">Logout</a>
  46.      </div>
  47.      <div class="fr mgl10 fb">
  48.       <a id="uxHomeHyperLink" class="bullet1" href="Default.aspx">Home</a>
  49.      </div>
  50.      <div class="dn">
  51.       <a id="uxRefreshLink" href="javascript:__doPostBack('uxRefreshLink','')">Refresh</a>
  52.      </div>
  53.      <div class="Clear">
  54.      </div>
  55.     </div>
  56.    </div>
  57.    <div class="Clear">
  58.    </div>
  59.   </div>
  61.   <!-- End of block to translate -->
  62.  </div>       
  63.  <div id="translation">
  65.  </div>
  66. </body>
  67. </html>

Reply

Marsh Posté le 18-04-2009 à 16:07:16   

Reply

Marsh Posté le 18-04-2009 à 16:33:22    

Bon ayant continué mes recherche j'ai compris pourquoi en fait ils n'acceptent que 500 caracteres par query snif adieu ma solution :'-)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed