[RESOLU] Effet de survol sur un tableau

FabnOx
Invité n'ayant pas de compte PHPfrance

01 août 2006, 08:58

Bonjour

J'ai bcp chercher et je n'arrive pas a faire un vulgaire tabelau avec un effet de survol sur les case .... avec le CSS

<ul>
<li>test0</li>
<li>Test1</li>
<li>test 2</li>
<li>Test 3</li>
</ul>

Si qlq peu m'indiquer la voix :).

Merci

ViPHP
ViPHP | 3607 Messages

01 août 2006, 09:16

Première chose, le code que tu nous montre n'est pas le code correspondant à un tableau, mais à une liste non ordonnée...
ensuite concernant le code css de survol, regarde du côté de :hover[->içi]
mais je ne sais plus si dans la spécification CSS2, la pseudo-class hover est autorisée sur d'autres éléments que a...?
renseigne toi;-)

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 13231 Messages

01 août 2006, 09:20

Dans la norme CSS2, la pseudo classe :hover est applicable à tout élément du langage HTML, mais dans la pratique, IE ne l'applique que sur l'élément <a>

Il te faudra donc soit :
- réaliser un traitement JS onmouseover
- mettre des <a> prennant toute la place de chaque case
Connaître son ignorance est la meilleure part de la connaissance
Pour un code lisible : n'hésitez pas à sauter des lignes et indenter

twitter - site perso - Github - Zend Certified Engineer

Eléphant du PHP | 424 Messages

14 août 2006, 16:45

Bonjour,

J'ai utilisé ce script pour faire un effet de survol sur mon tableau mais au passage de la souris il me colore juste une case, celle ou je suis dessus avec ma souris... mais je souhaite colorer toute la ligne de mon tableau !

Comment faire ?

merci pour votre aide
<script language="JavaScript1.2">
function changeto(highlightcolor){
source=event.srcElement
if (source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName!="TD")
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}
function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
</script>
Youpi Youpi Yo !