11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

je veux que mes fenêtre pop aient une alternative au cas où l'utilisateur désactive javascript.
Le soucis, c'est que l'ouverture de cette fenêtre fait appel à une fonction qui est dans un fichier .js. Je ne sais pas où mettre mon <noscript> ou alors quelle autre méthode utilisée.

Voici le lien qui appelle ma fenêtre :
<a href="javascript [langue]op('blason.htm',500,400);" title="blason de la ville (nouvelle fenêtre)"><img src="../images/blason.gif" alt="Blason de L'Isle-Adam" title="blason de L'Isle-Adam" class="img_sc" width="100" height="110"></a>


Et voici mon fichier (séparé) avec ma fonction appelée :

function Pop(p,l,h) {
   var iPopup = null;
   iPopup=window.open(p,"","top=0,left=0,width="+l+",height="+h+",toolbar=no,scrollbars=yes,statusbar=no,menubar=no,resizable=yes,personalbar=no,locationbar=no");
   if (iPopup) iPopup.focus();
}


Merci pour votre aide
Modifié par elisa (23 Jul 2010 - 14:24)
Bonjour,

En général pour du HTML et JavaScript bien conçu, l'élément <noscript> ne sert strictement à rien. On suit plutôt le principe du JavaScript dit «non-intrusif». Cela consiste à avoir un code HTML fonctionnel, et rajouter une surcouche JavaScript pour en améliorer l'ergonomie ou faciliter certaines opérations.

Donc pour donner accès au contenu, en HTML on peut faire un simple lien hypertexte:
<a href="blason.htm">
  <img src="../images/blason.gif" alt="Blason de L'Isle-Adam">
</a>

Tu peux ensuite rajouter un gestionnaire d'évènement en JavaScript, pour déclencher une action au script et «empêcher» l'action par défaut (suivre le lien). En utilisant ta fonction telle qu'elle est, ça peut donner:
<a href="blason.htm" onclick="Pop(this.href,500,400); return false;">
  <img src="../images/blason.gif" alt="Blason de L'Isle-Adam">
</a>
(Le "return false" sert à empêcher l'action normale, à savoir le chargement de la page dans la fenêtre principale.)

On peut aussi tout gérer en JavaScript, et avoir un code HTML simplifié:
<a href="blason.htm" class="popup">
  <img src="../images/blason.gif" alt="Blason de L'Isle-Adam">
</a>
(La classe permet de retrouver l'élément en JavaScript, et d'ajouter à cet élément un gestionnaire d'évènement pour déclencher une fonction lors du clic.)