Integrer des variables dans une div.

Integrer des variables dans une div. - HTML/CSS - Programmation

Marsh Posté le 27-04-2014 à 19:52:20    

Bonjour à tous,
 
Voila j'ai créé une boite de dialogue avec ce code:
 

Code :
  1. $( "#dialog" ).dialog({
  2.    autoOpen: false,
  3.    buttons: {
  4.     "Copier": function() {
  5.      $('body').css('background', 'yellow');
  6.      $( this ).dialog( "close" );
  7.     },
  8.    }
  9.   });


 
Et j'aimerai que dans la div à laquelle cette boite de dialogue fait référence, intégre des variables.
 

Code :
  1. <div id="dialog" title="Synthèse!">
  2. <p>mettre des variable javascript ici</p>
  3. </div>


 
Un exemple de variable que je voudrais intégrer:
 

Code :
  1. var dif1 = document.getElementsByName("champ16" )[0];
  2.    dif1.value = avantconso1.value - greenlimit1.value;


 
Je débute depuis une semaine en javascript ^^
 
Merci d'avance pour votre aide.

Reply

Marsh Posté le 27-04-2014 à 19:52:20   

Reply

Marsh Posté le 28-04-2014 à 09:28:01    

Regarde du côté de '.innerHTML'

Reply

Marsh Posté le 28-04-2014 à 16:15:33    

Désolé je n'y arrive vraiment pas...
 
Concrètement voila ce que j'ai
 

Code :
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  3. <head>
  4.  <link rel="stylesheet" href="style.css" />
  5.  <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
  6.  <link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/ui-darkness/jquery-ui.css" rel="stylesheet">
  7.  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  8.  <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
  9.  <script>
  10.   $(function() {
  11.     var yellowlimit = document.getElementsByName("champ13" )[0];
  12.     var bien1 = document.getElementsByName("champ14" )[0];
  13.     var avantconso1 = document.getElementsByName("champ1" )[0];
  14.     var apresconso1 = document.getElementsByName("champ2" )[0];
  15.     var greenlimit1 = document.getElementsByName("champ3" )[0];
  16.     greenlimit1.value = parseInt(yellowlimit.value * (avantconso1.value / apresconso1.value));
  17.     var conso1 = document.getElementsByName("champ15" )[0];
  18.     conso1.value = Math.round((avantconso1.value - apresconso1.value) / avantconso1.value * 10000) / 100;
  19.     var dif1 = document.getElementsByName("champ16" )[0];
  20.     dif1.value = avantconso1.value - greenlimit1.value;
  21.    $( "#dialog" ).dialog({
  22.     autoOpen: false,
  23.    });
  24.    $("#button" ).on("click", function() {
  25.     $("#dialog" ).dialog("open" );
  26.    });
  27.   });
  28.  </script>
  29.  <title>RN by Ice</title>
  30. </head>
  31. <body>
  32.  <div id="dialog" title="Synthèse!">
  33.  </div>
  34. </body>
  35. </html>


 
je rajoute quoi pour que la variable dif1 s'affiche dans la boite de dialogue?
 
Merci d'avance.

Reply

Sujets relatifs:

Leave a Replay

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