recuperer contenu d'une DIV

Version imprimable

J'utilise l API google pour traduire le contenu d'une variable.
voici mon code
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 google.load("language", "1"); function initialize() { google.language.translate(myVar,"", "en", function(result) { if (!result.error) { var container = document.getElementById("translation"); container.innerHTML = result.translation; } }); } google.setOnLoadCallback(initialize); <div id="translation"> </div>
maintenant je voudrais recupere le contenu de la DIV "translation" et la placer dans une variable

je fais donc:
Code:

1 2 3 4 5 <script type="text/javascript"> var valeur = document.getElementById("translation").innerHTML; document.write(valeur); </script>
mais ma variable valeur reste vide. sauf si je rentre du texte entre les balise div)

Comment faire pour recuperer la valeur envoye par la fonction de google.

Merci de vos reponse

18/09/2010, 21h07
SpaceFrog

document.write est a éviter ... il a la facheuse tendance a effacer le contenu de la page

Le probleme ne semble pas venir de document.write. En fait si je fais une alert a l'interieur de la fonction j'ai le bon resultat. Je cherche donc a recuperer la valeur de la variable temp a l'exterieur de la fonction.

Il doit bien existe un tour de pass-pass pour arriver a cela mais malgres mes heure de recherche sur la toile, rien....:(
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 google.load("language", "1"); function initialize() { google.language.translate(myVar,"", "en", function(result) { if (!result.error) { var container = document.getElementById("translation1"); container.innerHTML = result.translation; var temp = result.translation; alert(temp) } }); } google.setOnLoadCallback(initialize);
Merci

19/09/2010, 05h57
voyageurdumonde
si j'ecris le code suivant pour recuperer le contenu de la DIV translation

j'obtiens le message [object HTMLDivElement] avec document.write
Code:

1 2 3 4 5 <div id="translation" ></div> <script> var rou = document.getElementById("translation"); document.write(rou); </script>

Sans doute un souci d'instanciation entre le lancement de l'api google et le chargement de ta page

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script type="text/javascript">
 
    function initialize() {
    var trans='hello world';
    var container = document.getElementById("translation");
   container.innerHTML = trans;
 
  alert(document.getElementById("translation").innerHTML)
    }
 
window.onload=initialize    
</script>
</head>
 
<body >
<div id="translation">
 
</div>
 
</body>
 
</html>

Salut

Merci SpaceFrog si j'ecris ton code, j'obtiens [object] pour ma variable out. Je dois donc faire une erreur quelque part dans ma sytaxe?

Merci pour votre aide

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
<script type="text/javascript">
 
    function initialize() {
    var trans='hello world';
    var container = document.getElementById("translation");
   container.innerHTML = trans;
 
  alert(document.getElementById("translation").innerHTML)
    }
 
window.onload=initialize    
</script>
</head>
 
<body >
<div id="translation"></div>
<script>
var out = document.getElementById("translation");
document.write(out);
</script>
  </body>
</html>

19/09/2010, 18h05
SpaceFrog

Code:

var out = document.getElementById("translation").innerHTML

je desespere, si j'inscris

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
<script type="text/javascript">
 
    function initialize() {
    var trans='hello world';
    var container = document.getElementById("translation");
   container.innerHTML = trans;
 
  alert(document.getElementById("translation").innerHTML)
    }
 
window.onload=initialize    
</script>
</head>
 
<body >
<div id="translation"></div>
<div id="translation1">test</div>
<script>
var out = document.getElementById("translation1").innerHTML;
document.write(out);
</script>
  </body>
</html>

j'obtiens

hello world
test
test

donc ca fonctionne mais si je fais:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
<script type="text/javascript">
 
    function initialize() {
    var trans='hello world';
    var container = document.getElementById("translation");
   container.innerHTML = trans;
 
  alert(document.getElementById("translation").innerHTML)
    }
 
window.onload=initialize    
</script>
</head>
 
<body >
<div id="translation"></div>
<div id="translation1">test</div>
<script>
var out = document.getElementById("translation").innerHTML;
document.write(out);
</script>
  </body>
</html>

j'ai comme reponse
hello world
test

je ne peux pas recuperer la valeur qui est generee par la fonction. Comment faire! Cela doit bien etre possible?

voila j'ai trouve la solution. je recupere les donnees dans un input
voila le bon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <script type="text/javascript" src="//www.google.com/jsapi"></script>
 
<script type="text/javascript">
 
 
 
google.load("language", "1");
 
    function initialize() {
      google.language.translate("maison","", "en", function(result) {
        if (!result.error) {	
 
          var container = document.getElementById("translation");
          container.innerHTML = result.translation;
	  document.getElementById("data").value = result.translation;
        }
      });
    }
    google.setOnLoadCallback(initialize);
 
 
</script> 
 
</head>
<body onload="initialize();">
 
<div id="translation"></div>
 
 
<form name="blabla" action="translate1.php" method="post"> 
<input type="text" name="data" value="" /> 
 
 
<input type="submit" value="Etape 3" />
</form> 
 
  </body>
</html>