Newsgroup: it.comp.www.html
Titolo: CSS e JS

Ciao,
volevo sapere se era possibile integrare Javascript all'interno di un CSS.
Sto realizzando un CSS e vorrei fare in modo che per tutti i link (<a>)
venisse richiamata una funziona js sull'evento onmouseover ed un'altra su
onmouseout.
Per ora sto facendo chiaramente cosě:
<a href="..." onmouseover="func1();" onmouseout="func2();">Testo</a>
Voglio evitare di doverlo scrivere in tutti i link che inserisco. Vorrei che
fosse una cosa automatica. Pertanto vorrei scrivere semplicemente:
<a href="...">Testo</a>
ed automaticamente vengono chiamate le funzioni sugli eventi onmouseover e
onmouseout.
E' possibile fare questa cosa?
Ciao
Marco

 ha scritto nel messaggio
news:bqa8b0$2vf0$1...@news5.isdnet.net...
| Voglio evitare di doverlo scrivere in tutti i link che inserisco. Vorrei
che
| fosse una cosa automatica. Pertanto vorrei scrivere semplicemente:
| <a href="...">Testo</a>
| ed automaticamente vengono chiamate le funzioni sugli eventi onmouseover e
| onmouseout.
Con i css pui ottenere lo stesso sistema, questo č un esempio:
Ciň che devi tenere in considerazione sono a e a:hover.
Se al posto del colore utilizzi un'immagine metti nome e allocazione
al posto di immagineout/over.gif
Consiglio: 
http://www.w3schools.com/css/default.asp
Bye Cico
<html>
<head>
<title>Nuova pagina 1</title>
<style tipe="text/css">
..prova{
width : 120px ;
height : 30px;
border : 2px dashed #000000
}
a {
background-color : #00ff00;
background-image : url('immagineout.gif')
}
a:hover {
background-color : #ff0000;
background-image : url('immagineover.gif')
}
</style>
</head>
<body bgcolor="#8CB5DE">
<a class="prova" href="#" >prova1</a>
<a class="prova" href="#" >prova2</a>
</body>
</html>

 Consiglio: 
http://www.w3schools.com/css/default.asp
Guarderň il sito.
Perň io non devo fare un rollover o modificare il layout dei link.
Voglio eseguire una funzione javascript, che fa tutt'altro.
Ciao
Marco

 onmouseout.
ho capito che vuoi fare. lo fai sempre in JS, ma modifichi elementi 
della pagina aggiungendo attributi onclick in maniera dinanica. io non
molto tempo fa aggiungevo degli <span> via JS a tutti gli elementi
che avevano una <p class="photo">.
qui c'e' la mia pagina:
http://www.deelan.com/temp/blog-template.html
l'etichetta blu sull'immagine e' creata al volo dal JS.
devi conoscere per benino l'API del DOM, ma questo e' il JS
http://www.deelan.com/temp/blog.js
il codice mostruoso in alto e' quello della
funzione "getElementsBySelector" che e' stata scritta  da Simon 
Willison, piu' in basso trovi il mio codice che crea lo <span>.
tu hai solo bisogno di "iniettare" gli handler onclick ai tag <a>,
probabilmente getElementsBySelector non ti serve e te
la cavi con il metodo standard document.getElementsByTagName.
qui c'e' qualcosa su getElementsByTagName:
http://www.w3schools.com/dom/dom_document.asp
buona fortuna.
-- 
email: goldicus1970 AT yahoo DOT it
blog: 
http://www.deelan.com/

 che avevano una <p class="photo">.
Infatti alla fine ho risolto usando JS.
In pratica al caricamento della pagina, faccio una scansione di tutti i link
presenti ed associo il mio gestore di eventi personalizzato.
Ciao
Marco

 Voglio eseguire una funzione javascript, che fa tutt'altro.
Ciao Marco,
    direi allora che i css centrano poco. Si tratta solo di collegare
dei gestori di eventi javascript all' onload della pagina html.
Se vuoi cavartela da solo:
http://www.brainjar.com/dhtml/events/
Oppure it.comp.lang.javascript e una domanda + specifica se sei pigro.
Ciao,
    SantaKlauss