HTMLでHPを作ってます。
毎回同じロジックを、数ヶ所で使いますが、
画像ファイルを張りつけるのと同じような感覚で、
そのロジックを呼び出すことができますか?

サブディレクトリにルーチン用のHTMLファイルを
作って、それを呼び出すようなこと、、、、
できるとしたら、どうやって記述したらいいでしょうか?
自作HP改造の日々、なぞなぞだらけで、ちょっと
いやんなってきました。
きっと、OKがなかったら、もう飽きてたかもしれません。
他力本願ですが、ご協力お願いします。

このQ&Aに関連する最新のQ&A

A 回答 (3件)

同じJavaScriptをあっちこっちのHTMLで呼び出したいってことでしょうか?



この場合でしたら、共通ルーチンをhoge.jsってな名前のファイルにしといて、HTML中に

<script src="hoge.js"></script>

って感じに書いて呼び出します。

尚、この方法はサーバ側で拡張子.jsのファイルに対応している必要があります。
.jsに対して設定するMIMEタイプは、
application/x-javascript
らしいです。


なんかあったら補足してください。
    • good
    • 0
この回答へのお礼

とうとう、じゃばすくりぷとの登場ですね。
何かわからないので、避けて通ってました。
とほほさんのところででも、それが何か勉強します。
ありがとうございました。

お礼日時:2001/08/01 23:43

サーバによって使えるか使えないか決まりますが所望の処理をするのに最も適しているのは


server side JAVAだと思います。

簡単なservletとjspで実現可能ではないかと。
トータルのサイズやファイルの個数も少なく済みますよ。
    • good
    • 0
この回答へのお礼

やっぱ、じゃばなんですね。
やってみます。
ありがとうございました。

お礼日時:2001/08/01 23:46

jsでとなると、ソースを全部JavaScriptで出さなければいけないので、


あまり好ましくないかもしれませんね・・

考え方としてはXMLに近いかと思いますが・・
残念なことに、IE5以上、ネットスケープは対応してなかったと思います。

現実的な方法として、頻繁にページ作成をされるのであれば、
ホームページ管理ソフトを使ってみてはいかがでしょう?
DreamWeaverが特におススメで、よく使う部分を保存しておき、
ボタンひとつではりつける事ができたり、
同じデザインを使いまわしする場合はテンプレート化しておき、
一気にデザイン変更も可能です。

また、極端な話CGIでページを吐き出す方法をとれば、応用次第で楽になるかも。
ただ、それなりのリスクはたくさんありますが・・。

あとは・・MACではmi(ミミカキエディット)というフリーのエディタがあって、
よく使う部分を別ファイルに保存しておいて簡単に読み出すことができます。
どのOSをお使いかわかりませんが、
そういった機能のあるエディタを探してみてもいいかもしれませんね。
    • good
    • 0
この回答へのお礼

だんだん掴めてきた気がするような気がしてきました。
ありがとうございました。

お礼日時:2001/08/01 23:45

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

QHP上でソフトのファイルが開いた状態を張りつけるのはどうしたらいいのですか?

質問が拙くて申し訳ないのですが、教えてあげる系HPなどで『ここをクリックするとこの場面がでますから…』とエクセルの一部分が出ているのは、どうしたら出来るのでしょうか?

Aベストアンサー

画面写真の撮り方ってことでしょうか?
一般には「スクリーンショット」とか「画面キャプチャ」とか言われていると思います。
撮り方、利用の仕方は参考URLで。

