ciao a tutti, scusate ma sto impazzendo con un problema che mi sembra banale ma mi sta facendo impazzire..
sto usando jquery mobile e ho creato una listview dinamica con l'append. all'interno c'è l onclik che dovrebbe chiamare una banalissima funzione di alert....
ma non va... non trova la funzione...
qualcuno sa dirmi il perchè?
cosa sbaglio?
vi allego il codice
Codice PHP:
<!DOCTYPE html>
<html>
<head>
<title>Pagine Gialle</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" />
<script src="js/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script src="js/jquery.mobile-1.2.0.js"></script>
<script type="text/javascript" src="cordova-2.2.0.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
var map1;
$(document).ready(function () {
app.initialize();
function DettaglioPoint( ){
$.mobile.changePage($('#dettaglioPoint'), 'slideup', true, false);
alert('chiamo questa funzione');
$.mobile.showPageLoadingMsg();
$.ajax({
type: "GET",
url: "http://ws.paginegialle.it/mobile/detailpg?id=" + id,
dataType: "xml",
success: parseXml
});
function parseXml(xml){
alert('sdf');
//alert($(xml).find('detail>name').text());
}
}
function SearchWithGeoloc( ){
$.mobile.changePage($('#classifica'), 'slideup', true, false);
$('#listPoint').append("[*]<a href='#' data-role='button' onClick=DettaglioPoint();><h3>provaaaaaaaa</h3>
provissimaaaaaaaaaaaaa</p></a>").listview('refresh');
//$(".magic").buttonMarkup();
$.mobile.showPageLoadingMsg();
}
$('#checkbox1').click( function() {
if ($('#checkbox1').is(':checked')) {
$('#search-1').val('Posizione corrente');
$("#search-1").textinput('disable');
}
else{
$("#search-1").textinput('enable');
$('#search-1').val('');
}
});
$('#button').click( function() {
SearchWithGeoloc();
});
});
</script>
</head>
<body>
<div class="app">
<div id="deviceready">
<div data-role="page" id="home">
<div data-role="header" data-theme="a" data-tap-toggle="false" data-position="fixed">
<h1>Pagine Gialle</h1>
</div>
<div data-role="content"> Contenuto
<p id="geolocation">Finding geolocation...</p>
Current Location (lat, lon):
<span id="currentLat">???</span>°, <span id="currentLon">???</span>° </p>
Distance from starting location:
<span id="distance">0</span> km </p>
<div id="checkboxes1" data-role="fieldcontain">
<fieldset data-role="controlgroup" data-type="horizontal">
<legend>
geoloc:
</legend>
<input id="checkbox1" name="geoloc" type="checkbox">
<label for="checkbox1">
Option
</label>
</fieldset>
</div>
<div data-role="fieldcontain">
<label for="search-1">Dove:</label>
<input type="search" name="search-1" id="search-1" placeholder="Dove?" value="" />
</div>
<div data-role="fieldcontain">
<label for="search-2">Cosa:</label>
<input type="search" name="search-2" id="search-2" placeholder="Cosa?" value="" />
</div>
<div data-role="fieldcontain">
<input type="submit" name="" id="button" value="Cerca" data-theme="b" />
</div>
</div>
<div data-role="footer" data-tap-toggle="false" data-theme="a" data-position="fixed">
<div data-role="navbar" class="custom-navbar">
<ul>[*][url="#classifica"]Classifica[/url][*][url="#profile"]Profile[/url][*][url="#attivita"]Attività[/url][/list]
</div>
</div>
</div>
<div data-role="page" id="classifica">
<div data-role="header" data-tap-toggle="false" data-theme="a" data-position="fixed">
<h1>Lista</h1>
[url="#home"]Back[/url] </div>
<div data-role="content">
<ul id="listPoint" data-role="listview">
[/list]
</div>
<div data-role="footer" data-tap-toggle="false" data-theme="a" data-position="fixed">
<div data-role="navbar" class="custom-navbar">
<ul>[*][url="#classifica"]Lista[/url][*][url="#mappa"]Mappa[/url][/list]
</div>
</div>
</div>
<div data-role="page" id="dettaglioPoint">
<div data-role="header" data-tap-toggle="false" data-theme="a" data-position="fixed">
<h1>Dettaglio</h1>
[url="#home"]Back[/url] </div>
<div data-role="content">
</div>
</div>
</div>
</div>
</body>
</html>
non riesco a richiamare DettaglioPoint() dal LI mi dice che la funzione non è definita... bho....
Rispondi quotando