crash della pagina al refresh di alcuni div

parsifal

Nuovo Utente
18 Gen 2014
26
0
0
salve, ho un problema abbastanza serio nella mia pagina.
in pratica nella mia pagina di index ho 3 diversi div che richiamano 3 diverse pagine html esterne tramite dei
Codice:
require('PlayerJquery.html');
. il problema è sorto nel momento in cui devo far refreshare queste 3 pagine ognuna con tempi differenti.
nel singolo div ho prima creato una pagina html così:
HTML:
<html>
	<head>

	</head>
	<body>

<div id='listenedSong'></div>
				
		<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
		<script type="text/javascript">
				$(document).ready(function(){
					$('#listenedSong').load('listenedSong.php');
					
				});
		</script>
	
		
	</body>
</html>

e questo è uno spezzone del php richiamato dalla pagina html:
PHP:
<a onClick="listenedSong('refresh')">click to refresh</a>
<?php
while($row=mysql_fetch_array($result5))
{
  $user_base=$row[5];
  $title_song=$row[1];
  $artist = $row[2];
?>

<article class="post">	
  <img src="img/ironman.png">
  
  <header>
    <h2><a href="#" rel="bookmark"><? echo $user_base; ?> </a></h2>
  </header>
  
  <content>
    <p> title: <?php echo "$title_song"; ?></p>
    <p> Artist: <?php echo "$artist"; ?> </p>
  </content>
  
</article>

<br>
<?php
 }
 ?>
 <script>
      var auto_refresh = setInterval(
      function()
       {
         $('#listenedSong').load('listenedSong.php');
       }, 50000);
    </script>
    	
                  
                  <script type='text/javascript'>
                  	function listenedSong(refresh){
                    	$('#listenedSong').fadeOut('slow').load('listenedSong.php').fadeIn('slow');
                    
                    }
                  </script>

ho applicato grosso modo questa procedura a tutti e 3 i div presenti nella index, 2 di loro si refreshano ogni x secondi mentre 1 si refresha al verificarsi di un evento, e tutto inizialmente sembra funzionare. nella pagina principale mi stampa tutto correttamente e i refresh dei div sono perfetti.
Il problema è che dopo pochi minuti va totalmente in crash l'intera pagina se non l'intero browser.
qualcuno ha idea di quale possa essere il problema di questi crash?
grazie in anticipo
 
Ciao, se non ho capito male includi 3 volte la libreria jquery.
Questo potrebbe creare problemi. La libreria va inclusa solo una volta e possibilmente la più recente.
Prova a richiamarla solamente solamente nella pagina principale.
 
Ciao, se non ho capito male includi 3 volte la libreria jquery.
Questo potrebbe creare problemi. La libreria va inclusa solo una volta e possibilmente la più recente.
Prova a richiamarla solamente solamente nella pagina principale.

come mi hai consigliato, ho inserito tra gli <head> dell'index:
Codice:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
e l'ho tolto da tutti gli altri file.
una volta aperta la pagina, impiega qualche secondo in più a caricare la pagina e adesso invece di crashare dopo qualche minuto crasha dopo pochi secondi.


ps: ho notato che su firefox ci mette qualche minuto in più prima di crashare.
nel caso il problema sia la versione di jquery usata, quale dovrei usare per gestire al meglio questi div?
qualche altra idea?
 
Ultima modifica:
La hai online ? si può vedere ?
non è online purtoppo.
questa è la pagina index.php:
HTML:
<?php
	session_start();
	 
?>
<!DOCTYPE html>
<html lang="en">
<head>
	<title>Juker</title>
	<meta charset="utf-8" />
	<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css">
	<link rel="shortcut icon" href="http://sstatic.net/stackoverflow/img/favicon.ico">
	<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
	<link rel="icon" href="img/favicon.ico" type="image/x-icon">
	<link rel="stylesheet" href="style.css" type="text/css" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
    <script>
	function swap(one, two) {
		document.getElementById(one).style.display = 'block';
		document.getElementById(two).style.display = 'none';
	}
	</script>
	

</head>

	

<body class="body" style="overflow-y:scroll";>
	
	<header class="mainHeader">
		<nav><ul>				
			<li class="active"><img src="img/bear.jpg" style="border-radius:50%"></li>
			<li class="active"><a href="#"><?php $_SESSION['nomelocale']; ?></a></li>
			<li class="active"><input type=search placeholder=Search... name="nomelocale"></li>
		</ul></nav>
	</header>
		
	<div class="mainContent">
	
		<div class="container" id="container">	
			<ul id="tabs" class="menu">
				 <li><a onClick="swap('one', 'two')">Just played songs</a></li>
				 <li><a onClick="swap('two', 'one')">Contol panel</a></li>
			</ul>
			
			<div class="content">
				<div class="tab1" id="one" >
					<? require('listenedSong.html'); ?>
				</div>
				
				<div class="tab2" id="two" style="display:none">...</div>
			</div>
			
			
			
		</div>
		
		<aside class="player-sidebar">
			<article>
				<?php require('PlayerJquery.html'); ?>
				
			</article>				
		    
			<h4 margin-top="0">Songs List</h4>
			<div style="overflow-y:scroll";>
			<?php require('songToPlay.html'); ?>
				
			</div>
			
			
			
		</aside>  
	</div>

</body>
</html>
 
qui manca l'apertura di php
PHP:
<? require('listenedSong.html'); ?>
 
sistemato il require ma il problema persiste.
oltre ad un problema di libreria, potrebbe creare problemi il fatto che tutti e 3 i div che devo refreshare nella index sono all'interno dell'unico div:
Codice:
<div class="mainContent">
?
 
ancora non sono riuscito a trovare una soluzione, qualcuno che abbia qualche consiglio?
 

Discussioni simili