PDA

View Full Version : Lista di elementi e Javascript


fabrollo
18-10-2013, 12:41
Salve ragazzi,

Volevo capire una cosa riguardo al javascript che non riesco a trovare da nessuna parte.
Ora vi spiego il problema:

Ho un file di testo di 374 righe.
Ogni due righe c'è uno spazio e poi altre due righe e uno spazio, altre due righe e uno spazio e così via.
Quindi possiamo dire che 1/3 delle 374 righe è formato da SPAZI.

ES:

MOD 1165 D NVT BROWN A.JPG
MOD 1165 D NVT BROWN B.JPG

MOD 1167 D MER BEIGE A.JPG
MOD 1167 D MER BEIGE B.JPG

MOD 1168 D MER NERO A.JPG
MOD 1168 D MER NERO B.JPG

MOD 1169 D ACC. CAM MORO A.JPG
MOD 1169 D ACC. CAM MORO B.JPG

MOD 1170 D COMPOSTO TORTORA A.JPG
MOD 1170 D COMPOSTO TORTORA B.JPG

MOD 1201 D MON GRIGIO A.JPG
MOD 1201 D MON GRIGIO B.JPG

ecc.. ecc..

Ho una pagina HTML nella quale devo inserire 250 immagini (quelle soprastanti) cioè questo:


<img class="size cornice" src="capi/QUI VA INSERITO IL NOME DELL'IMMAGINE ESEMPIO SOTTO" >
<img class="size cornice" src="capi/MOD 1165 D NVT BROWN B.jpg" >
<div class="capinfo">

</br>

</br>

<b>Modello:</b> MOD 1165 D NVT BROWN</br>
<b>Sconto:</b>

<b>Prezzo:</b></br>
</div>


</br>

<hr width=100% size=4 color=#FFFFF0>


Il mio problema è questo, invece di creare 250 * 14 righe HTML (mettendoci un eternità) non esiste uno script JAVASCRIPT che mi permetta di inserire automaticamente i nomi dal TXT nei campi della pagina HTML? e farlo per ogni immagine?

Mi sarebbe di grande aiuto davvero, qualcuno ha qualche idea?


Grazie mille a tutti :)

Riordian
18-10-2013, 14:52
senza starci troppo a pensare io userei jquery e il metodo append tipo:
dovresti prelevare i nomi delle immagini dal file di testo e inserirli in un array, supponiamo arrayNomiImmagini e poi fare un ciclo sull'array

for(var i=0;i< arraiNomeImmagini.length;i++)
{
$("#idDivContenitore).append('<img class="size cornice" src="' + arrayNomeImmagini[i] + '" >
<img class="size cornice" src="capi/MOD 1165 D NVT BROWN B.jpg" >
<div class="capinfo"></br></br><b>Modello:</b> MOD 1165 D NVT BROWN</br><b>Sconto:</b><b>Prezzo:</b></br></div></br><hr width=100% size=4 color=#FFFFF0>';
}

una cosa del genere. Insomma, dovresti riuscire a farla anche in javascript standard (se non conosci jquery comunque il mio consiglio è di guardartelo un po')
P.S. non rispondo di eventuali errori di sintassi... era per darti l'idea di come potresti fare ;) poi puoi migliorare il codice in molti modi