Bonjour, j’aimerais faire en sorte que quand on clique sur un élément block ça nous emmène vers un lien, sauf si c’est sur un lien <a> contenu dans le block qu’on clique.
Comme sur Twitter quand on déroule un tweet.

Apple a le même effet sur son site, mais sans Javascript : http://www.apple.com/ les liens Watch the video/TV ad sont au-dessus du lien principal.

Malheureusement la solution d’Apple ne peut pas se faire avec du contenu qui est dans le block, c’est juste repositionné par CSS. Je ne peux pas faire ça parce que j’ai du contenu dynamique.

Est-ce que quelqu’un saurait comment faire à la Twitter ? Via Javascript/jQuery svp ?

Salut,

Je ne comprends pas bien pour Twitter, tu parle du fait de cliquer sur un Tweet et que çà ouvre le panneau des informations ? Mais que si on clique sur un lien du tweet, çà ouvre ce lien là mais pas le panneau du Tweet c'est çà ?

Salut, je sais pas ce qui te pose problème, tu peux imbriquer plusieurs liens et ça marchera.

Exemple :

<a href="#foo">
<span style="display:block;width:500px;height:500px;>
<a href="#bar">lien interne</a>
</span>
</a>

Si tu clique sur "lien interne" ça t'amène bien à #bar" mais si tu clique sur le bloc général ça t'amène à #foo.

Par contre tu dois mettre uniquement des éléments inline dans ton lien, là j'ai utilisé un span en display:block, mais si tu mets une DIV certains navigateurs te la ressortent du lien en parsant le DOM.

Oui Thymotep c’est bien ça.

vava ça ne marche pas comme ça, en tout cas pas sur Chrome et Firefox.

En effet, mais je viens de m'apercevoir sur le site d'apple qu'ils ont fait un truc tout con

Y'a un lien avec l'image dedans, et après les deux autres liens qui sont mis par dessus en position absolue

Exemple : http://wall.deblan.fr/xf8/html/1/

Charpini En jQuery c'est simple

En fait, tu fais ton div qui contient le "tweet", qui lui-même peut contenir des liens etc, avec leur comportement normal quoi

Et en jquery tu fais un truc du genre :

$("#div").bind('click', function() {
// L'action que tu veux au moment du click
});

Si tu as besoin de récupérer la valeur (ID par exemple) du block, tu utilise la class pour le "click" et tu fais un $(this).attr('id'); pour récupérer la valeur de l'ID

Merci, j’aurais dû le deviner que jQuery avait pensé à ce comportement…

Par contre je sais pas quoi faire pour que ça marche comme il faut, là j’ai fait :

$('#forum div').bind('click', function() {
location.href = '?test';
});

Clic simple ça va, par contre ça merde quand on utilise le clic molette !

Surement l'event "click" qui ne comprend pas la wheel Il y a des plugins jQuery à load pour çà http://brandonaaron.net/code/mousewheel/demos par exemple

Ça fait cher la feature… Heureusement il y a un moyen plus simple (j’ai regardé comment pjax gérait ça) :
$('#forum div').bind('click', function() {
 if (event.which > 1 || event.metaKey || event.ctrlKey) {
  open('?topic=' + $(this).data('id'));
  return;
 }
 location.href = '?topic=' + $(this).data('id');
});

Par contre avec open() si je clic sur un lien contenu dans le div ça m’ouvre ce lien ET le nouvel onglet. Il faudrait que ça fasse comme avec le comportement du clic normal, si on clic sur un lien ça annule le comportement Javascript.

J’ai trouvé, il faut ajouter event.stopPropagation(); après open().

Je retire ce que j’ai dit, ça marchait parce que le JS était pas encore chargé.

Je pense que je vais utiliser la méthode d’Apple, même si ça me fait changer de design.

Pourquoi vouloir absolument que cela fonctionne avec le clic du milieu de la souris, c'est un comportement non intuitif ?

Parce que c’est censé être un lien, en plus grand.

Exemple : http://puu.sh/FBEN les recherches de DuckDuckGo, ce serait sympa de pouvoir cliquer n’importe où dans la zone grise pour que ça amène au lien, mais on est obligé de cliquer sur le lien bleu. J’aimerais que mes utilisateurs aient l’opportunité d’être plus feignant que ça.