Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>Lien sur bouton</title>
- <style type="text/css">
- /* Véritable bouton */
- input.link_button:hover {
- color: darkblue;
- }
- /* Lien déguisé en bouton */
- a.simple_link {
- width: 100px;
- height: 18px;
- display: block;
- border: 1px solid black;
- font-family: Tahoma, Geneva, sans-serif;
- font-size: 12px;
- color: #666;
- background-color: #EEE;
- text-align: center;
- text-decoration: none;
- }
- a.simple_link:hover {
- color: #333;
- background-color: #DDD;
- }
- </style>
- <script type="text/javascript">
- /* Javascript d'exemple, code à parfaire - Retirer toute présence de JS du code HTML et éventuellement passer par une librairie tel que jQuery */
- function loadUrl(url) {
- document.location.href = url;
- return true;
- }
- </script>
- </head>
- <body>
- <p>
- Véritable bouton</p>
- <p>
- <input type="button" name="button" id="button" class="link_button" value="Aller sur Google" url="http://www.google.fr" onclick="loadUrl('http://www.google.fr')" />
- </p>
- <p> </p>
- <p>Lien déguisé en bouton</p>
- <p>
- <a href="http://www.google.fr" class="simple_link">Aller sur Google</a></p>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement