richiamo di più class

**fededpm** · 18-09-2008, 22:01

non so se sia più giusto postare qui...o tra i css
mi chiarite una cosa?
se ho diciamo 10 javascript richiamati in una pagina...di varia natura.. supponiamo reflection.js lightview...etc...
applicare l'effetto degli script è semplicissimo attribuendo una classe..ok

ma se volessi applicare 2 o 3 efetti alla stessa...immagine...?
come faccio a dare 3 classi alla stessa immagine?
mi scrivete la riga corretta?

magari mi stò facendo problemi inesistenti... ma non mi funziona...qualkosa sbaglio per forza

**Mich_** · 19-09-2008, 09:21

Ti hanno gia` spostato nel forum CSS; il problema e` di sintassi HTML+CSS (se ho capito bene).

E` possibile assegnare piu` classi allo stesso oggetto:
<div id="pippo" class="alfa beta gamma" ...>

Quell'oggetto seguira` la formattazione definita sia tramite
#pippo { ...}
che tramite:
.alfa { ... }
.beta { ... }
.gamma { ... }

#pippo dovrebbe essere prevalente sulle classi (piu` specifico), ma cerca di non inserire regole in contraddizione: non si sa mai come reagiscono i vari browser.

**fededpm** · 21-09-2008, 17:12

infatti avevo fatto proprio cosi....
<div id="pippo" class="alfa beta gamma" ...>
ma non mi prendeva una delle classi....
ho pensato di sbalgiare sintassi... o che esistesse la possibilità che alcuni javascript potessero entrare in contrasto...o quanto meno non potessero "coesistere"...
nello specifico ho in pagina i seguenti richiami:

<script type='text/javascript' src='js/lv/js/prototype.js'></script>
<script type='text/javascript' src='js/lv/js/scriptaculous.js?load=effects'></script>
<script type='text/javascript' src='js/lv/js/lightview.js'></script>
<script type="text/javascript" src="js/glossy.js"></script>
<script type="text/javascript" src="instant.js"></script>
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/slideshow.js"></script>
<script type="text/javascript">
//<![CDATA[
window.addEvent('domready', function(){
var data = {
'1.jpg': { caption: 'Volcano Asención in Ometepe, Nicaragua.' },
'2.jpg': { caption: 'A Ceibu tree.' },
'3.jpg': { caption: 'The view from Volcano Maderas.' }
};
var myShow = new Slideshow('show', data, { captions: true, controller: true, height: 300, hu: 'images/', width: 400 });
});
//]]>
</script>
..
<body>
<script type="text/javascript" src="js/reflection.js"></script>

e cercavo di assegnare
allo slide show ....la classe instant (che gli darebbe l'effetto di una foto inclinata bordata)

<body>
<div id="show" class="slideshow instant">
[img]images/1.jpg[/img]
</div>

ma non funzia....mistero

**fcaldera** · 22-09-2008, 00:18

ti sposto su javascript

ma a naso ti suggerisco di iniziare a controllare se, tra i vari script, ve ne sia uno (o più) che controllano la classe come stringa esatta, ovvero che facciano un controllo del tipo

if (elemento.className == 'certaclasse') {

}

che fallirebbe in caso di elementi con classi mutliple

**fededpm** · 22-09-2008, 07:34

gentilissimo...
grazie...
che si trovi la soluzione o meno....
adesso ho chiaro che la cosa è comunque fattibile....
che la sintassi è quella giusta...
....abbiamo insomma strinto il cerchio del problema
spero sia utile ad altri

Discussione: richiamo di più class

Strumenti discussione

Ricerca discussione

Visualizza

richiamo di più class

Permessi di invio