Torna indietro   Hardware Upgrade Forum > Software > Programmazione

NVIDIA Blackwell B200: due chip in uno per rivoluzionare l'intelligenza artificiale
NVIDIA Blackwell B200: due chip in uno per rivoluzionare l'intelligenza artificiale
Due GPU (die) su un unico package per un totale di 208 miliardi di transistor: la nuova GPU Blackwell di NVIDIA nasce per accelerare l'innovazione nel campo dell'intelligenza artificiale come mai prima d'ora. La nuova proposta è accompagnata da 192 GB di memoria HBM3E per una bandwidth di 8 TB/s. A comporre la nuova offerta di NVIDIA troviamo tre soluzioni: B100, B200 e GB200.
HP Envy Move, un PC All-In-One con la batteria che si può spostare facilmente
HP Envy Move, un PC All-In-One con la batteria che si può spostare facilmente
HP Envy Move non è un PC all-in-one come tutti gli altri: si può spostare facilmente e usare lontano dalla presa di corrente. Lo schermo touch consente di usarlo anche come un grande tablet e può diventare un display aggiuntivo. Il tutto condito da un'attenzione all'ambiente grazie all'uso di materiali riciclati.
MSI MPG 321URX QD-OLED: un monitor completo per i giocatori
MSI MPG 321URX QD-OLED: un monitor completo per i giocatori
MSI MPG 321URX QD-OLED è un monitor completo, con diagonale da 32 pollici, risoluzione UHD, porte HDMI 2.1, frequenza di aggiornamento di 240 Hz e con un pannello OLED che offre diverse caratteristiche interessanti per il pubblico dei giocatori
Tutti gli articoli Tutte le news

Vai al Forum
Rispondi
 
Strumenti
Old 13-04-2017, 17:56   #1
virussino
Senior Member
 
L'Avatar di virussino
 
Iscritto dal: Sep 2003
Città: L'Aquila
Messaggi: 555
[HTML+JAVASCRIPT] elenco di caratteristiche, consigli per abbreviare codice

Ciao a tutti
Sto creando una lista di tessuti per abbigliamento in una pagina web. In questa lista ci saranno diverse informazioni:

- Qualità del tessuto
-- morbido (si/no)
-- traspirante (si/no)
--
--
--

- Caratteristiche ecologiche
-- biodegradabile (si/no)
-- biologico (si/no)
--
--
--

- Certificazioni del tessuto
-- gots (si/no)
-- ocs (si/no)
--
--

ecc


Ho circa 15 tessuti da descrivere, per ogni tessuto l'elenco è lo stesso, cambia solo il SI o NO.

Il problema è che queste caratteristiche possono variare, ad esempio potrei aggiungere nel tempo ulteriori certificazioni, ed a quel punto la cosa si complicherebbe perchè dovrei modificare ad uno ad uno i singoli tessuti.

L'idea è quella di utilizzate BOOTSTRAP per creare dei pannelli a scomparsa, piccolo codice di esempio:

Codice:
<div class="panel-group" id="cotone" role="tablist" aria-multiselectable="true">  
<div class="panel panel-default">    
<div class="panel-heading" role="tab" id="headingOne">      

<h4 class="panel-title">        
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#cotone" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">Qualità del tessuto</a>   </h4>
</div>


<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">      <div class="list-group">     

  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Favorisce il ricircolo di aria tra tessuto e pelle."></span>&nbsp; Traspirante</li>






  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Assorbe o cede il calore a seconda della temperatura del corpo."></span>&nbsp; Termoregolatore</li>

 </div>
    </div>
  </div>


Il codice è uguale per tutti i tessuti, l'unica cosa che cambia è questo:

<span class="badge">✔</span>


In pratica utilizzo il badge con il ✔ per assegnare un SI, e lascio vuoto per il no.

Ogni pannello ha il suo ID
<div class="panel-group" id="COTONE" role="tablist" aria-multiselectable="true">

<div class="panel-group" id="LANA" role="tablist" aria-multiselectable="true">

ecc


Qua potete vedere un esempio pratico con due pannelli funzionanti: https://www.vestilanatura.it/test


Chiaramente essendo molti tessuti e molti dati da inserire il codice diventa lunghissimo e molto complicato da gestire in caso di modifiche.

Sapete indicarmi una strada per abbreviare questo codice utilizzando Javascript?


Grazie mille



CODICE COMPLETO PER DUE TESSUTI

