jquery - Load HTML Snippets into DOM -


i'm trying come best way maintain site lots of pages, , i've opted create separate html files "common" html elements header , footer.

currently, index.html page set this, jquery function supposed inject contents of text.html footer div.

<html> <head> <title>test site</title> <script src="jquery-1.8.3.min.js" type="text/javascript"></script> <script type="text/javascript">     $(function () {       $("#footer").load("text.html");     }); </script> </head> <body>     <div id="footer"></div> </body> </html>

the contents of text.html are:

<div style="red">     hello, world! </div>

this doesn't seem work , getting following error

xmlhttprequest cannot load file:///users/jon/desktop/text.html. origin null not allowed access-control-allow-origin

question: possible via jquery, or have use php/something else? know wordpress similar, i'm pretty sure use php. method sustainable if can work.

you can't load file:// urls in browsers via ajax requests or origin null not allowed access-control-allow-origin. believe firefox let you, chrome/safari don't. ( see google chrome --allow-file-access-from-files disabled chrome beta 8 more)

the easiest thing run local webserver, won't error.

also, in terms of doing, there nicer libraries jquery. i'm using https://github.com/linkedin/dustjs/wiki/reusable-ui-dust-modules - similar how define mustache partials in html? - both have partials/includes of other files. @ http://pagerjs.com/

one other project worth checking out http://docpad.org/ - install webserver you. once finished working on site, can generate static html parts.


Comments

Post a Comment

Popular posts from this blog

Pull out data related to my apps from Android Play Store and iOS App Store -

i want pull out data related apps (ratings, reviews, etc) google play store , apple app store ? how can accomplish ? i have found open source apis google mentioned not reliable. also there paid apis (e.g. appfigures) available. has idea how able pull data these play stores ?? i looking direction on how can accomplish this. can suggest ? we (appfigures) have been working on developing infrastructure give ability reviews , bunch of other data points major app stores several years :] we make available via our api though may want check out.
Read more

Change php variable from jquery value using ajax (same page) -

what i'm trying this: i've php global variable $currentid , simple jquery script check if there "id" (page) in hash of url , if yes wanted give value $currentid . i've been reading lot , notice shall use ajax i'm not managing it. my code is: <script type="text/javascript"> $(document).ready(function(){ if (parent.location.hash != '' ) { var thecurrentid = parent.location.hash.split('#')[1]; $.ajax({ url: 'my.php', //current page type: 'post', data: {theid: thecurrentid }, datatype: 'json', success: function () { } }); } // code here }); </script> could me please? thank in advance. php server side language, meaning once has sent data browser, php variables , data cannot changed... however, using ajax, can send request php page , change data in dom based on result. consider th...
Read more

How can I fetch data from a web server in an android application? -

i want retrieve data web server in android application, , don't know begin. should use web services? i recommend these tutorials: connect android php , mysql , json in android , php , mysqli i used these tutorials , managed trying working without difficulty. between them describe each step in how attempting @ each stage, android application, database , web server side , has information included can process , use received information the thing add connect android php , mysql tutorial makes use of mysql_ in php deprecated. better use mysqli why included third link. the basic outline of want this: 1) in android app make request server php script using class this: import java.io.bufferedreader; import java.io.ioexception; import java.io.inputstream; import java.io.inputstreamreader; import java.io.unsupportedencodingexception; import java.util.list; import org.apache.http.httpentity; import org.apache.http.httpresponse; import org.apache.http.namevaluepair...
Read more