Ajouter du code html de div sans remplacer le contenu actuel de ce

Je suis en train d'ajouter dhtml pour le div avec l'id upload_results. Cela devrait fonctionner sans le remplacement de l'actuel contenu dans le div.

Le Code: (partie intéressante est en bas)

<script language="JavaScript">
 function do_show() {
      $("#webcamContainer").fadeIn('');
  }

  webcam.set_hook( 'onComplete', 'my_completion_handler' );

  function do_upload() {
       upload to server
      document.getElementById('upload_results').innerHTML = '<div>Uploading...</div>';
      webcam.upload();
  }

  function my_completion_handler(msg) {
       extract URL out of PHP output
      if (msg.match(/(http\:\/\/\S+)/)) {
          var image_url = RegExp.$1;
           show JPEG image in page
          $("#upload_results").fadeIn('');
          //document.getElementById('upload_results').innerHTML = '<a target="_blank" href="'+image_url+'"><img style="border:#ccc 5px solid;" src="'+image_url+'" width="100px"></a>';//I think here should be something changed
    $('#upload_results').append('<a target="_blank" href="'+image_url+'"><img style="border:#ccc 5px solid;" src="'+image_url+'" width="100px"></a>');      
           reset camera for another shot
          webcam.reset();
      }
      else alert("PHP Error: " + msg);
  }
 </script>


 <div id="upload_results" class="video_header" style="display:none;"></div><!--add data here , without replace current content in div-->
On dirait que vous êtes absent // pour seule ligne de commentaire, qui aurait le code risque de ne pas fonctionner.
utiliser l'un de ces sites web pour trouver rapidement la substance à partir de l'API jquery u besoin.stackoverflow.com/questions/1660707/... ce genre de choses relèvent de la catégorie de la manipulation.

OriginalL'auteur Hamada Badran | 2013-01-12

  1. 4

    À append contenu de la #upload_results élément:

    $('#upload_results').append('<a target="_blank" href="'+image_url+'"><img style="border:#ccc 5px solid;" src="'+image_url+'" width="100px"></a>');

    Vous pouvez également utiliser .innerHTML += '[...]'; mais qui est généralement considéré comme une mauvaise pratique car il écrase les DOM, spoliant les auditeurs et les données précédemment rattachées aux éléments.

    Je pense que c'est la même comme INTÉRIEURE HTML, j'ai essayé et la même fonction, donc il n'avait pas de travail
    Êtes-vous sûr il n'y a rien d'autre interférer avec le code? Je vais poster un exemple complet si nécessaire.
    J'ai changé mon code, aussi ne fonctionne pas, voir ma mise à jour de question..
    Votre do_upload fonction remplace l'intérieur HTML vidange de la upload_results élément. Tout document.getElementById('upload_results').innerHTML = dans votre code va remplacer le contenu, mis à part que je ne vois pas ce qui pourrait aller mal.
    Je suis l'aide d'une WebCam JavaScript Outil pour prendre des clichés et j'en veux pour preuve toutes les photos prises...

    OriginalL'auteur Fabrício Matté

  2. 6

    découvrez: insertAdjacentHTML méthode:

    https://developer.mozilla.org/en-US/docs/DOM/element.insertAdjacentHTML

    OriginalL'auteur Eru