Problema con innerHTML...

mmanu87

Nuovo Utente
29 Set 2013
1
0
0
Ciao a tutti.. vorrei modificare un mio image slider fullscreen in modo tale che cambi le foto della sequenza a seconda della risoluzione dello schermo.. Riusciresti a dirmi dove sbaglio?? Il codice è questo ma sembra che l innerHTML che non prenda la stringa correttamente in quanto non visualizzo niente a browser... Ovviamente la stringa dopo l"else" era quella che avevo inizialmente all interno del div"sequence" e lo slider funzionava correttamente!
Grazie a tutti per l aiuto!

HTML:
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>titolo</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="modern-slide-in/css/sequencejs-theme.modern-slide-in.css" />
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script src="modern-slide-in/scripts/jquery.sequence-min.js"></script>
        <script src="modern-slide-in/sequencejs-options.modern-slide-in.js"></script>
        <script type="text/javascript" src="js/respond.min.js"></script>
        <script type="text/javascript" src="js/modernizr-2.6.2.min.js"></script>

     <script type="text/javascript">
        window.onload = function () {
            var base = screen.width;
            var altezza = screen.height;

            if (base < 320) {
                var new_html = "
                    <ul class='sequence-canvas'> 
                        <li class='animate-in'>
                            <img class='model' src='img/vert1.jpg' alt='Model 1' ></img> 
                        </li> 
                        <li> 
                            <img class='model' src='img/vert2.jpg' alt='Model 2' ></img> 
                        </li> 
                        <li> 
                            <img class='model' src='img/vert3.jpg' alt='Model 3 ></img> 
                        </li>
                    </ul>";
                document.getElementById("sequence").innerHTML = new_html;
                }
                else {
                    var new_html = "
                        <ul class='sequence-canvas'> 
                            <li class='animate-in'> 
                                <img class='model' src='img/Silvia_Callegari_my_hand.jpg' alt='Model 1' ></img> 
                            </li> 
                            <li> 
                                 <img class='model' src='img/Silvia_Callegari_first_annoyance.jpg' alt='Model 2' ></img> 
                            </li>
                            <li> 
                                 <img class='model' src='img/Silvia_Callegari_madonna_saved_child.jpg' alt='Model 3 ></img> 
                            </li> 
                        </ul>";
                    document.getElementById("sequence").innerHTML = new_html ;
                }
        }
    </script>
    </head>
    <body>
        <div class="sequence-theme">
            <div id="sequence"> 
                
            </div>
        </div>
    </body>
</html>
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, non puoi scrivere stringhe su piu righe in javascript, devi fare cosi
Codice:
var new_html = "<ul class='sequence-canvas'>";
new_html += "<li class='animate-in'>";

etc etc
 
Discussioni simili
Autore Titolo Forum Risposte Data
M problema explorer 8 con javascript innerhtml/ajax Javascript 0
G Problema con innerHTML Javascript 0
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
G Problema con Xampp Web Server 1
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
N Problema con position absolute e overflow HTML e CSS 4
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
K [PHP] Problema con variabili concatenate. PHP 1
O problema con query PHP 4
I problema con 2 account Posta Elettronica 1
L problema collegamento file css con html HTML e CSS 1
E Problema accesso a file con app sviluppata con MIT APP INVENTOR 2 Sviluppo app per Android 0
M Problema con Try Catch PHP 0
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
R problema con else PHP 0
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
Z Problema di sincronizzazione PAYPAL con PHP PHP 1
G Problema con Get page PHP 4
P Problema con require once PHP 6
P Problema con i package Java 1
A Problema login con Safari PHP 14
F INDESIGN: problema esportazione esecutivo per la stampa con foto B/N Webdesign e Grafica 0
S problema con css bootstrap3 HTML e CSS 4
M .load() problema con caricamenti dinamici di js Javascript 0
G Problema con eccessiva nitidezza apertura Camera Raw Photoshop 0
G Problema ------- con Query PHP 1
G Problema con Query PHP 1
T problema con select dinamica con jquery Javascript 0
S Problema con spazi bianchi HTML e CSS 5
A PROBLEMA: insert mysqli con dati Tagsinput Presentati al Forum 0
Tommy03 Problema con z-index HTML e CSS 3
M Problema inserimento parole con apostrofo nel db PHP 5
C Problema con dati meteo xml XML 1
S Problema con infrarossi videocamera IP Cam e Videosorveglianza 1
V Problema con librerie allegro5 c++ C/C++ 1
M Problema con php per calcolo costo percentuale PHP 7

Discussioni simili