Javascript non sempre caricato

**braskal** · 08-09-2016, 10:12

Buongiorno, sto riscontrando un problema su uno script che ho inserito in una pagina.

Il problema è che non viene caricato quasi mai all'apertura della pagina ma devo sempre ricaricarla, e a volte anche più di una volta. Il codice che inserisco qui è della pagina ma c'è anche un rimando ad un altro file .js

Anticipo subito dicendo che di javascript capisco poco e niente e lo script l'ho preso dal web.. Ho solo ritoccato un pò l'aspetto grafico modificando i css.

Ho oscurato i dati di database e title per privacy.

codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="css/tabstyle.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/elastislide.css" />
<script src="js/modernizr.custom.17475.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquerypp.custom.js"></script>
<script type="text/javascript" src="js/jquery.elastislide.js"></script>
<link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
 <title>TITOLO</title>
</head>

<body>
<?php
$id = $_GET['id'];
$myconn = mysql_connect('localhost', 'UTENTE', 'PASSWORD') or die('Errore...');mysql_select_db('NOMEDB', $myconn) or die('Errore...');
$query = "SELECT * FROM 'NOMETABELLA' WHERE id =" . $id;
$result = mysql_query($query);
$resrow = mysql_fetch_row($result);    
$id = $resrow[0];    
$titolo = $resrow[1];    
$prezzo = $resrow[2];    
$descr = $resrow[3];    
$foto = $resrow[4];    
$foto2 = $resrow[5];    
$foto3 = $resrow[6];    
$foto4 = $resrow[7];    
$foto5 = $resrow[8];    
$foto6 = $resrow[9];    
$foto7 = $resrow[10];    
$foto8 = $resrow[11];    

echo "<table class='autotab'>                                 
          <tr>               
          <td rowspan='5'  style='border-right:1px dotted #f60;max-width:260px;'>                                             <div class='gallery'>                                    
                  <!-- Wrapper galleria Carousel -->                              
                       <div class='image-preview'>                     
                            <img id='preview' src='" . $foto . "'/>                  
                       </div>                                      
<ul id='carousel' class='elastislide-list'>                
<li data-preview='" . $foto . "'><a href='#'><img src='" . $foto . "'/></a></li>                
<li data-preview='" . $foto2 . "'><a href='#'><img src='" . $foto2 . "'/></a></li>                
<li data-preview='" . $foto3 . "'><a href='#'><img src='" . $foto3 . "'/></a></li>                
<li data-preview='" . $foto4 . "'><a href='#'><img src='" . $foto4 . "'/></a></li>                
<li data-preview='" . $foto5 . "'><a href='#'><img src='" . $foto5 . "'/></a></li>                                    
<li data-preview='" . $foto6 . "'><a href='#'><img src='" . $foto6 . "'/></a></li>                
<li data-preview='" . $foto7 . "'><a href='#'><img src='" . $foto7 . "'/></a></li>                
<li data-preview='" . $foto8 . "'><a href='#'><img src='" . $foto8 . "'/></a></li>                          
</ul>
           </div>"        
;?>                

<script language="javascript">            

var current = 0,                
$preview = $( '#preview' ),                
$carouselEl = $( '#carousel' ),                
$carouselItems= $carouselEl.children(),                
carousel = $carouselEl.elastislide( {                    
                 current : current,                    
                 minItems : 4,                    
                 onClick : function( el, pos, evt ) {
                        changeImage( el, pos );                       
                        evt.preventDefault();
                    },                    
                 onReady : function() {
                        changeImage( $carouselItems.eq( current ), current);                                            }                
} );
            function changeImage( el, pos ) {
                $preview.attr( 'src', el.data( 'preview' ) );                
                $carouselItems.removeClass( 'current-img' );                
                el.addClass( 'current-img' );                
                carousel.setCurrent( pos );
            }
</script>            

<?php         echo "                                             </td>           </tr>                                 <tr>                 <td style='max-width:180px;height:50px;max-height:50px'><h1>" . $titolo . "</h1></td>           </tr>                                 <tr>                <td style='max-width:180px;height:50px;max-height:50px''><p class='prezzo'>€ " . $prezzo . "</p></td>           </tr>                                 <tr>                <td style='max-width:180px;height:350px;max-height:350px'><p class='descr'>" . $descr . "</p></td>           </tr>                     </table>                      <form style='position:absolute; width:70px; height:50px; float:left; margin-bottom:20px;margin-left:50%;left:-35px;'>             <input type=submit value='Chiudi scheda' onClick='javascript:window.close()' id='close'>           </form>";

mysql_close($myconn);?>

</body></html>

**cavicchiandrea** · 08-09-2016, 19:23

Se devi ricaricare la pagina, potrebbe essere un problema di cache del browser, verifica se da errori nella console.

**braskal** · 09-09-2016, 11:54

Originariamente inviata da cavicchiandrea

Se devi ricaricare la pagina, potrebbe essere un problema di cache del browser, verifica se da errori nella console.

Mh dubito in quanto ho usato browser diversi e ho pulito più volte sia cache che file temporanei..

**ciro78** · 09-09-2016, 12:28

senza una pagina da valutare difficilmente ti si può aiutare

**braskal** · 18-09-2016, 15:17

Puoi andare su www.soulcars.net e cliccare su un auto qualsiasi. Nella finestra che si apre c'è il codice!

**cavicchiandrea** · 18-09-2016, 18:13

Io non riscontro problemi

**braskal** · 18-09-2016, 19:03

Originariamente inviata da cavicchiandrea

Io non riscontro problemi

Lo script carica correttamente? hai provato a cliccare sulle varie foto e a scorrerle?
Che browser usi?

**ciro78** · 18-09-2016, 21:14

anche per me tutto funziona bene. sarà che le immagini pesano più di 3 mega?

ovvio che al reload funzioni il browser le ha in cache

**chumkiu** · 18-09-2016, 22:28

Nell'html finale hai una lista "vuota"

codice:

<li data-preview=''><a href='#'><img src=''/></a></li>

Questo potrebbe rompere il plugin elastislide che fa dei check sulle immagini (con un altro plugin imagesLoaded).
E' possibile che scatta qualche condizione che unita alle immagini molto grandi che hai (a proposito, crea delle anteprime di piccole dimensioni) può far scattare qualche bug del plugin quando ci mette troppo a caricare.

In alternativa, come patch, puoi far scattare tu il plugin al document ready:

codice:

$(function() {
     var current = 0; 
    // etc etc etc
});

ah e usa

codice:

<script type="text/javascript">

Invece di Language="javascript".

Discussione: Javascript non sempre caricato

Strumenti discussione

Ricerca discussione

Visualizza

Javascript non sempre caricato

Permessi di invio