Codice:
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">  <div class="panel panel-default">    <div class="panel-heading" role="tab" id="headingOne">      <h4 class="panel-title">        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">Qualità del tessuto</a>      </h4>







    </div>







    <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">      <div class="list-group">     

  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Favorisce il ricircolo di aria tra tessuto e pelle."></span>&nbsp; Traspirante</li>







  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Assorbe o cede il calore a seconda della temperatura del corpo."></span>&nbsp; Termoregolatore</li>







  <li class="list-group-item list-group-item-success"><span class="badge"></span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Ostacola la nascita dei batteri."></span>&nbsp; Anti-microbico</li>







  <li class="list-group-item list-group-item-success"><span class="badge"></span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Non lascia passare i liquidi."></span>&nbsp; Impermeabile</li>







  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Assorbe prontamente l'umidità."></span>&nbsp; Igroscopico</li>







  <li class="list-group-item list-group-item-success"><span class="badge"></span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tessuti elastici non hanno bisogno di essere mischiati con ELASTAN."></span>&nbsp; Elastico</li>







  <li class="list-group-item list-group-item-success"><span class="badge"></span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Brillante, molto liscio, con effetto lucido."></span>&nbsp; Luminoso</li>







  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Soffice, molto piacevole al tatto."></span>&nbsp; Morbido</li>







  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Guardare le etichette interne per consigli su lavaggio e stiratura."></span>&nbsp; Non restringe/scolora</li>







  <li class="list-group-item list-group-item-success"><span class="badge"></span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tende ad asciugare velocemente dopo il lavaggio."></span>&nbsp; Asciugatura rapida</li>









    </div>







    </div>







  </div>







  <div class="panel panel-default">    <div class="panel-heading" role="tab" id="headingTwo">      <h4 class="panel-title">        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Caratteristiche ecologiche</a>      </h4>







    </div>







    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">      <div class="list-group">   

 <li class="list-group-item list-group-item-success"><span class="badge">N</span><a href="https://www.vestilanatura.it/tessuti-naturali-artificiali-sintetici-differenze-blog"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; <b>N</b>aturale - <b>S</b>intetico - <b>A</b>rtificiale</li>






  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><a href="https://www.vestilanatura.it/abbigliamento-biologico"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Biologico</li>






<li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Non proviene da semi geneticamente modificati."></span>&nbsp; No OGM</li>






  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Lasciato in natura viene decomposto dai batteri."></span>&nbsp; Biodegradabile</li>






  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="La materia prima utilizzata per la produzione è di origine naturale."></span>&nbsp; Materia prima naturale</li>






  <li class="list-group-item list-group-item-success"><span class="badge"></span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="La materia prima utilizzata per la produzione proviene da risorse riciclate."></span>&nbsp; Materia prima riciclata</li>






  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="L'estrazione del tessuto avviene tramite processi meccanici."></span>&nbsp; Estrazione meccanica</li>






  <li class="list-group-item list-group-item-success"><span class="badge"></span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="L'estrazione del tessuto avviene tramite processi chimici con utilizzo di solventi."></span>&nbsp; Estrazione chimica</li>






  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Non utilizza sostanze tossiche durante l'estrazione del tessuto."></span>&nbsp; DeTox</li>






  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="L'estrazione del tessuto avviene con risparmio di acqua e energia."></span>&nbsp; Risparmio energetico</li>






  <li class="list-group-item list-group-item-info"><span class="badge">B</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Valutazione in termini di sostenibilità: A - B - C - D"></span>&nbsp; <b>Classe di sostenibilità</b></li>









      </div>







    </div>







  </div>







  <div class="panel panel-default">    <div class="panel-heading" role="tab" id="headingThree">      <h4 class="panel-title">        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Certificazioni ecosostenibili</a>      </h4>







    </div>







    <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">      <div class="list-group"> 

    <li class="list-group-item list-group-item-success"><span class="badge">✔</span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#GOTS"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Global Organic Textile Standard</li>






  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#ORGANICCOTTON"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Organic Content Standard</li>






