9
votes

Texte alternatif pour iframes

Nous avons un texte alternatif, ALT attribut, pour une balise img dans HTML, qui apparaîtra lorsque l'image ne vient pas. J'ai essayé d'utiliser la balise avec iframe aussi. xxx

mais le texte alternatif ne figure pas lorsque src = "" est donné . Je voulais juste savoir si je peux obtenir un texte alternatif de toute autre manière, si le src n'est pas donné?


0 commentaires

5 Réponses :


1
votes

Je ne connais pas un moyen de piéger pendant 404 réponses d'un iframe de manière simple de manière simple, mais vous pourriez le piéger avec quelques jQuery:

<iframe id="myFrame"></iframe>

<script>
$(function () {

  $.ajax({
     url: "http://www.abc.com",
     success: function (data) {
        $("#myFrame").html(data);
     },
     error: function () {
        $("#myFrame").html("Web site is not avaialable");
     }

});
</script>


5 commentaires

Le seul problème avec cette approche est que, contrairement à un IFrame SRC normal, l'AJAX se limitera à demander des URL dans le même domaine ou permettant d'accéder à un domaine croisé via l'en-tête d'accès à l'accès à la commande d'accès.


Je veux juste afficher un texte alt lorsque src = "" seulement. Je ne veux pas piéger 404 réponse. Je vais essayer le script que vous avez donné.


Je n'ai aucune idée de Ajax. J'ai essayé un exemple, mais l'iframe ni le texte ne s'affiche.


Quand le SRC = ""? N'est-ce pas quelque chose que vous pouvez détecter sur le serveur? Dans ce cas, vous pouvez contrôler la sortie complètement différemment, comme ne pas montrer l'iframe du tout, et plutôt un message d'erreur.


J'ai un JSP dans lequel un iframe est ajouté et il aura SRC = "". À ce moment-là, j'ai besoin d'un texte alternatif à afficher à l'intérieur de l'iframe. Plus tard, l'utilisateur cliquera sur un bouton qui apparaîtra sur le champ de texte où il entrera dans l'URL. Cette URL devrait être mise dans l'iframe et testé à cet endroit. C'est ce que j'essaie et le code que vous avez donné, n'est-ce pas de fonctionner de cette façon.



2
votes

L'élément

Articles qui pourrait vous intéresser :

Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO
Select2 ne s'affiche pas correctement dans le mode bootstrap
Le bootstrap de Twitter a-t-il des classes utilitaires de taille de police?
Comment puis-je définir un format pour les nombres d'entrée dans Blazor