aggionare un singolo div
aggionare un singolo div postato il 29/04/2012 12:17:15 nel forum programmazione, open source e hosting
La domanda e semplice:
1) in una pagina php divisa al suo interno in vari div e possibile aggiornare un singolo DIV senza ricorere alla funzione html di aggiornamento?
esempio
<? codice php ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
......
<div class=pippo></div>
<div class=topolino></div>
.........
2) che si deve usare ajax? php? jquery? tutorial?
CRSED: F.O.A.D. ↗Pagine → 1
29/04/2012 12:32:59
Ciao Delta,
ho un pezzo di codice che passo passo ti spiegherò:
anzitutto includiamo la libreria per JQuery
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
Ed ecco poi lo script che eseguirà il Refresh del DIV da te scelto.
<script>
var auto_refresh = setInterval(
function()
{
$('#ID_DIV').fadeOut('slow').load('reload.php').fadeIn("slow");
}, 20000);
</script>
Se il tuo div non ha un ID ma una CLASS è sufficiente sostituire l'asterisco " # " con il punto " . "
Dove dice " .load(' ') " devi inserire la pagina che sarà caricata al suo interno. In questo caso "reload.php" con un fadeIn (spero tu sappia cos'è) ogni 20 secondi ( 20000 ).
Se non hai capito qualcosa, sono a tua disposizione.
29/04/2012 13:39:03
grazie angelcry provo in giornata e ti faccio sapere ^^
Exclusive Villa GdR ↗
30/04/2012 14:46:19 e modificato da delta il 30/04/2012 15:01:07
funziona ma ...
ce solo un piccolo problema sul host del mio pc funge un paio di volte poi da pagina bianca stesso discorso sul sito test appena lo carico fa il refresh ma poi mi da pagina bianca idee sul perche?
State of Survival ↗
30/04/2012 18:17:33
Penso sia dovuto alla struttura ( a livello di codice ) della pagina che includi, altrimenti non saprei, non vedo ciò che stai facendo e posso solo azzardare un'ipotesi.
Wuthering Waves ↗
30/04/2012 21:16:45
Hai ragione ti posto il codice
<? session_start();
………………
?>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var refreshId = setInterval(function() {
$(‘.pulsante3’).load('menu.php');
}, 20000);
$.ajaxSetup({ cache: false });
});
</script>
</head>
<div class="main">
<!-- INIZIO MENU -->
<div class="img">
<img src="img/locazioni/<?= $rs['Immagine'] ?>" height=100 width=190 border=0>
</div>
<div class="pulsante">
<a href="" onClick="window.open('News.php','ext3','toolbar=0, location=0, directories=0, statusbar=0, status=0, scrollbars=1, resizable=0, copyhistory=0, menuBar=0, width=900, height=645');return(false)"> <img src="img/grafica/skin01-giorno01.png" border=0> </a><br>
</div>
<div class="pulsante1">
<a href="" onClick="window.open('Giorno.php','ext3','toolbar=0, location=0, directories=0, statusbar=0, status=0, scrollbars=1, resizable=0, copyhistory=0, menuBar=0, width=900, height=645');return(false)"> <img src="img/grafica/skin01-giorno02.png" border=0> </a><br>
</div>
<div class="pulsante1">
<a href="" onClick="window.open('vecchienews.php','ext3','toolbar=0, location=0, directories=0, statusbar=0, status=0, scrollbars=1, resizable=0, copyhistory=0, menuBar=0, width=900, height=645');return(false)"> <img src="img/grafica/skin01-giorno03.png" border=0> </a><br>
</div>
<!-- FINE MENU -->
</div>
</body>
</html>
<?
mysql_close ($db);
?>
Seconda Era ↗
01/05/2012 00:58:47
Spero che la pagina che mi hai postato non sia menu.php, perchè se così fosse lui continuerebbe a caricarti la stessa pagina, incluso il codice in JQuery, il che va poco bene. Meglio se sposti l'html del menù in una pagina esterna che poi andrai a caricare con il caro JQuery, prova e poi posta il risultato. In caso vada male ti posto il codice come l'ho fatto io.
A presto :)
Raja Dunia ↗
Discussione seguita da
Pagine → 1
Rispondi alla Discussione Segui Discussione Inoltra Discussione Forum Programmazione, Open Source e Hosting Elenco Forum
Articoli, Interviste e altre Risorse!
