So che sul lato server, questo può essere fatto facilmente dallo script lato server, ma lo sviluppo dello sviluppo PhoneGap
è sulla copia locale. Così come posso riutilizzare/includere una pagina HTML
in un'altra pagina HTML (senza violare la stessa politica di origine)?PhoneGap Come riutilizzare/includere la pagina HTML?
risposta
È possibile utilizzare molte buone librerie disponibili durante lo sviluppo di un'applicazione che utilizza PhoneGap
.Se siete a conoscenza di jQuery Mobile
library.Using questa libreria è possibile includere più pagine HTML in un unico page.I am PhoneGap
developer.I hanno sviluppato singola pagina applicazione utilizzando questa libreria jQM
.
hanno lavorato sul Ajax navigation.So, nessuna pagina ricaricare le side.This cliente renderà il vostro prestazioni app dramatically.You hanno HTML5
localStorage.Store tutti i dati in un solo colpo Ajax e navigare attraverso le pagine multiple.
Ecco il link: jQuery Mobile
Inoltre è possibile utilizzare pager.js libreria per caricare più HTML
pagine in un singolo di page.It molto facile da imparare.
Spero che questo ti possa aiutare.
Link errato su jQuery Mobile FYI - si collega a pager.js –
È possibile recuperarlo con una richiesta Ajax e quindi inserirlo nella pagina. Io uso angular.js e questo è ciò che fa dietro le quinte ... Potresti preferire qualcosa di più semplice come la funzione di caricamento di jquery: http://api.jquery.com/load/.
Ciao, ho provato questo metodo nel browser Web, avremo il problema della stessa politica di origine se proviamo a ajax recuperare un file locale. Dato che phonegap si concentra sul file locale, usando ajax, avremo lo stesso problema giusto? – GMsoF
Se si sta sviluppando sul proprio computer locale, è necessario eseguire e server http per servire i file. OSX viene fornito con apache, che è quello che uso, ma è un po 'difficile da configurare. Puoi usare qualche cosa LAMP o semplicemente andare alla cartella contenente i tuoi html ed eseguire "python -m SimpleHTTerver". SimpleHTTPServer a volte manca richieste ma funziona. Il nodo –
è anche un'altra opzione per un semplice server http. – Kieran
Il caricamento del contenuto tramite Ajax è la soluzione migliore, ma JSONP sarebbe un modo alternativo per caricare il contenuto con Ajax. JSONP non causa gli stessi problemi di politica di origine.
Inserire il codice HTML in un file JS caricato e visualizzato tramite script-tag. Es .:
JSONP-File:
var dialogComponentHTML = "<form>your html code...</form";
$(document).ready(function() {
$("#your_placeholder").html(dialogComponentHTML);
});
HTML-File:
<script type="text/javascript" src="dialog.jsonp">
<div id="your_placeholder"></div>
Vedi anche http://en.wikipedia.org/wiki/JSONP
- 1. Reindirizzamento alla pagina html locale da javascript in PhoneGap
- 2. Come restituire la pagina html dall'azione WebApi?
- 3. Pagina iniziale caricamento pagina esterna Cordova/PhoneGap
- 4. phonegap: aprire la pagina esterna e poi tornare all'app
- 5. più HTML nelle applicazioni PhoneGap
- 6. Recupera la pagina HTML e la memorizza in MYSQL- Come
- 7. Carica la prima pagina su splashscreen utilizzando PhoneGap su Android
- 8. Come salvare la pagina attuale di aspx come HTML
- 9. Apri la pagina html all'interno di fancybox
- 10. Come oscuro l'intera pagina? (html)
- 11. Analizza la pagina html completa con jquery
- 12. PhoneGap Disabilita schermata Ruota su singola pagina?
- 13. Come implementare la comunicazione Bluetooth con PhoneGap?
- 14. PhoneGap - Android - navigazione a scorrimento in PhoneGap
- 15. visualizza la pagina html con node.js
- 16. Backbone.js e PhoneGap, pagina singola o multipla?
- 17. Selenium scarica la pagina full html
- 18. Ottieni la selezione della pagina incluso HTML?
- 19. Strumento per la minzione dell'intera pagina HTML?
- 20. Margine durante la stampa della pagina HTML
- 21. il video Vimeo incorporato non giocherà in un'applicazione PhoneGap, ma lo stesso HTML funziona senza PhoneGap
- 22. Come esportare la pagina html in formato pdf?
- 23. Come si crea una pagina HTML amichevole per la stampante?
- 24. Come rendere la pagina Html statica attraverso HttpModule in IIS7.0?
- 25. Salva la pagina corrente come HTML sul server
- 26. Come caricare la pagina html locale utilizzando l'intenzione in Android?
- 27. Come navigare da una pagina ad un'altra in Android PhoneGap?
- 28. Life Cycle pagina HTML
- 29. Come smettere di caricamento della pagina in pagina statica HTML
- 30. Apri PDF nell'app PhoneGap realizzata in HTML e CSS
Potete fornire qualche codice? – Mkpatel
Hai provato un iframe? –
@ L'iframe di TasosBitsios non è quello che voglio, ad esempio, voglio usare un componente di dialogo personalizzato (un contenitore div) su tutta la pagina, non voglio copiare il contenuto HTML su tutta la pagina, quindi come posso fare ? – GMsoF