rss
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Survol lien - CSS

guilhem_mdg, le jeudi 17 juin 2004 à 08:50:25
Bonjour !
Je voudrai créer un lien qui, lorsque la souris le survole, les propriétés du titre de la page (qui n'a donc rien à voir avec le lien) changent.
Cela est-il possible ? Si oui, comment faire avec les css ??
Merci de votre aide.
Cordialement.
Guilhem.
Répondre à guilhem_mdg  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
fat_cartman, le jeudi 17 juin 2004 à 08:55:32
Pour ca, ce n'est pas du CSS mais du javascript qu'il faut utiliser.

Fat_Cartman,
Parce que je le vaux bien...
   
Répondre à fat_cartman

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
guilhem_mdg, le jeudi 17 juin 2004 à 09:00:18
N'y a-t-il vraiment pas une solution en CSS ?
   
Répondre à guilhem_mdg

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
fat_cartman, le jeudi 17 juin 2004 à 11:24:54
Non je ne crois pas, car le css s'applique aux elements mais ne permet pas de modifier le DOM, alors que javascript le permet.

Fat_Cartman,
Parce que je le vaux bien...
   
Répondre à fat_cartman

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
HackTrack, le jeudi 24 juin 2004 à 10:31:11
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>Link hover</title>
	<style type="text/css">
		.firstStyle{
			background-color: #dddddd;
			color: black;
			padding: 4 4 4 4;
		}
		.secondStyle{
			background-color: yellow;
			color: red;
			padding: 4 4 4 4;
		}
	</style>
	
	<script language="javascript" type="text/javascript">
		function changeStyles(){
			elm = document.getElementsByName("pTitle")[0];
			elm.className="secondStyle";
		}
		function restoreStyles(){
			elm = document.getElementsByName("pTitle")[0];
			elm.className="firstStyle";
		}		
	</script>
			
</head>

<body>
	<center>
		<span name="pTitle" id="pTitle" class="firstStyle">Le titre de la page</span>
		<p/>
		<a onmouseover="changeStyles();" onmouseout="restoreStyles();">Placer la souris sur ce lien</a>
	</center>
</body>
</html>

;-)
   
Répondre à HackTrack

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
guilhem_mdg, le jeudi 24 juin 2004 à 15:00:15
Merci beaucoup pour cette réponse.
Elle me convient bien ...
   
Répondre à guilhem_mdg

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 ibbab, le lundi 17 décembre 2007 à 14:52:40
Ca marche pas sur Internet explorer ou c'est le mien qui bug?
   
Répondre à ibbab
Posez votre question Répondre
Logiciels pertinents trouvés dans les téléchargements
Télécharger Xenu's Link Sleuth 1.2jXenu's Link Sleuth - Xenu's Link Sleuth est un logiciel permettant de vérifier les liens brisés d'un site web. La vérification est effectuée...Catégorie: Webmaster
Licence: Freeware/gratuit
Télécharger Amaya 9.54Amaya - Amaya est un éditeur Web, développé conjointement par l'INRIA et le W3C, pour éditer et publier très simplement des pages...Catégorie: Editeurs HTML
Licence: Open Source
Télécharger Web Developer Toolbar 1.1.6Web Developer Toolbar - WebDeveloper est une extension firefox représentant une formidable boîte à outils pour examiner et manipuler les pages...Catégorie: Extensions Firefox
Licence: Freeware/gratuit
Télécharger MediaInfo 0.7.7.5MediaInfo - MediaInfo fournit la liste des codecs nécessaires ainsi que des informations techniques sur vos fichiers vidéo et audio. ...Catégorie: Codecs
Licence: Open Source
Plus de logiciels gratuits sur « Survol lien CSS »