- ベストアンサー
Webサイトを表示時にタイトルの横に表示されるアイコンを変更したい。
Webサイトを表示時にタイトルの横に表示されるアイコンを変更したい。 Javascriptで変更を行ないたいのですが、指定の仕方がわかりません。 下記のHTMLタグで指定できる奴です。 <link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon"> よろしくお願い致します。
- tetuya120
- お礼率70% (45/64)
- JavaScript
- 回答数1
- ありがとう数11
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<link rel="shortcut icon">のタグを削除して、追加しなおしたら 出来るみたいです。（とりあえずFireFoxで試しただけですが） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja-JP"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="shortcut icon" href="/image/AAA.png"> <title></title> <script type="text/javascript"> <!-- function chgfavicon(){ var elm=document.getElementsByTagName("link"); elm[0].parentNode.removeChild(elm[0]); var newfavicon =document.createElement("link"); newfavicon.setAttribute("rel","shortcut icon"); newfavicon.setAttribute("href","/image/BBB.png"); document.getElementsByTagName("head")[0].appendChild(newfavicon); } // --> </script> </head> <body> <button onclick="chgfavicon();">Change</button> </body> </html>
関連するQ&A
- アイコンが表示されない！
５ミリ角の画面でpngのアイコンを作成し、変換ツールでfavicon.icoを作成し、＊＊＊フォルダに保存しました。 その後、 <title>○○○○○</title> <link rel="shortcut icon" href="＊＊＊/favicon.ico" type="image/vnd.microsoft.icon"> と記述したのですがアイコンが表示されません。 ＊＊＊にfavicon.icoが存在することは確認済みです。 ブラウザはIE６、IE８の２台です。 どうして表示されないのでしょうか？ 宜しくご指導願います。
- ベストアンサー
- その他([技術者向] コンピューター)
- IEだけファビコンが表示されません
IEとwindowsのデスクトップ上とネクサス５のお気に入り上だけファビコンが表示されません。 下記であっていますよね。 キャッシュも履歴も削除して再起動しても出てきません。 ファビコンのフルパスを入れるともちろんアイコンが表示されます。 ほかに原因はありうるのでしょうか？ <!--favicon--> <link rel="shortcut icon" href="URL/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="icon" href="URL/favicon.ico" type="image/vnd.microsoft.icon" />
- ベストアンサー
- CSS
- faviconが表示されません
質問させていただきます、よろしくお願い致します 件名の通り、設定したfaviconが表示されません ファイルには、以下のソースを<head>タグ内に記述していあります <link rel="shortcut icon" href="./favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="icon" href="./favicon.ico" type="image/vnd.microsoft.icon" /> クロームで見たとき、ローカルでは表示されましたが、 サーバーにアップロードすると表示されなくなりました。 アップロードしたソースを表示して、そこのアドレスからfavicon.icoに飛ぶと表示されるので、リンク切れではないと思います。 ＩＥでは、ローカルでもアップロードした場合でも表示されません。 よろしくお願い致します。
- 締切済み
- HTML
- ファビコン画像
ダウンロードするファビコン画像は何処に保管するのでしょうか？ 下記の記述で何度試しても表示されません。 ファイルの削除や再起動をしても同じです。 サイトはso-netブログです。 <link rel="shortcut icon" href="C:\Documents and Settings\masa\My Documents\favicon ico" type="image/vnd.microsoft.icon"/> <link rel="icon" href="C:\Documents and Settings\masa\My Documents\favicon ico" type="image/vnd.microsoft.icon"/> この記述であっていると思うのですが 何方か宜しくお願いします。 m(_ _)m
- ベストアンサー
- ブログ
- ページにアイコン スマホ 表示されない
自分でHPを作っているのですが ソースを <link rel="shortcut icon" href="http://○○/icon.ico"> にして、ページにアイコンを付けたのに、そのサイトをスマホで表示させても アイコンが表示されません。 パソコン上で見ると指定したアイコンが表示されます。 私の持っているスマホでは無理なのでしょうか？
- ベストアンサー
- HTML
- Faviconアイコンを設置したらページにエラーが発生と表示されます。
よろしくお願いします。HPにFaviconアイコンを設置したのですが、ソースに不備があったのか、ステータスバーに「ページにエラーが発生しました」と出るようになりました。そのときはちゃんとfaviconが表示され、自分でもお気に入りにそのアイコンで入れることができたんです。ところが時間がたつといつの間にか普通のeマークに変わっていました。 挿入したのは<HEAD>のすぐうしろです。タグは<link rel="SHORTCUT ICON" href="favicon.ico">です。favicon.icoを別のファイル名にするとうまく表示されませんよとアイコン作成者が書いていたのでその通りにしたのですが…。やっぱり別のファイル名に書き換えたほうがいいのでしょうか。 あと、他のサイトの質問を見たのですが、ソースは<HEAD> <TITLE>トップページ</TITLR> <LINK REL="SHORTCUT ICON" href="ファイル名./diu.ico"> <BODY> と入れる、とありました。<TITLE>トップページ</TITLR>の前に入れたのがいけなかったんでしょうか？また、diuって何でしょう？Favicon設置の仕方を書いているサイトを何件か回りましたがdiuを入れるなんてどこにもなかったんですが。 尚、エラー表示の詳細は以下の通りです。 「ライン：29 文字：1 エラーオブジェクトを指定して下さい コード：0 自分のURL」です。
- ベストアンサー
- HTML
- 同一サイト内で違うファビコンを表示させたい
私のサイトのディレクトリは下のように構成されていて、特に指定はしていないのですが トップページとpage-a,b,cにファビコン（favicon.ico）が表示されています。 その上で、「page-c」だけ違うファビコン（favicon02.ico）を表示させてくて、フォルダＣに その画像を入れ、<head></head>内にタグで指定したのですが、いつまで経っても 元のファビコンのままです。やり方がおかしいのでしょうか。よろしくお願いします。 ｜ ├ index.html ├ favicon.ico ├ フォルダＡ ｜ └ page-a.html ├ フォルダＢ ｜ └ page-b.html ├ フォルダＣ ｜ └ page-c.html → <link rel="shortcut icon" href="●ttp://www.oooo.jp/フォルダＣ/favicon02.ico"> ｜ └ favicon02.ico ｜
- ベストアンサー
- その他（インターネット・Webサービス）
- お気に入りアイコンが上手く表示されません
独自ドメインを取得し、契約プロバイダーのサーバーにフレーム形式でそのURLを転送する方法でホームぺージを制作しています。以下のような感じです。 ---------------------------------------------------------------- ・独自ドメイン入力（http://独自ドメイン） ↓ ・転送（フレーム式） ↓ ・契約プロバイダーのサーバーのトップ （実質は http://プロバイダードメイン/ID/index.html） ---------------------------------------------------------------- ここでプロバイダーのサーバーの「image」フォルダにお気に入りアイコンを入れてみたのですが、以下の2通りを試しても、上手く表示されません。 <link href="http://独自ドメイン/image/favicon.ico" rel="SHORTCUT ICON"> <link href="http://プロバイダードメイン/ID/image/favicon.ico" rel="SHORTCUT ICON"> これはやはり転送をしていることが影響しているのでしょうか。 http://プロバイダードメイン/ID/index.html でブラウズした時には、アイコンが表示されるのを確認しています。 独自ドメインでお気に入りアイコンが表示されるよい方法は何かありませんでしょうか。 お力をお貸し下さい。よろしくお願いいたします。
- 締切済み
- HTML
- 『お気に入り』にアイコンを表示させるのに・・・
こんにちは 『お気に入り』とアドレスバーにアイコンを表示させようとしています。 <link rel="SHORTCUT ICON" href="favicon.ico"> というのを入れて、Firefoxではうまく表示されるのですが IE6ではアドレスバーにも『お気に入り』にも表示されません。 IE6で『お気に入り』に入れてあるURLでアイコンが表示されるものはほんのわずかしかありません。 Firefoxではこれと同じリストのURLで表示されるサイトがずっと多いです。 企業のページでもFirefoxでは表示されるのに IE6では表示されていないものがすごく多いです。 両方のブラウザで表示させるには、どうすればよいでしょうか？
- 締切済み
- ホームページ作成ソフト
- ファビコンについて教えてください。
<link rel="shortcut icon" href="favicon.ico" > <link rel="icon" href="anime_favicon.gif" type="image/gif" /> これをHEAD間に書き込んでみました。サーバー上にはhtmlと同じ段階層に入れてます。 ファイヤーフォックスのほうではファビコンが表示されてうまく行きましたが、ＩＥでは表示されません。 ＩＥは登場したばかりの９です。 詳しい方がいましたらHEAD間のタグに間違いがあるかどうかを見てくれませんか？
- ベストアンサー
- HTML
