Calsse con riconoscimento di una variabile

[colinobg]

Salve a tutti, vi chiedo una cosa ma non so se sia fattibile
ho uno file che mi elenca tutti i files presenti in una cartella, vorrei creare una classe CSS che mi associ un'icona a seconda del tipo di file trovato (pdf, txt, doc ....)

sapreste aiutarmi?
Grazie

[ElPedro]

Originariamente inviato da colinobg
Salve a tutti, vi chiedo una cosa ma non so se sia fattibile
ho uno file che mi elenca tutti i files presenti in una cartella, vorrei creare una classe CSS che mi associ un'icona a seconda del tipo di file trovato (pdf, txt, doc ....)

sapreste aiutarmi?
Grazie

Ipotizzo, forse dovresti cercare una soluzione nel JavaScript visto che è un linguaggio di programmazione lato client. I CSS sono fogli di stile e come tale è difficile che apprezzino le variabile da te fornite.

Probabilmente con Java saresti capace di generare variabili in base al tipo di file trovato e con una serie di if, else stampare a video gli elementi con le relativi classi CSS.

Non sono molto pratico di Java purtroppo (anzi non lo conosco proprio) ma se vuoi ti faccio un semplice esempio non riferendomi ad alcun linguaggio specifico:

if ( file == pdf ) 
 stampa ( <img class="pdf">...</img>)
else if (file == txt)
 stampa ( <img class="txt"> ... </img>)

[colinobg]

intanto ti ringrazio, ma questo metodo lo conosco, io vorrei evitare di ripetere questa procedura su ogni pagina, sarebbe utile poterlo gestire col css e richiamarlo all'occorrenza..

[ratte]

Yep! Sure you can
Te la cavi con i selettori css, l'attributo title ed una cosa tipo:

<style>
	li[title$=".pdf"] {
		list-style-image: url('icona_pdf.jpg');
		}
	li[title$=".txt"] {
		list-style-image: url('icona_txt.jpg');
		}
</style>
<ul>
<li title="file.pdf">file
<li title="file.txt">file[/list]

o/ !

[mahamatt]

Mi è capitata una cosa simile tempo fa, ma nella fattispecie suggerisco di evitare css e di optare per una soluzione php e/o js, per il semplice fatto che creare una regola css per ogni estensione è un lavoro manuale lungo e rischioso.

Io ho risolto molto semplicemente ricavando (dentro l'array) l'estensione di ogni file con un explode:

<?
$ext_arr=explode('.',$nomefile);
$ext=$ext_arr[1];
?>

e richiamando l'icona direttamente nell'html con il tag <img>:

[img]<?=$ext;?>.png[/img]

Questo ti permette di avere una gestione dinamica... credimi, è molto più semplice così