Posez votre question Signaler

Survol lien - CSS

guilhem_mdg 316Messages postés 25 mai 2004Date d'inscription 25 janvier 2011Dernière intervention - Dernière réponse le 17 déc 2007 à 14:52
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.
Lire la suite 

Survol lien - CSS »

6 réponses
Réponse
+0
moins plus
Pour ca, ce n'est pas du CSS mais du javascript qu'il faut utiliser.

Fat_Cartman,
Parce que je le vaux bien...
guilhem_mdg - 17 jun 2004 à 09:00
N'y a-t-il vraiment pas une solution en CSS ?
fat_cartman - 17 jun 2004 à 11:24
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...
Ajouter un commentaire
Réponse
+0
moins plus
<!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>

;-)
guilhem_mdg - 24 jun 2004 à 15:00
Merci beaucoup pour cette réponse.
Elle me convient bien ...
Ajouter un commentaire
Réponse
+0
moins plus
Ca marche pas sur Internet explorer ou c'est le mien qui bug?
Ajouter un commentaire
Ce document intitulé « Survol lien - CSS » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Windows 8 - À quoi s'attendre ?