XHTML: < a > marquer vers plusieurs destinations dans plusieurs cadres cibles?

Question

Je travaille sur une table de liens au sein d'un site utilisant des iframes. Je me demande s'il existe un moyen de coder un lien pour accéder à deux destinations simultanées dans deux trames cibles différentes? J'ai lu tout l'après-midi et je ne trouve rien qui soit proche de ce que je veux faire. En gros, je souhaite qu'un lien présente une photo dans une iframe et des données dans une autre iframe. Des idées?

Answer 1

Réponse courte: non.

Réponse plus longue: Avec ce que vous décrivez, en utilisant strictement X / HTML, ce n'est pas possible. Vous pouvez cependant ajouter en javascript pour changer l'iframe src. Quelque chose comme:

function click_link(id) {
    document.getElementById('iframe1').src = "page.ext?id=" + id;
    document.getElementById('iframe2').src = "other_page.ext?id=" + id;
}

Mais bien sûr, vous ne devriez probablement pas utiliser d'iframes de toute façon ...

Answer 2

La méthode la plus simple est javascript, mais cette méthode a déjà fait l'objet d'une réponse. La seule façon de faire cela (sans compter sur javascript) est côté serveur.

Faites de votre < une cible > lien vers le jeu de cadres supérieur contenant tous les cadres que vous souhaitez modifier et, au niveau du serveur, modifiez les attributs src des cadres.

Answer 3

N'utilisez pas de cadres. Ils sont mauvais pour la convivialité, mauvais pour le référencement et causent des problèmes comme celui-ci.

Cela peut sembler inutile, mais vous éviterez beaucoup de maux de tête à long terme.

Si vous fusionnez des fichiers côté serveur, ils fonctionneront sans problème dans tous les navigateurs, moteurs de recherche, etc. Le rechargement d'une page simple ne doit pas nécessairement être plus lent que le chargement de 2 iframes.

Ou, en cas d'affichage de photos avec des descriptions, un simple DHTML pourrait faire l'affaire:

img.onclick = function(){
   $('bigphoto').src = this.src.replace(/_small/,'_big');
   $('description').innerHTML = this.title;
}