<li class="list-group-item list-group-item-success"><span class="badge">✔</span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#OEKOTEX"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Oeko Tex Standard 100</li>






  <li class="list-group-item list-group-item-success"><span class="badge"></span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#TENCEL"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Tencel ®</li>






  <li class="list-group-item list-group-item-success"><span class="badge"></span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#MODAL"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Modal ®</li>






  <li class="list-group-item list-group-item-success"><span class="badge"></span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#NEWLIFE"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Newlife ™</li>






  <li class="list-group-item list-group-item-success"><span class="badge"></span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#BLUESIGN"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Bluesign ®</li>






  <li class="list-group-item list-group-item-success"><span class="badge"></span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#GRS"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Global Recycle Standard</li>






  <li class="list-group-item list-group-item-success"><span class="badge"></span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#PSV"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Plastica Seconda Vita</li>






  <li class="list-group-item list-group-item-success"><span class="badge"></span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#TIROLWOOL"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; TirolWool</li>






  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#REACH"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Reach</li>






  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#FWF"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Fair Wear Foundation</li>






<li class="list-group-item list-group-item-success"><span class="badge">✔</span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#ANIMALFREE"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Animal Free</li>






<li class="list-group-item list-group-item-success"><span class="badge">✔</span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#LAV"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Lega Anti Vivisezione</li>





    

    </div>







    </div>







  </div>







  </div>












<br><br><br><br>













<div class="panel-group" id="cotone" role="tablist" aria-multiselectable="true">  <div class="panel panel-default">    <div class="panel-heading" role="tab" id="headingCotone1">      <h4 class="panel-title">        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#cotone" href="#collapseCotone1" aria-expanded="false" aria-controls="collapseCotone1">Qualità del tessuto</a>      </h4>







    </div>







    <div id="collapseCotone1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingCotone1">      <div class="list-group">     

  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Favorisce il ricircolo di aria tra tessuto e pelle."></span>&nbsp; Traspirante</li>







  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Assorbe o cede il calore a seconda della temperatura del corpo."></span>&nbsp; Termoregolatore</li>







  <li class="list-group-item list-group-item-success"><span class="badge"></span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Ostacola la nascita dei batteri."></span>&nbsp; Anti-microbico</li>







  <li class="list-group-item list-group-item-success"><span class="badge"></span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Non lascia passare i liquidi."></span>&nbsp; Impermeabile</li>







  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Assorbe prontamente l'umidità."></span>&nbsp; Igroscopico</li>







  <li class="list-group-item list-group-item-success"><span class="badge"></span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tessuti elastici non hanno bisogno di essere mischiati con ELASTAN."></span>&nbsp; Elastico</li>







  <li class="list-group-item list-group-item-success"><span class="badge"></span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Brillante, molto liscio, con effetto lucido."></span>&nbsp; Luminoso</li>







  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Soffice, molto piacevole al tatto."></span>&nbsp; Morbido</li>







  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Guardare le etichette interne per consigli su lavaggio e stiratura."></span>&nbsp; Non restringe/scolora</li>







  <li class="list-group-item list-group-item-success"><span class="badge"></span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tende ad asciugare velocemente dopo il lavaggio."></span>&nbsp; Asciugatura rapida</li>









    </div>







    </div>







  </div>







  <div class="panel panel-default">    <div class="panel-heading" role="tab" id="headingCotone2">      <h4 class="panel-title">        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#cotone" href="#collapseCotone2" aria-expanded="false" aria-controls="collapseCotone2">Caratteristiche ecologiche</a>      </h4>







    </div>







    <div id="collapseCotone2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingCotone2">      <div class="list-group">   

 <li class="list-group-item list-group-item-success"><span class="badge">N</span><a href="https://www.vestilanatura.it/tessuti-naturali-artificiali-sintetici-differenze-blog"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; <b>N</b>aturale - <b>S</b>intetico - <b>A</b>rtificiale</li>






  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><a href="https://www.vestilanatura.it/abbigliamento-biologico"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Biologico</li>






