Ciao ragazzi,
sto facendo delle prove con phonegap. Sto cercando di fare un'applicazione che cliccando un bottone apre la galleria immagini del telefono fa scegliere una foto e la mette in un campo immagine in basso. Ho scritto questo codice:
codice:
<html>
<head>
<meta name="viewport" content="width=320; user-scalable=no" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>PhoneGap</title>
<link rel="stylesheet" href="master.css" type="text/css" media="screen" title="no title">
<script type="text/javascript" charset="utf-8" src="cordova-1.7.0.js"></script>
<script type="text/javascript" charset="utf-8" src="main.js"></script>
<script type="text/javascript">
function caricaImg(){
navigator.camera.getPicture( cameraSuccess, cameraError, { quality: 50,
Camera.sourceType = Camera.PictureSourceType.PHOTOLIBRARY});
}
function cameraSuccess(imageURI){
image = document.getElementById("viewport");
image.src = "data:image/jpeg;base64,"+imageURI;
}
function cameraError(message){
alert('Failed because: ' + message);
}
</script>
</head>
<body onload="init();" id="stage" class="theme">
<h1>premi il pulsante per prendere una foto dalla galleria</h1>
<a href="#" class="btn large" onclick="caricaImg();">carica un'immagine</a>
<a href="#" class="btn large" onclick="get_contacts();return false;">Get Phone's Contacts</a>
<dl>
<dt>Compass Heading:</dt><dd id="h">Off</dd>
</dl>
<a href="#" class="btn large" onclick="toggleCompass();return false;">Toggle Compass</a>
<div id="viewport" class="viewport" style="display: none;">
<img style="width:60px;height:60px" id="test_img" src="" />
</div>
</body>
</html>
il problema è che quando clicco sul pulsante "carica un'immagine" dice:
ReferenceError: Can't find variable: caricaImg at file:///android_asset/www/index.html:46
se però sostitusco il contenuto della funzione caricaImmagine con un alert, allroa funziona.
Come posso risolvere? Grazie