Surface cliquable html
crazyghandi
Messages postés
312
Date d'inscription
Statut
Membre
Dernière intervention
-
socrate830 -
socrate830 -
Bonjour,
Je voudrais creer une surface cliquable sur un tableau.
J'ai essaye <a href=""><table>.........</table></a>
Donc en cliquant n'importe ou sur le tableau on actionne le lien
seulement ca ne marche pas quelqu'un a une solution ?
merci d'avance pour vos reponses
Je voudrais creer une surface cliquable sur un tableau.
J'ai essaye <a href=""><table>.........</table></a>
Donc en cliquant n'importe ou sur le tableau on actionne le lien
seulement ca ne marche pas quelqu'un a une solution ?
merci d'avance pour vos reponses
A voir également:
- Surface cliquable html
- Editeur html - Télécharger - HTML
- Logiciel gratuit calcul surface m2 - Télécharger - Outils professionnels
- Html br - Forum HTML
- Image cliquable html ✓ - Forum Javascript
- Espace html - Astuces et Solutions
2 réponses
Hello,
le a intervient sur le texte. En réalité tous les textes de ton tableau ont été transformés en lien, mais pas le tableau lui-même ...
Il y a une technique pour faire des surfaces cliquables, mais pas avec des tableaux : il faut utiliser une image et une balise map ; une autre solution consiste à placer un élément transparent en position absolue au-dessus de ton tableau, de manière à ce qu'il le recouvre entièrement. Je ne sais pas exactement ce que tu veux faire mais essaye d'utiliser la balise la mieux adaptée ;)
Voici des détails pour chacune des méthodes :
1. map
Ca fonctionne un peu comme les ancres : la map est une ancre et porte donc un id (et un name pour les vieux navigateurs), et l'image pointe vers l'id avec un #.
Exemple :
Une map est composée d'aires (area) pour lesquelles il faut préciser une forme et des coordonnées. Je te renvoie sur le-developpeur-web.com pour les détails.
2. élément transparent en position absolue
Pour faire au plus simple, prends une image transparente (gif ou png) aux dimensions de ton tableau et place-la dans une balise a, puis donne des règles de style à cette balise a :
Les propriétés left et top correspondent aux coordonnées du coin supérieur gauche de ta zone cliquable, à toi de t'arranger pour que ça coïncide avec la position du tableau ; le z-index est là pour assurer que la zone sera par-dessus le tableau (et non en-dessous).
Si ton tableau a déjà un z-index, il faut que tu en mettes un plus grand pour la zone cliquable.
Encore une autre solution ...
Tu peux utiliser JavaScript pour rendre ton tableau interactif. Et là, tu as encore le choix entre la vieille méthode (attribut onclick) et la technique efficace des gestionnaires d'évènements.
Bref, c'est pas les outils qui manquent ... Bon courage !
;)
le a intervient sur le texte. En réalité tous les textes de ton tableau ont été transformés en lien, mais pas le tableau lui-même ...
Il y a une technique pour faire des surfaces cliquables, mais pas avec des tableaux : il faut utiliser une image et une balise map ; une autre solution consiste à placer un élément transparent en position absolue au-dessus de ton tableau, de manière à ce qu'il le recouvre entièrement. Je ne sais pas exactement ce que tu veux faire mais essaye d'utiliser la balise la mieux adaptée ;)
Voici des détails pour chacune des méthodes :
1. map
Ca fonctionne un peu comme les ancres : la map est une ancre et porte donc un id (et un name pour les vieux navigateurs), et l'image pointe vers l'id avec un #.
Exemple :
<img alt="..." src="..." usemap="#machin" /> <map name="machin" id="machin"> <area ... /> <area ... /> ... </map>
Une map est composée d'aires (area) pour lesquelles il faut préciser une forme et des coordonnées. Je te renvoie sur le-developpeur-web.com pour les détails.
2. élément transparent en position absolue
Pour faire au plus simple, prends une image transparente (gif ou png) aux dimensions de ton tableau et place-la dans une balise a, puis donne des règles de style à cette balise a :
position: absolute; left: xxx; top: yyy; z-index: 1;
Les propriétés left et top correspondent aux coordonnées du coin supérieur gauche de ta zone cliquable, à toi de t'arranger pour que ça coïncide avec la position du tableau ; le z-index est là pour assurer que la zone sera par-dessus le tableau (et non en-dessous).
Si ton tableau a déjà un z-index, il faut que tu en mettes un plus grand pour la zone cliquable.
Encore une autre solution ...
Tu peux utiliser JavaScript pour rendre ton tableau interactif. Et là, tu as encore le choix entre la vieille méthode (attribut onclick) et la technique efficace des gestionnaires d'évènements.
Bref, c'est pas les outils qui manquent ... Bon courage !
;)
a mon avis le plus simple c'est le onclick :
<table width='600' height='250' border='1' onClick='javascript:popup('popup_offre.php','100','100')'>
mais cela ne marche pas y'atil une erreur ?
merci d'avance