<li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Non proviene da semi geneticamente modificati."></span>&nbsp; No OGM</li>






  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Lasciato in natura viene decomposto dai batteri."></span>&nbsp; Biodegradabile</li>






  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="La materia prima utilizzata per la produzione è di origine naturale."></span>&nbsp; Materia prima naturale</li>






  <li class="list-group-item list-group-item-success"><span class="badge"></span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="La materia prima utilizzata per la produzione proviene da risorse riciclate."></span>&nbsp; Materia prima riciclata</li>






  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="L'estrazione del tessuto avviene tramite processi meccanici."></span>&nbsp; Estrazione meccanica</li>






  <li class="list-group-item list-group-item-success"><span class="badge"></span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="L'estrazione del tessuto avviene tramite processi chimici con utilizzo di solventi."></span>&nbsp; Estrazione chimica</li>






  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Non utilizza sostanze tossiche durante l'estrazione del tessuto."></span>&nbsp; DeTox</li>






  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="L'estrazione del tessuto avviene con risparmio di acqua e energia."></span>&nbsp; Risparmio energetico</li>






  <li class="list-group-item list-group-item-info"><span class="badge">B</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Valutazione in termini di sostenibilità: A - B - C - D"></span>&nbsp; <b>Classe di sostenibilità</b></li>









      </div>







    </div>







  </div>







  <div class="panel panel-default">    <div class="panel-heading" role="tab" id="headingCotone3">      <h4 class="panel-title">        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#cotone" href="#collapseCotone3" aria-expanded="false" aria-controls="collapseCotone3">Certificazioni ecosostenibili</a>      </h4>







    </div>







    <div id="collapseCotone3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingCotone3">      <div class="list-group"> 

    <li class="list-group-item list-group-item-success"><span class="badge">✔</span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#GOTS"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Global Organic Textile Standard</li>






  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#ORGANICCOTTON"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Organic Content Standard</li>






<li class="list-group-item list-group-item-success"><span class="badge">✔</span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#OEKOTEX"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Oeko Tex Standard 100</li>






  <li class="list-group-item list-group-item-success"><span class="badge"></span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#TENCEL"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Tencel ®</li>






  <li class="list-group-item list-group-item-success"><span class="badge"></span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#MODAL"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Modal ®</li>






  <li class="list-group-item list-group-item-success"><span class="badge"></span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#NEWLIFE"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Newlife ™</li>






  <li class="list-group-item list-group-item-success"><span class="badge"></span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#BLUESIGN"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Bluesign ®</li>






  <li class="list-group-item list-group-item-success"><span class="badge"></span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#GRS"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Global Recycle Standard</li>






  <li class="list-group-item list-group-item-success"><span class="badge"></span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#PSV"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Plastica Seconda Vita</li>






  <li class="list-group-item list-group-item-success"><span class="badge"></span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#TIROLWOOL"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; TirolWool</li>






  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#REACH"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Reach</li>






  <li class="list-group-item list-group-item-success"><span class="badge">✔</span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#FWF"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Fair Wear Foundation</li>






<li class="list-group-item list-group-item-success"><span class="badge">✔</span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#ANIMALFREE"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Animal Free</li>






<li class="list-group-item list-group-item-success"><span class="badge">✔</span><a href="https://www.vestilanatura.it/eco-certificazioni-abbigliamento#LAV"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>&nbsp; Lega Anti Vivisezione</li>





    

    </div>







    </div>







  </div>







  </div>
__________________
PC: Asus P5Q SE/R Intel Core2Duo E8200 OCZ Fatal1ty 1066mhz 4GB Sapphire 4670 512MB Hitachi 400GB LC6550G 550w

Ultima modifica di virussino : 13-04-2017 alle 18:01.
virussino è offline   Rispondi citando il messaggio o parte di esso
Old 15-04-2017, 17:11   #2
virussino
Senior Member
 
L'Avatar di virussino
 
Iscritto dal: Sep 2003
Città: L'Aquila
Messaggi: 555
Allora... sto studiando un pò di Javascript, ma faccio il meccanico di auto quindi ho qualche difficoltà!!

Comunque ho fatto un passetto avanti:

Codice:
<script type="text/javascript">
var qualita = new Array("Traspirante","Termoregolatore","Anti-microbico","Impermeabile","Igroscopico","Elastico","Luminoso","Morbido","Non restringe-scolora","Asciugatura rapida"); 

var tooltip_qualita = new Array("Favorisce il ricircolo di aria tra tessuto e pelle","Assorbe o cede il calore a seconda della temperatura del corpo","Ostacola la nascita dei batteri","Non lascia passare i liquidi","Assorbe prontamente l'umidità","Tessuti elastici non hanno bisogno di essere mischiati con ELASTAN","Brillante, molto liscio, con effetto lucido","Soffice, molto piacevole al tatto","Guardare le etichette interne per consigli su lavaggio e stiratura","Tende ad asciugare velocemente dopo il lavaggio"); 
</script>

Nella pagina inserisco il codice HTML di BOOTSTRAP per creare i botttoni a scomparsa, in questo modo la pagina rimane abbastanza corta ed il codice javascript viene caricato solo quando clicchi sul bottone per visualizzare le caratteristiche del tessuto (visto che ci sono 20 tessuti nella pagina per me è una buona cosa):

Codice:
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">

