2012-07-14 96 views
0

我想用jpegCam與jQuery。我試圖使用jquery模式對話框來打開jpegcam窗口,但document.write(webcam.get_html(320, 240));存在問題。jpegcam在jQuery的模式對話框

我這裏是我的代碼:

<fieldset> 
    <legend>scan</legend> 
    <table> 
    <tr> 
    <td> 
    <script language=\"JavaScript\"> 
     webcam.set_api_url('core/img_upload/_php_upload_doc_img.php'); 
     webcam.set_quality(99); // JPEG quality (1 - 100) 
     webcam.set_shutter_sound(true); // play shutter click sound 
    </script> 
    <div id='web'> 
    <script language=\"JavaScript\"> 

    document.write(webcam.get_html(320, 240)); 

    </script> 
    </div> 
    </td> 
    <td> 

    <script language=\"JavaScript\"> 
     webcam.set_hook('onComplete', 'my_completion_handler'); 

     function take_snapshot() { 
      // take snapshot and upload to server 
      document.getElementById('upload_results').innerHTML = '<p>uploading...</p>'; 
      webcam.snap(); 
     } 

     function my_completion_handler(msg) { 
      // extract URL out of PHP output 
      if (msg.match(/(https\:\/\/\S+)/)) { 
       var image_url = RegExp.$1; 
       // show JPEG image in page 
       document.getElementById('upload_results').innerHTML = 
        '<img src=\"' + image_url + '\">'; 

       // reset camera for another shot 
       webcam.reset(); 
      } 
      else alert(\"PHP Error: \" + msg); 
     } 
    </script> 



<div id=\"upload_results\" ></div> 
</td> 
</tr> 
</table> 
<div class='div_button'> 
<table class='pok'> 
<tr> 
<form> 
     <input type='button' value=\"skenuj\" onClick=\"take_snapshot()\" class='web' /> 
     <input type='button' value=\"konfigurace\" onClick=\"webcam.configure()\" class='web' /> 

    </form> 
</td> 
</tr> 
</table> 
</fieldset> 


    jquery functions 

    $('#sc_id').dialog({ 
        autoOpen: false, 
        width: 800, 
        modal:true, 

       }); 

    $('#scan_id').click(function(){ 
       $('#sc_id').dialog('open'); 
       return false; 
      }); 

jpegcam來源:webcam.js和webcam.swf是沒有變化..... 感謝任何答覆...... :)

回答

2

你必須把這個在你的SC的頂部

<script src="../../Scripts/jpegcam/htdocs/webcam.js" type="text/javascript"></script> 

<script src="../../Scripts/jpegcam/htdocs/._webcam.js" type="text/javascript"></script>