違う意味だったらごめんなさい(^^;

参考URL:http://puru-i.cool.ne.jp/loguetown/oekaki/screen/

Q【AMP HTML】AMP HTMLってなんですか?HTML 4.0、4.1→HTML 5→AM

【AMP HTML】AMP HTMLってなんですか?

HTML 4.0、4.1→HTML 5→AMP HTML??

Aベストアンサー

AMP HTML(AMP(Accelerated Mobile Pages) HTML)とは、Googleがモバイル端末でのブラウザの表示速度を高速化する為に作成したHTML仕様です。
https://googleblog.blogspot.jp/2015/10/introducing-accelerated-mobile-pages.html
スマホやタブレット等のモバイル端末用のウェブサイトはリッチになりましたが、その分重く、表示に時間がかかるようになった事から高速表示が可能なAMP HTMLを作成しました。

QHP作成にあたり HTMLで困っています

HP作成にあたり
技術者様、または経験者様などに
ご助言頂きたく投稿しました。

自分は自作の絵を展示するHPの調整中でして、
現状は、絵の小窓をクリックすると
リンク先の別ウインドウでページが開くのですが、
毎回毎回、別ウインドウで開封してしまい、
閲覧者に毎回見た絵の数だけ閉じるボタンを
押させてしまうという、厄介なサイトになってしまっています。

そこで以下に質問を箇条書きにしました。
対応して頂ける範囲内で結構なのでご助言頂ければ幸いです。

(1)絵のウインドウを一つ開いたらその後は
 同じウインドウで表示させたいのですが、どの様に調整すべきでしょうか?しかも、絵のウインドウは個々にサイズの違いがあります。

(2)最初は<SCRIPT language="JavaScript">を文頭に置いて作成していたのですが、
遅くなってしまうイメージがあったので下記にある<a href=#  で始まる文章に切り替えましたが(フリーの素材で見つけました)、何が違うのでしょうか?

(3) (2)の項を踏まえJavaScriptを使用した方が良いのでしょうか?

現状、組み込んでいるHTMLは以下の通りです。
<a href=# onclick="mywin=window.open('リンク先の別ウインドウの指定アドレス','','width=415,height=400');">
<img src="絵の小窓の指定アドレス>
</a> 

どうかお助けください。。

HP作成にあたり
技術者様、または経験者様などに
ご助言頂きたく投稿しました。

自分は自作の絵を展示するHPの調整中でして、
現状は、絵の小窓をクリックすると
リンク先の別ウインドウでページが開くのですが、
毎回毎回、別ウインドウで開封してしまい、
閲覧者に毎回見た絵の数だけ閉じるボタンを
押させてしまうという、厄介なサイトになってしまっています。

そこで以下に質問を箇条書きにしました。
対応して頂ける範囲内で結構なのでご助言頂ければ幸いです。

(1)絵のウインドウを一...続きを読む

Aベストアンサー

別窓で開くのではないのですが。
参考URLのやり方だったら結構希望に適した形になるんじゃないですかね。

JavaScriptを使ったやり方です。

参考URL:http://allabout.co.jp/internet/hpcreate/closeup/CU20081002A/

Qhtml+cssでHPを組んでますが

言葉ではうまく説明できないので、html+cssコードを下のほうに貼り付けました。
すいませんが、まずはそちらを参考してほしいです。

続いて質問ですが、「ulも#tate」のほうも縦横300pxで指定してるのに、ulのリスト側はなぜか幅が大きくなってしまいます。この改善点と説明を教えて頂けないでしょうか。

それと「ilの点」の位置を左ツラに合わせるのはどうやるのでしょうか。

疑問点が解決できず、とても困ってます。



*************html+css******************

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無題ドキュメント</title>
<style type="text/css">
<!--
ul {
background-color: #C0F;
height: 300px;
width: 300px;
}
#tate {
height: 300px;
width: 300px;
background-color: #F9F;
}
ul li {
}
-->
</style>
</head>

<body>
<ul>
<li>あ</li>
<li>い</li>
<li>う</li>
<li>え</li>
<li>お</li>
</ul>

<div id="tate">
s
</div>
</body>
</html>

**********************************************************

よろしくお願いします。

言葉ではうまく説明できないので、html+cssコードを下のほうに貼り付けました。
すいませんが、まずはそちらを参考してほしいです。

続いて質問ですが、「ulも#tate」のほうも縦横300pxで指定してるのに、ulのリスト側はなぜか幅が大きくなってしまいます。この改善点と説明を教えて頂けないでしょうか。

それと「ilの点」の位置を左ツラに合わせるのはどうやるのでしょうか。

疑問点が解決できず、とても困ってます。



*************html+css******************

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ...続きを読む

Aベストアンサー

ulにはブラウザによって初期値のmarginやpaddingが設定されているのでそれを消します。
ついでにリストマーカーの位置は指定するプロパティがあるのでそれを使います。
ul {
background-color: #C0F;
height: 300px;
width: 300px;
margin:0;
padding:0;
list-style-position:inside;
}

Qhtmlで制作のHPにエクセルやワードの取り入れ

html&cssの超初心者ですが、HP制作中で、htmlで作るよりエクセルで制作した方が早く見やすい
個所があります。どうしたら制作中のHPに取り入れるのかわかりません。
どなたか教えて下さい。よろしくお願い致します。

Aベストアンサー

途中までしかコピペされておらんかった・・・orz

Wordも基本的にはExcelといっしょですね。

ちなみに、保存する際に「Webページ」という項目があり、これを選択するとHTMLベースのファイルとして保存可能です。
ただし、HTMLとしては最低な記述になりますし、可読性も最悪ですな。

もしドキュメントとして提示させたいなら、PDFにするのが一番手っ取り早いです。
http://www.adobe.com/jp/products/acrobat/adobepdf.html
作成するにはソフトウェアが必要です。フリーのものできちんとしているのはほぼないですが・・・。


このカテゴリの人気Q&Aランキング

おすすめ情報