会社の掲示板を担当しており、会社から「アップロードしたファイルの拡張子に合わせて、アイコンを表示するようにしてほしい」と言われました。
掲示板は無料の「concrete5」を使用しており、導入から3~4年経過していることもあり、CSSがどこにあるのかもよくわかっていない状況です。
都度HTMLに記述すれば可能であるのはわかるのですが、
利便性も考慮して条件設定などできないかを教えていただきたいです。
できれば、HTMLの記述だけで対応できると助かります。
(例:.pdfならPDFのアイコンを、.xlsxならExcelのアイコンを自動で反映)
よろしくお願いいたします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
No1です。
>そもそもCSSファイルなどを保管するサーバーなども一切わからない状態でして、、、
HTMLファイルの存在はわかっているのでしょうか?
それともHTML自体もプログラム等から出力される仕組みなのでしょうか?
少なくとも表示はできているのでしょうから、そのソースを見ることで、CSSがどのように適応されているかはわかるものと思いますけれど?
サーバーにCSSファイル等をアップすることも不可能なのでしょうか?
>javascriptでできるなら教えていただきたいです
上記のような状態で、どうやってjavascriptを組み込めるのかも不明です。
「スクリプトなら可能で、CSSだと不可能」とおっしゃる意味もわかりません。
また、文書構造すら不明のまま「スクリプトを教えろ」と言われても、抽象的な回答しかできませんけれど、ご質問のご様子から想像する限り、それが質問者様の役に立つとも思えませんけれど・・
簡単に言うなら、「文書全体から対象要素を特定して、画像要素を埋め込めばよい」ということになります。
document.querySelectorAll('a').forEach(e=>{
// eに対して該当するかチェック
// 該当するなら画像を追加挿入
});
みたいな感じでしょうか。
No.1
- 回答日時:
こんにちは
実態がどのような構成になっているのか不明のままではどうしようもありませんけれど・・
例えばの例として・・
仮に、ファイルの指定がリンク要素等になっているものとします。
<a href="hoge.pdf">hoge.pdf</a>
とか
<a href="fuga.docx">fuga.docx</a>
などのように。
上記の場合であれば、使用しそうなアイコン画像をそれぞれ用意しておいて、
a[href$=".pdf"]::before {
display: inline-block;
width: 24px; height: 24px;
margin-right: 5px;
vertical-align: middle;
content:" ";
background: center / cover url("./icons/pdf.png");
}
のようなCSSを設定しておくことで、拡張子に応じたアイコンを表示することが可能になると思います。
実態が不明なのでなんともわかりかねますが、実際の構造に応じて上記のような要領で適用することが可能ではなかろうかと推測します。
別法として、javascriptで上記と同じことを行うという方法も考えられますが、(失礼ながらご存じではないと思いますので)ハードルは高いのではないかと想像します。
回答ありがとうございます。
CSSを設定するのはわかっているのですが、そもそもCSSファイルなどを保管するサーバーなども一切わからない状態でして、、、
javascriptならHTMLとの親和性も高いので、javascriptでできるなら教えていただきたいです
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Windows 10 explorerをedgeで開く方法 2 2022/06/05 14:59
- Windows 10 Windows10の画像ファイルのサムネールがアイコン表示になってしまいました。 3 2022/07/09 13:01
- モニター・ディスプレイ 「.cur」のアイコン表示について 4 2023/03/04 10:21
- Access(アクセス) Access2016のExcelインポートの機能のことで教えてください 1 2022/09/11 14:58
- Excel(エクセル) ワードのマクロについて教えてください。 1 2023/03/11 13:50
- モニター・ディスプレイ PCのマルチディスプレイで複製はできますが拡張ができません 1 2023/08/09 01:29
- Google 翻訳 アプリ表示用のアイコンが削除できません 1 2022/07/03 23:51
- デスクトップパソコン ファイルメーカーPro12が突然起動しなくなりました 1 2023/08/23 11:47
- その他(ブラウザ) フォートナイトちゃんねるというサイトの退会方法を教えてください。 1 2023/04/11 20:26
- フリーソフト AutoHotKeyは別の独立したファイルで 動作させる方法はないのでしょうか 1 2022/09/04 13:14
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
EXCELファイルに誰がアクセスし...
-
秘密ファイルのサーバーへの保...
-
ウィンドウズ XPの検索で拡張...
-
《エクセルVBA》「他の人が該当...
-
input type="file"で複数選択を...
-
URLに~/cgi-bin/~を隠す方法
-
FTPにて553エラー
-
Dreamweaverでのパーミッション...
-
PyCharmでのCGIを使ったWebサー...
-
Web開発の完全素人です。 よけ...
-
ショッピング・システムに、HTM...
-
BBSの設置について
-
携帯サイトのページ移動
-
CGIがうまくアップできない(50...
-
セットしたクッキーを別のドメ...
-
Forbiddenの意味
-
パスワ-ド認証について
-
リンク参照元について。
-
C言語のapacheの設定
-
ワードパッドが起動して、cgiフ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
EXCELファイルに誰がアクセスし...
-
《エクセルVBA》「他の人が該当...
-
VBAでサーバーにアクセスするに...
-
JAVAで別サーバーのファイルの...
-
VBScriptで、ファイルから任意...
-
サーバー上のフォルダ削除が出...
-
Webでのファイルアップロードに...
-
vbでFTPサーバーに対して、サー...
-
C# ファイル削除のエラーコード
-
WEB上で文書のアイコンを配置す...
-
HTMLソースファイルからタグを...
-
contenttypeについて
-
Dreamweaver(ドリームウィーバ...
-
自前のアップローダの作り方
-
個人的なアップローダーの設置
-
ローカルファイルをサーバーか...
-
PHPが動いてCGIが動かない?
-
30分ごとに更新
-
Perl 別ドメインのファイル存在...
-
アクセス制限について
おすすめ情報