<div class="panel panel-default"><div class="panel-heading" role="tab" id="headingOne"><h4 class="panel-title"><a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">Qualità del tessuto</a></h4></div>

<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">      
<div class="list-group">   

<script type="text/javascript">
for (prop in qualita) {
  document.write('<li class="list-group-item list-group-item-success"><span class="badge">✔</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-original-title="'+tooltip_qualita[prop]+'" data-placement="top"></span>&nbsp;'+qualita[prop]+'</li>');
} 
</script>

</div>
</div>
</div>
Per ora tutto ok, funziona regolare, ma mette il segno ✔ a tutte le caratteristiche, e questo non va bene.
Adesso creo una nuova variabile per assegnare il SI o NO alla caratteristica:

Codice:
var qualita_cotone = new Array("✔","✔","","","✔","","","✔","✔","");

E quindi modifico lo script di scrittura in questo modo:

Codice:
<script type="text/javascript">
for (prop in qualita) {
  document.write('<li class="list-group-item list-group-item-success"><span class="badge">'+qualita_cotone[prop]+'</span><span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-original-title="'+tooltip_qualita[prop]+'" data-placement="top"></span>&nbsp;'+qualita[prop]+'</li>');
} 
</script>

Per quanto riguarda i certificati di sostenibilità, non ho bisogno di un TOOLTIP che appare quando metto il mouse sulla glyphicon di Bootstrap, ma ho bisogno di un LINK di collegamento quando ci clicco sopra, in questo modo l'utente può ottenere ulteriori informazioni a riguardo aprendo una nuova pagina web, quindi cambio questo codice utilizzato per le altre informazioni:

Codice:
<span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-original-title="'+tooltip_qualita[prop]+'" data-placement="top"></span>
Con quest'altro codice utilizzato per avere un link di collegamento:

Codice:
<a href="'+link_certificati[prop]+'"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>
Chiaramente ho creato una variabile link_certificati con tutti in link in sequenza

In sostanza penso di aver abbreviato di parecchio il codice della pagina, perchè le variabili rimangono standard per tutti i tessuti (cotone, lana ecc), e devo modificare solo queste variabili:

Codice:
var qualita_cotone = new Array("✔","✔","","","✔","","","✔","✔",""); 
var certificati_cotone = new Array("✔","✔","✔","","","","","","","", "✔", "✔", "✔", "✔");
var caratteristiche_cotone = new Array("✔","✔","✔","","","","","","","", "✔", "✔", "✔", "✔");
ecc

Anche dovendo aggiungere ulteriori informazioni (qualità, certificati e caratteristiche) tutto è più semplice perchè dovrò modificare solo le variabili principali che sono uguali per tutti i tessuti:

Codice:
 var qualita = new Array("Traspirante","Termoregolatore","Anti-microbico","Impermeabile","Igroscopico","Elastico","Luminoso","Morbido","Non restringe-scolora","Asciugatura rapida"); 

 var tooltip_qualita = new Array("Favorisce il ricircolo di aria tra tessuto e pelle","Assorbe o cede il calore a seconda della temperatura del corpo","Ostacola la nascita dei batteri","Non lascia passare i liquidi","Assorbe prontamente l'umidità","Tessuti elastici non hanno bisogno di essere mischiati con ELASTAN","Brillante, molto liscio, con effetto lucido","Soffice, molto piacevole al tatto","Guardare le etichette interne per consigli su lavaggio e stiratura","Tende ad asciugare velocemente dopo il lavaggio"); 

var caratteristiche = new Array("Naturale - Artificiale - Sintetico","Biologico","No OGM","Biodegradabile","Materia prima naturale","Materia prima riciclata","Estrazione meccanica","Estrazione chimica","DeTox","Risparmio energetico", "Classe di sostenibilità"); 


 var certificati = new Array("Global Organic Textile Standard","Organic Content Standard","Oeko Tex Standard 100","Tencel ®","Modal ®","Newlife ™","Bluesign ®","Global Recycle Standard","Plastica Seconda Vita","TirolWool", "Reach", "Fair Wear Foundation", "Animal Free", "Lega Anti Vivisezione");

 var link_certificati = new Array("https://www.vestilanatura.it/eco-certificazioni-abbigliamento#GOTS","https://www.vestilanatura.it/eco-certificazioni-abbigliamento#ORGANICCOTTON","https://www.vestilanatura.it/eco-certificazioni-abbigliamento#OEKOTEX","https://www.vestilanatura.it/eco-certificazioni-abbigliamento#TENCEL","https://www.vestilanatura.it/eco-certificazioni-abbigliamento#MODAL","https://www.vestilanatura.it/eco-certificazioni-abbigliamento#NEWLIFE","https://www.vestilanatura.it/eco-certificazioni-abbigliamento#BLUESIGN","https://www.vestilanatura.it/eco-certificazioni-abbigliamento#GRS","https://www.vestilanatura.it/eco-certificazioni-abbigliamento#PSV","https://www.vestilanatura.it/eco-certificazioni-abbigliamento#TIROLWOOL", "https://www.vestilanatura.it/eco-certificazioni-abbigliamento#REACH", "https://www.vestilanatura.it/eco-certificazioni-abbigliamento#FWF", "https://www.vestilanatura.it/eco-certificazioni-abbigliamento#ANIMALFREE", "https://www.vestilanatura.it/eco-certificazioni-abbigliamento#LAV");


