Html-Code hinzufügen, um div ohne Wechsel des aktuellen content

Ich versuche, fügen Sie dhtml div mit der id upload_results. Funktionieren sollte, ohne Austausch der aktuelle Inhalt in den div.

Den Code: (interessante Teil ist an der Unterseite)

<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-->
Sieht aus wie du ' re fehlt // für einzeilige Kommentare - dazu führen würde, dass der code nicht funktioniert.
verwenden Sie eine dieser websites, um schnell die Dinge aus dem jquery-API u müssen.stackoverflow.com/questions/1660707/..., das Zeug fällt unter die Kategorie manipulation.

InformationsquelleAutor Hamada Badran | 2013-01-12

  1. 4

    Zu append Inhalte der #upload_results element:

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

    Könnten Sie auch .innerHTML += '[...]'; aber das ist in der Regel als schlechte Praxis, da es überschreibt vorhandene DOM -, Dresch aus vorhandenen Hörer und Daten, die zuvor an die Elemente.

    Ich denke, es ist das selbe wie INNER HTML, ich habe es versucht und die gleiche Funktion haben, also es hat nicht funktioniert
    Sind Sie sicher, dass es nichts anderes gibt, sich mit den code? Ich poste ein vollständiges Beispiel, wenn nötig.
    Ich habe meinen code auch nicht funktioniert, siehe meine aktualisierte Frage..
    Ihre do_upload Funktion überschreibt die innere HTML Entleerung der upload_results element. Alle document.getElementById('upload_results').innerHTML = im code überschreiben der Inhalte, abgesehen davon, dass ich nichts dabei, was könnte schief gehen.
    Ich bin mit einer WebCam JavaScript-Tool, um Schnappschüsse, und ich möchte zeigen alle Fotos...

    InformationsquelleAutor Fabrício Matté

Schreibe einen Kommentar