recuperer contenu d'une DIV

**voyageurdumonde** · 18/09/2010, 20h56

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**SpaceFrog** · 18/09/2010, 22h07

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

**voyageurdumonde** · 19/09/2010, 05h27

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**voyageurdumonde** · 19/09/2010, 06h57

si j'ecris le code suivant pour recuperer le contenu de la DIV translation

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**SpaceFrog** · 19/09/2010, 10h35

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**voyageurdumonde** · 19/09/2010, 17h27

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**voyageurdumonde** · 19/09/2010, 22h26

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

recuperer contenu d'une DIV

JavaScript

Vue hybride

Discussions similaires

Partager

Partager