Cosa ne pensate? Avete qualche idea per abbreviare ancora di più il codice?


Ma soprattutto, se volessi utilizzarlo in altre pagine web, per evitare un copia incolla, come si fa? ^^
__________________
PC: Asus P5Q SE/R Intel Core2Duo E8200 OCZ Fatal1ty 1066mhz 4GB Sapphire 4670 512MB Hitachi 400GB LC6550G 550w
virussino è offline   Rispondi citando il messaggio o parte di esso
Old 16-04-2017, 01:19   #3
Agat
Senior Member
 
L'Avatar di Agat
 
Iscritto dal: Feb 2007
Messaggi: 2510
Quote:
Originariamente inviato da virussino Guarda i messaggi
Allora... sto studiando un pò di Javascript, ma faccio il meccanico di auto quindi ho qualche difficoltà!!
Meraviglioso

Io andrei di xml, dove si possono fare cose così:

Codice:
<?xml version="1.0"?>
<?xml-stylesheet type="text/xsl" href="clothing_items.xslt"?>
<capi>
	<capo disponibile="no">
		<nome>Cappotto</nome>
		<tipo>Imbottito</tipo>
		<foto>foto/cappotto_imbottito.jpg</foto>
	</capo>
	<capo disponibile="si">
		<nome>Pantaloni</nome>
		<tipo>Jeans</tipo>
		<foto>foto/jeans.jpg</foto>
	</capo>
</capi>
ma mi fermo qui, googolla un po', magari trovi qualche cosa già fatto
__________________
As goes google so goes the world | Artix | Arch | Pyvideo | La tariffazione a 28 giorni è stato un crimine contro l'umanità

Ultima modifica di Agat : 16-04-2017 alle 01:25. Motivo: orrori sintatticali
Agat è offline   Rispondi citando il messaggio o parte di esso
Old 21-04-2017, 14:45   #4
virussino
Senior Member
 
L'Avatar di virussino
 
Iscritto dal: Sep 2003
Città: L'Aquila
Messaggi: 555
Quote:
Originariamente inviato da Agat Guarda i messaggi
Meraviglioso

Io andrei di xml, dove si possono fare cose così:

Codice:
<?xml version="1.0"?>
<?xml-stylesheet type="text/xsl" href="clothing_items.xslt"?>
<capi>
	<capo disponibile="no">
		<nome>Cappotto</nome>
		<tipo>Imbottito</tipo>
		<foto>foto/cappotto_imbottito.jpg</foto>
	</capo>
	<capo disponibile="si">
		<nome>Pantaloni</nome>
		<tipo>Jeans</tipo>
		<foto>foto/jeans.jpg</foto>
	</capo>
</capi>
ma mi fermo qui, googolla un po', magari trovi qualche cosa già fatto

Interessante questa soluzione, forse avrei abbreviato di un bel pò il codice! Comunque sono riuscito a farlo funzionare con javascript

Adesso ho un altro quesito, magari puoi aiutarmi!

Se vai a questo link https://www.vestilanatura.it/Polo-uo...iologico-denis

Nei dettagli poco sopra il prezzo trovi queste informazioni:

Tessuto: 100% cotone organico
Dettagli: Made in Turkey, Cotone Bio
Certificati: Gots, OekoTex100, Ocs, Fwf


Codice:
<table>
<?php foreach ($attribute_groups as $attribute_group) { ?>               
<tbody>
<?php foreach ($attribute_group['attribute'] as $attribute) { ?>
<tr>
<td><b><?php echo $attribute['name']; ?>:</b> 
<?php echo $attribute['text']; ?></td>
</tr>
<?php } ?>
</tbody>
<?php } ?>
</table>
Dove il codice <?php echo $attribute['text']; ?> corrisponde ai dettagli:
100% cotone organico, Made in Turkey, Cotone Bio, Gots, OekoTex100, Ocs, Fwf


