Salve a tutti ... volevo sapere cosa c'è che non va a questo codice ,il suo compito sarebbe quello di far comparire una pagina html a seconda del link senza ricaricare tutta la pagina
secondo voi cos'è che non va ?? mi appare il paragrafo con l' id="content" vuotocodice:<html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"> </script><meta charset="utf-8"> <title>ciaociao</title> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style> article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; } #content{border:1px solid grey; height:700px; width:900px; background-repeat:no-repeat; background-position: center center; overflow: scroll;} ul{list-style-type:none;} ul li{display:inline;margin-left:20px; padding: 4px; border:1px solid grey;} </style> <script> $(function() { $('li a').live('click', function() { $('#content').css("backgroundimage","url(http://www.sanbaldo.com/wordpress/wp...grotation2.gif)"); $('#content').load(this.href, function() { $('#content').css("background-image", "none"); }); return false; }); }); /* una variante... $(document).ready(function() { $('li a').live('click',function(){ $('#content').css("background-image", "url(http://www.sanbaldo.com/wordpress/wp...grotation2.gif)"); $('#content').load(this.href, function() { $('#content').css("background-image", "none"); }); return false; }); }); ?*/ </script> </head> <body> <ul>[*]Pag 1 (pi)[*]Pag 2[*]Pag 3 [/list] <p id="content" style="background-image: none;"><h1>Pag2</h1> pag2</p></p> "></div> </body> </html>
Rispondi quotando
esito gli hosting free (vedi altervista), senza vedere il contesto totale non posso fare molto di più 
