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 :
- <div id="text">
- Hello<div>How are you?</div>
- </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 :
- <html>
- <head>
- <script type="text/javascript" src="http://www.google.com/jsapi"></script>
- <script type="text/javascript">
- google.load("language", "1" );
- function initialize() {
- var text = document.getElementById("text" ).innerHTML;
- google.language.translate(text, "en", "fr",
- function(result) {
- var translated = document.getElementById("translation" );
- if (result.translation) {
- translated.innerHTML = result.translation;
- }
- });
- }
- google.setOnLoadCallback(initialize);
- </script>
- </head>
- <body>
- <div id="text">
- <!-- This is the block to translate -->
- <div id="adminHeader" class="AdminHeader">
- <div style="width: 245px;" class="fl mgl10">
- <a id="uxHyperLink" href="Default.aspx"><img id="uxLogoImage" src="../App_Themes/AdminBlueTheme/Images/Logo/LogoBackend.gif" style="border-width: 0px;"></a>
- </div>
- <div id="bla" class="fl mgl40 c11" style="margin-top: 30px; width: 200px;">
- Welcome :
- <span id="uxNameLogin" class="LoginName fb">admin</span>
- </div>
- <div class="fr mgr10" style="height: 90px; width: 200px;">
- <div class="fr fb">
- <span id="uxDateLabel">18/04/2009</span>
- </div>
- <div class="Clear">
- </div>
- <div class="c11">
- <div class="fr mgl20 fb">
- <a id="uxLoginStatus" class="bullet1" href="javascript:__doPostBack('uxLoginStatus$ctl00','')">Logout</a>
- </div>
- <div class="fr mgl10 fb">
- <a id="uxHomeHyperLink" class="bullet1" href="Default.aspx">Home</a>
- </div>
- <div class="dn">
- <a id="uxRefreshLink" href="javascript:__doPostBack('uxRefreshLink','')">Refresh</a>
- </div>
- <div class="Clear">
- </div>
- </div>
- </div>
- <div class="Clear">
- </div>
- </div>
- <!-- End of block to translate -->
- </div>
- <div id="translation">
- </div>
- </body>
- </html>
|