In questa pagina io vorrei inserire una parte delle informazioni del tessuto, quindi vorrei creare uno script del genere:

if ($attribute['text'] = Cotone Bio) { set %variabile cotone }
if ($attribute['text'] = Lana ) { set %variabile lana }
ecc
ecc



A monte della pagina avrei lo script:

<script type="text/javascript">

if (%variabile = cotone) {

var qualita = new Array("✔","✔","","","","","","✔","✔","");

}

if (%variabile = lana) {

var qualita = new Array("","","","","","","","","✔","");

}

</script>



E dove voglio inserire le informazioni metterei:

Codice:
<script type="text/javascript">
for (prop in qualita) {
  document.write('
<li class="list-group-item list-group-item-success">
<span class="badge">'+qualita[prop]+'</span>
<span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-original-title="'+qualita_tooltip[prop]+'" data-placement="top">
</span>&nbsp;'+qualita[prop]+'</li>');
} 
</script>

L'idea c'è, ma mi manca la sintassi corretta di javascript:

if ($attribute['text'] = Cotone Bio) { set %variabile cotone }

Come potrei scrivere questo codice tenendo presente che $attribute['text'] è una variabile in PHP?
__________________
PC: Asus P5Q SE/R Intel Core2Duo E8200 OCZ Fatal1ty 1066mhz 4GB Sapphire 4670 512MB Hitachi 400GB LC6550G 550w
virussino è offline   Rispondi citando il messaggio o parte di esso
Old 24-04-2017, 15:46   #5
virussino
Senior Member
 
L'Avatar di virussino
 
Iscritto dal: Sep 2003
Città: L'Aquila
Messaggi: 555
Risolto, ma viene troppo lungo questo codice!!
$attribute['text'] è una variabile che ritorna come il nome del tessuto, quindi può essere Cotone o Bamboo o Lana ecc

- CERCO IL TESTO NELLA VARIABILE:

<?php if (strstr($attribute['text'], 'Cotone')) { ?>

- QUANDO LO TROVA IMPOSTA UN'ALTRA VARIABILE:

<?php $tessuto = 'Cotone'; ?>

- IMPOSTO LE VARIABILI PER javascript:

<script type="text/javascript">
var qualita_tessuto = qualita_cotone
var caratteristiche_tessuto = caratteristiche_cotone
var certificati_tessuto = certificati_cotone
</script>
<?php } ?>




A questo punto succede che io per ogni tessuto devo fare così:

<?php if (strstr($attribute['text'], 'Eucalipto')) { ?>
<?php $tessuto = 'Eucalipto'; ?>
<script type="text/javascript">
var qualita_tessuto = qualita_eucalipto
var caratteristiche_tessuto = caratteristiche_eucalipto
var certificati_tessuto = certificati_eucalipto
</script>
<?php } ?>

<?php if (strstr($attribute['text'], 'Bamboo')) { ?>
<?php $tessuto = 'Bamboo'; ?>
<script type="text/javascript">
var qualita_tessuto = qualita_bamboo
var caratteristiche_tessuto = caratteristiche_bamboo
var certificati_tessuto = certificati_bamboo
</script>
<?php } ?>


ecc ecc



Quello che vorrei fare per abbreviare il codice è una cosa del genere:

- CERCO TUTTI I TESSUTI IN UNA UNICA LINEA:

<?php if (strstr($attribute['text'], 'Bamboo || Cotone || Lana || ecc || ecc')) { ?>

- IMPOSTO LA VARIABILE IN BASE A QUELLO CHE HA TROVATO:

<?php $tessuto = 'QUELLO_CHE_HA_TROVATO'; ?>

come faccio a settare questa variabile in base al testo che ha trovato??

<script type="text/javascript">
var tessuto = $tessuto
var qualita_tessuto = qualita_ + tessuto
var caratteristiche_tessuto = caratteristiche_ + tessuto
var certificati_tessuto = certificati_ + tessuto
</script>
<?php } ?>
__________________
PC: Asus P5Q SE/R Intel Core2Duo E8200 OCZ Fatal1ty 1066mhz 4GB Sapphire 4670 512MB Hitachi 400GB LC6550G 550w
virussino è offline   Rispondi citando il messaggio o parte di esso
Old 24-04-2017, 17:05   #6
virussino
Senior Member
 
L'Avatar di virussino
 
Iscritto dal: Sep 2003
Città: L'Aquila
Messaggi: 555
Ho quasi risolto, questo codice va all'interno del ciclo ?php foreach

<?php if (strstr($attribute['text'], 'Cotone')) { ?>
<?php $tessuto = 'cotone'; ?>
<?php } ?>

<?php if (strstr($attribute['text'], 'Bamboo')) { ?>
<?php $tessuto = 'bamboo'; ?>
<?php } ?>

ecc ecc

Cerca il tessuto corrispondente e imposta la variabile $tessuto



Successivamente, alla fine del ciclo ?php foreach, trasferisco le variabili PHP in javascript:

<?php $qualita_tessuto = "qualita_" . $tessuto ; ?>
<?php $caratteristiche_tessuto = "caratteristiche_" . $tessuto ; ?>
<?php $certificati_tessuto = "certificati_" . $tessuto ; ?>
<script type="text/javascript">
var qualita_tessuto = <?php echo($qualita_tessuto);?> ;
var caratteristiche_tessuto = <?php echo($caratteristiche_tessuto);?> ;
var certificati_tessuto = <?php echo($certificati_tessuto);?> ;
</script>


Direi che ho tagliato di parecchio il codice, ma vorrei capire se posso fare di meglio! E' possibile modificare questo codice?

<?php if (strstr($attribute['text'], 'Cotone')) { ?>
<?php $tessuto = 'cotone'; ?>
<?php } ?>


In qualcosa del genere:

<?php if (strstr($attribute['text'], 'Cotone' || ' Bamboo' || 'Lana' || ecc ecc)) { ?>
<?php $tessuto = 'TESSUTO_TROVATO'; ?>
<?php } ?>


Si può fare?
__________________
PC: Asus P5Q SE/R Intel Core2Duo E8200 OCZ Fatal1ty 1066mhz 4GB Sapphire 4670 512MB Hitachi 400GB LC6550G 550w
virussino è offline   Rispondi citando il messaggio o parte di esso
 Rispondi


NVIDIA Blackwell B200: due chip in uno per rivoluzionare l'intelligenza artificiale NVIDIA Blackwell B200: due chip in uno per rivol...
HP Envy Move, un PC All-In-One con la batteria che si può spostare facilmente HP Envy Move, un PC All-In-One con la batteria c...
MSI MPG 321URX QD-OLED: un monitor completo per i giocatori MSI MPG 321URX QD-OLED: un monitor completo per ...
realme 12 Pro+ 5G: un potente mid-range con teleobiettivo sotto i 400 euro. La recensione realme 12 Pro+ 5G: un potente mid-range con tele...
Fujifilm Simulazione Pellicola – Guida all'uso Fujifilm Simulazione Pellicola – Guida all'uso
Dell amplia la collaborazione con NVIDIA...
Elon Musk parla nuovamente delle future ...
Comedy Wildlife Photography Awards: Niko...
realme: il 2024 è l'anno della co...
Salesforce: è iniziata la migrazi...
Sony Xperia 1 VI: addio al display 4K e ...
Il proprietario di Epic Games insult&ogr...
iliad aggiunge il roaming gratuito negli...
Amazon svende alcuni NAS decisamente int...
Hertz cambia rotta: il CEO dell'azienda ...
Microsoft promette: 'Copilot sarà...
ASUS annuncia la disponibilità in...
HPE GreenLake for File Storage si aggior...
Sony avrebbe interrotto la produzione di...
Ecco una wallbox completa e versatile, a...
Chromium
GPU-Z
OCCT
LibreOffice Portable
Opera One Portable
Opera One 106
CCleaner Portable
CCleaner Standard
Cpu-Z
Driver NVIDIA GeForce 546.65 WHQL
SmartFTP
Trillian
Google Chrome Portable
Google Chrome 120
VirtualBox
Tutti gli articoli Tutte le news Tutti i download

Strumenti

Regole
Non Puoi aprire nuove discussioni
Non Puoi rispondere ai messaggi
Non Puoi allegare file
Non Puoi modificare i tuoi messaggi

Il codice vB è On
Le Faccine sono On
Il codice [IMG] è On
Il codice HTML è Off
Vai al Forum


Tutti gli orari sono GMT +1. Ora sono le: 04:20.


Powered by vBulletin® Version 3.6.4
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Served by www1v