| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
albatalbat
Visiteur
Inscrit le: 12 Aoû 2004
Messages: 3
|
 Posté le: 12 Aoû 2004 14:59 Sujet du message: Rollover sur des <div> et des <table> |
 |
|
Bonjour,
Histoire de me pourrir un peu la vie (y a rien à la télé en ce moment), j'ai décidé de jouer avec des rollovers un peu complexes puisqu'au lieu d'utiliser des liens "texte" ou "image" (trop simple !), j'affiche des tableaux.
Simplement, voilà, j'ai deux problèmes avec le code suivant :
1. Les calques "OVER" et "OUT" fonctionnent très bien, mais le calque "CLIC" n'apparaît jamais.
2. Quand on clique, non seulement le calque "CLIC" ne s'affiche pas (cf. point 1) mais en plus, le lien ne s'exécute pas.
D'avance, merci.
| Code: | <html>
<head>
<script language="javascript">
function ombre(code)
{ document.write('<div id="' + code + 'flat" style="position:absolute;z-index:3;width:100px;height:100px;top:0px;left:0px;visibility:visible">');
document.write(' <table bgcolor="FF0000" width=100 height=100 border=5 bordercolor="800000">'); // bleu
document.write(' <tr><td>OUT</td></tr>');
document.write(' </table>');
document.write('</div>');
document.write('<div id="' + code + 'down" style="position:absolute;z-index:3;width:100px;height:100px;top:0px;left:0px;visibility:hidden">');
document.write(' <table bgcolor="00FF00" width=100 height=100 border=5 bordercolor="008000">'); // vert
document.write(' <tr><td>OVER</td></tr>');
document.write(' </table>');
document.write('</div>');
document.write('<div id="' + code + 'deep" style="position:absolute;z-index:3;width:100px;height:100px;top:0px;left:0px;visibility:hidden">');
document.write(' <table bgcolor="0000FF" width=100 height=100 border=5 bordercolor="000080">'); // rouge
document.write(' <tr><td>CLIC</td></tr>');
document.write(' </table>');
document.write('</div>');
}
function affiche(code)
{ document.write('<table align=center width=200 height=200 cellpadding=0 cellspacing=0 border=01>');
document.write('<tr><td><a href="http://www.google.fr" target="_blank" style="cursor:hand;" onClick="document.getElementById(\'' + code + 'flat\').style.visibility=\'hidden\';document.getElementById(\'' + code + 'down\').style.visibility=\'hidden\';document.getElementById(\'' + code + 'deep\').style.visibility=\'visible\';" onMouseOver="document.getElementById(\'' + code + 'flat\').style.visibility=\'hidden\';document.getElementById(\'' + code + 'down\').style.visibility=\'visible\';document.getElementById(\'' + code + 'deep\').style.visibility=\'hidden\';" onMouseOut="document.getElementById(\'' + code + 'flat\').style.visibility=\'visible\';document.getElementById(\'' + code + 'down\').style.visibility=\'hidden\';document.getElementById(\'' + code + 'deep\').style.visibility=\'hidden\';">');
document.write(' <div id="calque_' + code + '" style="position:relative;z-index:1;width:100px;height:100px;top:0px;left:0px;visibility:visible">');
ombre(code);
document.write(' </div></a></td></tr>');
document.write('</table>');
}
</script>
</head>
<body leftmargin="0" topmargin="0">
<script language="javascript">
affiche(1);
</script>
</body>
</html> |
_________________
Albat'
"Si sur ta piste, tu enlèves un caillou, tu l’enlèves aussi pour ceux qui suivent." (proverbe indien) |
|
| Revenir en haut |
|
 |
|
|
albatalbat
Visiteur
Inscrit le: 12 Aoû 2004
Messages: 3
|
| Posté le: 13 Aoû 2004 7:27 Sujet du message: |
|
|
J'ai résolu le problème n°2 (activation du lien) mais reste le problème n°1 (affichage).
Alors on oublie tout et on va sur http://forum.phpbb-graph.com/viewtopic.php?p=8917 pour fermer ce sujet et reprendre les choses au propre.
_________________
Albat'
"Si sur ta piste, tu enlèves un caillou, tu l’enlèves aussi pour ceux qui suivent." (proverbe indien) |
|
| Revenir en haut |
|
|
Blaster
Administrateur
Inscrit le: 08 Aoû 2003
Messages: 2884
Localisation: Vesoul ( proche besançon )
|
|
| Revenir en haut |
|
|
|
FAQ
Rechercher
Liste des Membres
Groupes d'utilisateurs
S'enregistrer
Profil
Se connecter pour vérifier ses messages privés
Connexion
