Le texte de remplacement pour les iframes

Nous avons le texte de remplacement, alt attribut, pour un img balise HTML qui s'affiche lorsque l'image n'est pas venu. J'ai essayé d'utiliser le tag avec iframe trop.

<iframe src="www.abc.com" alt="Web site is not avaialable">

Mais le texte de remplacement ne vient pas jusqu'à quand src="" est donné. Je voulais juste savoir si je peux obtenir le texte de remplacement de toute autre manière, si le src n'est pas donné ?

OriginalL'auteur Anuj Balan | 2011-11-24

  1. 2

    Depuis ma première tentative mal compris votre question, nous allons essayer ceci à la place:

    <script>
$(function () {

    $("iframe").not(":has([src])").each(function () {

    var ifrm = this;

    ifrm = (ifrm.contentWindow) ? ifrm.contentWindow : (ifrm.contentDocument.document) ? ifrm.contentDocument.document : ifrm.contentDocument;

    ifrm.document.open();
    ifrm.document.write($(this).attr("alt"));
    ifrm.document.close();

    });

});
</script>

    Cela va lire le "alt" de la balise de la valeur d'une iframe avec aucun attribut src ou un attribut src avec une valeur vide, et d'écrire du texte dans le corps de l'iframe.

    Aider de Écrire les éléments d'un enfant iframe à l'aide de Javascript ou jQuery

    BTW - j'ai commencé ce violon basé sur ce code: jsfiddle.net/gnvE9/1
    Ce que j'ai testé est: <html> <head>IFRAME</head> <body> <iframe src="ford.com" style="border:solid noir épais" id="toto"></iframe> <script> $(function () { $("iframe").pas(":a([src])").each(function () { var ifrm = ce; ifrm = (ifrm.contentWindow) ? ifrm.contentWindow : (ifrm.contentDocument.document) ? ifrm.contentDocument.document : ifrm.contentDocument; ifrm.document.open(); ifrm.document.write("site Web n'est pas mis"); ifrm.document.fermer(); }); }); </script> </body> </html> Sauvé as:iframe.html. src lors de la donnée, est à venir. Mais quand suis pas, altenate texte n'est pas cmg.
    Je ne peux pas tester le code donné par vous par l'incorporation dans le code html ??? Je veux dire, je ne peux pas tester comme ça ?? Désolé, novice à ce.
    Vous n'avez qu'à inclure jquery pour utiliser mon code.

    OriginalL'auteur Jake Feasel

  2. 2

    Le <iframe> élément ne prend pas en charge un attribut alt, mais il prend en charge longdesc. Encore, la spécification HTML n'est pas de dicter la manière dont les navigateurs poignée de longue description (ou un autre) le texte. La seule façon de garantir un comportement particulier est d'utiliser JavaScript. Ici est non testé exemple à l'aide de jQuery:

    //Not tested
$('iframe').each(function() {
  if ($(this).attr('href') == '') {
    //Do something with $(this).attr('longdesc')
  }
});
    Vais essayer cette..

    OriginalL'auteur Brandon Gano

  3. 1

    Je ne sais pas de manière à intercepter les 404 réponses à partir d'une iframe dans toute sorte de façon simple, mais vous pouvez le piège avec un peu de 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>
    Le seul problème avec cette approche est que, contrairement à la normale avec une iframe src, l'ajax sera limitée à l'url de requête en vertu du même domaine ou qui permettent à l'croix domaine de l'accès via l'Access-Control-Allow-Origin-tête.
    Je veux juste afficher un texte alternatif lorsque src="" seulement. Je ne veux pas de piège réponse 404. Vais essayer le script que vous avez donné.
    J'ai pas d'idée sur ajax. J'ai essayé un exemple, mais l'iframe, ni le texte s'affiche.
    Lors de la src=""? N'est-ce pas quelque chose que vous pouvez détecter sur le serveur? Dans ce cas, vous pourriez contrôler la sortie d'une manière complètement différente, comme ne montrant pas les iframe à tous, et à la place des messages d'erreur.
    Vais avoir une jsp dans lequel un iframe est ajouté et il aura src="". En ce moment, j'ai besoin d'un texte de remplacement à être affiché à l'intérieur de l'iframe. Plus tard, l'utilisateur doit cliquer sur un bouton qui apparaîtra champ de texte où il entrera dans l'url. Cette url doit être mis dans l'iframe et testés à cet endroit. C'est ce qu'essaie, et le code que vous avez donné, il n'est pas travailler de cette façon.

    OriginalL'auteur Jake Feasel

  4. 1

    Alors que pas plus "propre" solution, une autre option est d'utiliser la position et z-index en CSS pour "masquer" une image vide sous le iframe. Cela vous donnera toutes les méta-données des avantages de la vraie alt texte sans avoir besoin d'aller dans un des scripts complexes.

    C'est aussi bon si vous voulez juste comme espace réservé à l'affichage jusqu'à ce que le iframe est fini de se charger.

    OriginalL'auteur nosajimiki