Rendre un bouton invisible avec HTMl mais cliquable au même temps!

**élève_ingénieur** · 30/01/2010, 18h08

bonsoir!
je me demande s'il y a la possibilité de rendre un bouton invisible avec html mais cliquable en passant la souris dessus!
merci!

**sebhm** · 30/01/2010, 22h54

bonjour,

ca n'a pas de sens.

Tu peux par contre définir que lorsque tu survoles une zone définie, tu fais apparaitre le bouton dans la zone

**élève_ingénieur** · 01/02/2010, 01h38

et ça se fait comment SVP

**sebhm** · 01/02/2010, 08h50

un peu comme ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>TITRE</title>
  <style type="text/css">
  div#zone_bouton {
        width : 50%;
        margin-left:auto;
        margin-right:auto;
        margin-top : 20%;
        border : 2px solid red;
        text-align:center;
  }
  #le_bouton {
        visibility : hidden;
  }
  </style>
</head>
 
<body>
	<div id="zone_bouton" 
	onmouseover="document.getElementById('le_bouton').style.visibility='visible';"
	onmouseout="document.getElementById('le_bouton').style.visibility='hidden';">
		<button id="le_bouton" onclick="alert('je suis cliqué')">Cliquez moi !</button>
	</div>
</body>
</html>

Rendre un bouton invisible avec HTMl mais cliquable au même temps!

HTML

Vue hybride

Discussions similaires

Partager

Partager