CSS - hover

IscariotKiss

Nuovo Utente
27 Mag 2010
16
0
0
Salve a tutti;
da poco tempo ho iniziato lo studio del css, facendo alcune prove mi è sorto un dubbio e spero tanto riusciate a colmarlo.
In breve volevo sapere se fosse possibile compiere un'azione su un div (o altro img per esempio) e ottenere una modifica su un altro div (o img o etc).
Cerco di farvi un esempio:
poniamo che mi ritrovi con 2 <div> :
HTML:
<div id="primo"></div> 
<div id="secondo"></div>
posso, nel css, fare una cosa di questo tipo:
Codice:
div#primo:hover { (codice_per_richiamare_il_div#secondo)margin=0px; }
cioè passando il mouse sul div#primo, posso mettere i margini a zero nel div#secondo?
Se si, come? Se no, esiste un'altra strada solo html - css ma niente codice jscript php?
questo è solo un esempio ma varrebbe per molti altri casi.

P.s.: Avete idea se al mondo ci sia un modo o una patch per convincere explorer 8 (magari anche 7) che il css3 ESISTE!?
 
quelli che vuoi fare te, così come lo vuoi fare te, non è possibile... Quantomeno non con CSS2 (non ho idea se sia stato implementato qualcosa di nuovo a riguardo in CSS3, ma anche se fosse al momento i browser se ne fregano, quindi sarebbe inutile).

L'elemento DIV non ha l'evento hover, che riguarda invece solo i link.

Per fare quello di cui hai bisogno te devi necessariamente inserire del javascript e sfruttare delle tecniche tipiche di AJAX.

Sfruttando l'attributo onMouseHover (ad esempio: <div onMouseOver="javascript:faiQualcosa()">) puoi richiamare una funziona javascript al passaggio del mouse.

Questa funzione javascript dovrà modificare le proprietà del secondo DIV sfruttando AJAX, e questo merita un po' di studio apprfondito: http://www.w3schools.com/ajax/default.asp
 

Discussioni simili

M
Risposte
0
Visite
1K
HTML e CSS
Membro cancellato 49667
M