[RISOLTO] Giocare con i cicli e i bg

PazzoFrontEnd

Utente Attivo
8 Ott 2013
46
0
6
Codice:
                       <ul class="scelta">
                            <li class="left">
                                
                                <div class="imgLeft palla"></div>  
                                  
                                <span>Palla</span>

                            </li>

                            <li class="right">
                               
                                <div class="imgRight trottola"></div>  
                                
                                <span>Trottola</span>

                            </li>
                        </ul>

Codice:
	     $("ul.scelta li div").each(function(){
                    var name_Img = $(this).attr('class').split(' ').slice(-1); //così prendo l'ultima classe 
                    var path_Img= name_Img+'.png';
                    $(this).css({ 
                      "background" : "url('"+path_Img+"') no-repeat left center",
                      "background-size" : "100%"
                  });

                });

Ciao a tutti! Ho un problema jQuery che non riesco a risolvere. Praticamente ho un ul con all'interno due div che in base alla seconda classe (inserita dinamicamente da un altro js) prenderanno un bg definito e dinamico. Per questo motivo ho ciclato i div all'interno dell'ul (in linea di massima saranno sempre due...) e, andando a scomporre il numero delle classi, mi sono preso l'ultima all'interno dell'attributo "class" (nel mio caso "palla" e "trottola"). Premesso che la prima classe non posso assolutamente eliminarla "imgLeft" e "imgRight" perchè mi regolano lo stile, il mio problema è che SE la seconda classe manca (per es. "palla") il div deve avere come bg un'immagine di placeholder ( background: url("placeholder.png") no-repeat; ) dichiarata gia nei css.
Come posso fare lato jquery a far capire sta cosa? allo stato attuale se la seconda classe manca mi sovrascrive l'immagine di placeholder e non mi mette nulla.
Grazie e se avete bisogno di chiarimenti non esitate a chiedere! :)
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, potresti fare cosi
Codice:
$("ul.scelta li div").each(function() {

            var path_Img
            var name_Img = $(this).attr('class').split(' ');

            if (name_Img.length > 1) {
                path_Img = name_Img.slice(-1) + '.png';
            } else {
                path_Img = 'placeholder.png';
            }

            $(this).css({
                "background": "url('" + path_Img + "') no-repeat left center",
                "background-size": "100%"
            });

        });
non ho commentato, se hai bisgono chiedi pure
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
"non funziona" non aiuta a capire cosa non funziona
comunque ho provato cosi
HTML:
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>
    $(document).ready(function() {
        $("ul.scelta li div").each(function() {
            var path_Img
            var name_Img = $(this).attr('class').split(' ');

            if (name_Img.length > 1) {
                path_Img = name_Img.slice(-1) + '.png';
            } else {
                path_Img = 'placeholder.png';
            }

            alert(path_Img);

            $(this).css({
                "background": "url('" + path_Img + "') no-repeat left center",
                "background-size": "100%"
            });
        });
    });
</script>
<ul class="scelta">
    <li class="left">
        <div class="imgLeft"></div>  
        <span>Palla</span>
    </li>
    <li class="right">
        <div class="imgRight trottola"></div>  
        <span>Trottola</span>
    </li>
</ul>
e assegna l'immagine giusta
ho messo un alert per evidenziare quale immagine verrà caricata
 

PazzoFrontEnd

Utente Attivo
8 Ott 2013
46
0
6
evvaiii funziona alla grandE! ti ringrazio!..ps non so cosa sia successo prima, che non andava...l importante è che adesso funzioni avrò dimenticato qualcosa! grazie ancora! :)
 
