Gestire pagine con ajax

**Davy96** · 27-03-2013, 13:36

Salve a tutti nonostante sia proprio a digiuno con il javascript sto cercando di sviluppare un sito con ajax ...con un po' di fatica e tanto tempo sono riuscito ad realizzare questa pagina che ha in se un po' di jquery ,ajax e php ....
il tutto funziona abbastanza bene ,però a volte c'è "penso" un bug che credo sia dovuto allo script in ajax e che mi restituisce una pagina vuota

per favore ...potete dare un ' occhiata e dirmi cosa devo modificare ?

grazie in anticipo

Codice PHP:


<html> 

<head> 

<link rel="stylesheet" type="text/css" href="la.css"> 

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"> 

</script>

<meta charset="utf-8"> 

<title>TITOLO</title> 

<style>

un po' di css ma non credo faccia parte del problema

</style> 

<script>

$(function() {

    $('li a').on('click', function() {

        $('#content').css("background-image", "url([url]http://www.sanbaldo.com/wordpress/wp-content/bigrotation2.gif[/url])");

        $('#content').load($(this).attr("href"), function() {

            $('#content').css("background-image", "none");

        });

        return false;

        });

      });

</script>



</head> 

<body> 

<div id=tabprincipale> 



Lista link:</p> 

<ul id="tab"> 

<?php 



$al=Array (

"i1"=> array("1recordA","2recordA"),                           

"i2"=> array("1recordB","2recordB"),

"i3"=> array("1recordC","2recordC"), 

"i4"=> array("1recordD","2recordD"),

"i5"=> array("1recordE","2recordE"),

 ); 





foreach($al as $al['it1']) {



$n = $al['i1']; 

echo "[*][url='final.php?n_feed=".$n[0]."&i_feed=".$n[1]."']".$n[0]."[/url]";

 

}

 ?> [/list]

<div id="content" ><h1>Paginiziale</h1> </div> 

</div> 

</div> 

</body> 

</html>

**cavicchiandrea** · 27-03-2013, 13:53

Prova cosi

codice:

<script> 
$(function() { 
    $('body').on('li a', 'click', function() { 
        $('#content').css({"background-image":"url('http://www.sanbaldo.com/wordpress/wp-content/bigrotation2.gif')","background-image": "none"}).load($(this).attr("href"), function() { 
        return false;
}); 
}); 
}); 
</script>

**Davy96** · 27-03-2013, 14:23

ho messo il tuo script ed adesso quando clicco su un link me lo apre in una nuova pagina ...
quindi penso che ci sia qualcosa che non va

(forse a causa del body ?)

**cavicchiandrea** · 27-03-2013, 14:44

codice:

<script> 
$(function() { 
    $('body').on('li a', 'click', function() { 
        $('#content').css({"background-image":"url('http://www.sanbaldo.com/wordpress/wp-content/bigrotation2.gif')","background-image": "none"}).load($(this).attr("href"), function() { 
        }); 
return false;
}); 
}); 
</script>

**Davy96** · 27-03-2013, 15:03

niente da fare ..fa lo stesso dello script precedente

**cavicchiandrea** · 27-03-2013, 15:47

Metti un link alla pagina pubblica

**Davy96** · 27-03-2013, 22:40

non posso adesso ma..io vorrei sapere qualcuno non puo' scrivermi uno script simile che funzioni bene senza bug

**cavicchiandrea** · 27-03-2013, 23:40

ok, codice funzionante

codice:

    <script type="text/javascript"> 
$(function() { 
    $('body').on('click', 'li a', function() {
    $('#content').css({"backgroundColor":"#ccc"}).load($(this).attr("href")); 
	return false;
}); 
}); 
</script>

testato qui

P.S. chiramente i link dei href devono far parte del dominio devono essere pagine interne non esterne di un altro dominio

**Davy96** · 28-03-2013, 17:16

ok....grazie mille...ora funziona tutto benissimo

comunque avrei un' altra domanda .....si puo' inserire un comando che quando clicco su quei link mi porti anche e in automatico a top pagina (e da sta mattina che ci sto provando!

)

**cavicchiandrea** · 28-03-2013, 18:07

codice:

<script type="text/javascript"> 
$(function() { 
    $('body').on('click', 'li a', function() {
    $('#content').css({"backgroundColor":"#ccc"}).load($(this).attr("href")); 
$('body, html).scrollTop(0)
	return false;
}); 
}); 
</script>

Discussione: Gestire pagine con ajax

Strumenti discussione

Ricerca discussione

Visualizza

Gestire pagine con ajax

Permessi di invio