[Problème] Liens url d'un tableau dans un nouvel onglet (sans la fonction "target")

[Tito14000]

Bonjour,

Pour mon site (http://caenhandball.fr/nationale-1/le-groupe) j'ai fait des fiches individuelles sur chaque joueurs et fais en sorte qu'elle s'ouvre en cliquant sur la ligne du joueur de son choix avec ce code:

<tr onclick="document.location='index.php?option=com_content&view=article&id=127'" class="lignedeux joueurs">
<td>3</td>
<td>Zitouni-Terki</td>
<td>Yacine</td>
</tr>

Et en CSS:

.joueurs:hover{
background-color:#ffffff;
cursor:pointer;
text-decoration:underline;
}
.lignedeux {
	background-color: #C0CACC;
	color: #000000
}

Mon soucis c'est que lorsque je veux ouvrir la fiche dans un nouvel onglet (Ctrl+clique) cela ne marche pas. Je ne veux pas utiliser la fonction "target=_blank" mais permettre aux utilisateurs du site de pouvoir ouvrir dans un nouvel onglet si ils le veulent.

Si quelqu'un à une idée... Merci.

[ced1870]

Re : Liens url d'un tableau dans un nouvel onglet (sans la fonction "target&quot

salut
à mon avis il faut utiliser un "href" pour faire ce que tu veux
en javascript il existe peut etre des méthodes pour détecter la combinaison de touches et adapter l'action mais ça sent l'usine à gaz ....
CEd

[cavo789]

Re : Liens url d'un tableau dans un nouvel onglet (sans la fonction "target&quot

Personnellement, je ne fais plus de onclick depuis des années. C'est "old-school" ;-)

La meilleure solution, selon moi, serait d'utiliser du jQuery pour détecter le clic sur le <tr> p.ex.
Tu pourrais proposer à tes utilisateurs : clic simple : on reste dans la page, double-clic on ouvre une nouvelle page.

Toutefois, la mise en oeuvre n'est pas faite en quelques coups de cuiller à pot.

Il faudrait définir par exemple :

<tr data-id="127"><td>....</td></tr>
<tr data-id="129"><td>....</td></tr>
<tr data-id="300"><td>....</td></tr>

(où data-id serait le ID de ton article).

Ensuite, en javascript, trouver un petit code qui va capture le clic sur le tr. Un truc du style :

$('#MaTable tr').click(function() {
    var ID = $(this).attr('data-id');
    document.location = '[COLOR=#333333]index.php?option=com_content&view=article&id='+ID;[/COLOR]
});​

Et là, tu n'as qu'une seule URL (plus facile à maintenir), un code javascript non intrusif; la panacèe! et un code bien, bien, bien plus clair et efficace.

NOTE : je n'ai rien testé; si cette approche t'intéresse, il faudra tester le code et l'adapter à ton besoin; nul doute que j'ai écris une erreur de typo p.ex. ci-dessus.