Discussioni simili
Autore Titolo Forum Risposte Data
L (risolto) MySQL 0
B getElementById su piu id(Risolto) Javascript 7
L Esercitarsi con Js [RISOLTO] Javascript 4
C [RISOLTO]Inserimento variabile php in input html PHP 20
L risolto visualizzazione e ordinamento dati PHP 1
moustache [RISOLTO] SQL PHP IIS PHP 8
Sergio Unia Ricezione email con destinatari multipli [Risolto] PHP 2
L update tabelle in php mysql [risolto] PHP 6
M Semplice visualizzatore di immagini [risolto con plugin wp] PHP 7
L [RISOLTO] Stampa a video risultato count in html PHP 13
L [RISOLTO] Eliminare una discussione creata PHP 3
tomorc [HTML] Problema con scroll bar (risolto) HTML e CSS 0
A [PHP] Problema query insert [RISOLTO] PHP 14
B [PHP] recuperare IP dei server in load balancing [RISOLTO] PHP 3
K [RISOLTO] Problema Griglia Php+Mysql PHP 13
S [RISOLTO] aggiorna tabella da select option asp classic Classic ASP 7
elpirata [RISOLTO][Javascript] Datapicker e autocompletamento campo input Javascript 2
elpirata [RISOLTO][Mysql] Problema insert valori apostrofati MySQL 1
elpirata [RISOLTO][Mysql] Contare le occorrenze in un campo tipo varchar MySQL 2
G [MS Access] Gestione biglietti [RISOLTO] MS Access 2
G [MS Access] Casella combinata & Query [RISOLTO] MS Access 4
G [MS Access] Query mese corrente con conteggio [RISOLTO] MS Access 2
M [RISOLTO]Windows media player non mi funziona più su win 10 pro 64 bit Windows e Software 2
C [RISOLTO][PHP] Errore di sintassi PHP 8
IT9-Gpp [RISOLTO] Leggere variabile restituita da success Ajax 3
Kolop [RISOLTO][PHP] Problema Pagination PHP 2
C [RISOLTO][PHP] Funzione ONclick PHP 14
C [RISOLTO][PHP] Conteggio righe di una tabella PHP 4
N [PHP] Utilizzo variabili di sessione [Risolto] PHP 13
Tommy03 [RISOLTO][PHP] Webserver o devserver? PHP 2
Sergio Unia Recupero dati da una vecchia versione MySql [Risolto] MySQL 4
spider81man [PHP] Problemi cancellazione dato su DB [RISOLTO] PHP 1
A [RISOLTO]Inserimento Immagini da pc a MySql PHP 15
A [PHP] RISOLTO Invio Mail con Tabella PHP 2
felino Risolto - [Wordpress][WooCommerce] PayPal Checkout e campi di fatturazione WordPress 2
elpirata [PHP][RISOLTO] Sommare gli importi estratti da un ciclo while PHP 3
elpirata [PHP][RISOLTO] Effettuare la somma dei tempi di lavorazione PHP 3
elpirata [PHP] [RISOLTO]Sovrascrivere testo in una tabella PHP 2
A [RISOLTO]Recuperare dati inviati con json tramite php PHP 4
C [RISOLTO][PHP] Passaggio variabili senza refresh di pagina PHP 7
elpirata [PHP][RISOLTO] Errore di tipo Notice: Undefined index - Come risolvere quando si hanno tante var PHP 10
S Problema in PHP per invio file XML - RISOLTO- PHP 8
A [Javascript] [RISOLTO] Doppio "submit", in uno stesso "Form" , che puntino ad "action" diversi Javascript 1
marino51 [Risolto]videochat di messenger ha smesso di funzionare sul telefonino Smartphone e tablet 1
A [Javascript] [HTML] RISOLTO...Allungare un box all'apertura della pagina No Mouse over Javascript 9
ken_korn [Javascript][Risolto] browser.tab.Tabs.favIconUrl non funziona Javascript 5
A [RISOLTO] HighChart e PHP PHP 4
A [RISOLTO] PHP Selezionare tutti i file con stessa estensione PHP 2
A [RISOLTO] Table elaborata da codice PHP con dati da DB non visualizzata in IFRAME PHP 15
T [Photoshop] Problema creazione pennello personalizzato [RISOLTO] Photoshop 3

Discussioni simili