• 締切済み

【至急】HTML に関してご回答をいただきたいです

HPの引継ぎを受けました。初心者で困っていることがあります。 今日の8時までにアップしなければいけないのですが・・・・ リンクが全部同じ箇所になってしまったという不具合に困っています。下記のようなソースがあります。 リンクは、全て、a href="http:../com/moto.htm"となっていますが、 ここのcomと言うフォルダには、当月分、つまり今月なら8月分が、moto.htmというかたちで8月のトピックスがかかれており、過去のもの、例えば7月とか、6月とかのものとは、0907.htm 0906.htmと言う形で名前を変えて過去数年分のぺーじが残っているわけです。 来月に備えて、今月の8月分を、0908.htmとし、9月分をmoto.htmにしなければと、いうことでページを作りました。 8月分をコピーして作りました。(内容は書き換えるので内容部分は変えましたが) それを0908.htmと、moto.htmをcomフォルダにぶち込みアップロードしたら、過去のリンク、下記で言うところの7月とか、・・・・1月とかのリンクが、全て、moto.htmになってしまったのです。 当たり前といえば、当たり前のような気もしますが、現在のページをみても、リンク先をわざわざ0907.htmとか、0901.htmに変えたような様子がありません。 絶対パスとか相対パスとかの問題なのでしょうか?私がソースで重要なところをかきかえてないのでしょうか・・・全てのソースを添付することは不可能に近いので、なんとか打開策を教えていただきたいのですが・・・ 夜中に申し訳ありませんが、御教示いただけませんでしょうか。 (ソースの一部抜粋) </div> <dl class="body_list_new"> <dt><a name="NEW_20090805A" id="NEW_20090805A">2009/08/05</a>  <strong>様子</strong></dt> <dd>「<a href="http:../com/moto.htm">絵画ページ</a>」を追加いたしました。</dd> <dt><a name="NEW_20090731C" id="NEW_20090731C">2009/07/31</a>  <strong>更新</strong></dt> <dd>「<a href="http:../com/moto.htm">ギャラリー</a>」を追加いたしました。</dd> <dt><a name="NEW_20090731B" id="NEW_20090731B">2009/07/31</a>  <strong>更新</strong></dt> <dd>「<a href="http:../com/moto.htm">作品のページ</a>」を追加いたしました。</dd> ・・・・・・(途中抜粋しますが) <dt><a name="NEW_20090116B" id="NEW_20090116B">2009/01/16</a>  <dd>「<a href="http:../com/moto.htm">絵画のページ</a>」を追加いたしました。</dd> と言う形で書かれています。

noname#92765
noname#92765
  • HTML
  • 回答数3
  • ありがとう数4

みんなの回答

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.3

<dt>タグの<a>タグはおそらくダミーでしょう。 <dt>タグのidとnameの末尾がAなら絵画ページ、Cならギャラリーページ、Bなら作品ページですね、javascriptで、NEW_に続く3文字目から4文字を取り出して、該当のリンク先URIを組み立て、<a>タグの要素を作って<dd>タグの子要素としてappendしてやればよろしいかと。それほど複雑じゃないですね、 jQueryとかを使えば、すばやく作れますよ。

noname#92765
質問者

お礼

大変勉強になります。 ありがとうございました。 実は、前任の担当者の伝達ミス(HTML自体がそもそも誤っていた)と言うことが本日判明しました。 大変失礼致しました。 お騒がせしたことお詫びいたします。

noname#119957
noname#119957
回答No.2

<dt><a name="NEW_20090731C" id="NEW_20090731C">2009/07/31</a>  <strong>更新</strong></dt> <dd>「<a href="http:../com/moto.htm">ギャラリー</a>」を追加いたしました。</dd> >>>a href="http:../com/moto.htm"←これがリンク先ですので、落ち着いてください。

noname#92765
質問者

お礼

ありがとうございます。 前任の担当者の伝達ミスと言うことが本日判明しました。 大変失礼致しました。 御迷惑をおかけしたことお詫び申し上げます

回答No.1

おはようございます。もう8時すぎちゃいましたね。全体のソースがないとわかりずらいですね。それに知恵袋でも聞いてますね。急いでいるのは分かりますけどマナーに反しますね。 一ついえば <a name="NEW_20090805A" id="NEW_20090805A">2009/08/05</a>   の記述はリンクとして成立しないですので、おかしいですね。書き換えたのですか?まだ募集しているなら考えますけど、会社の人に聞いたほうがよいのでは?

noname#92765
質問者

お礼

大変失礼致しました。 今後、質問をしないように致します。 申し訳ありませんでした。

関連するQ&A

  • 【至急】教えてください

    HPの引継ぎを受けました。初心者で困っていることがあります。 それは、リンクが全部同じ箇所になってしまったという不具合です。 過去一年間分の出来事が書いてあるA.htmlというページがあります。 ここには、2009/07/01(リンク先:B-0907.htm)・・・・、 2009/04/26(リンク先:B-0904.htm)・・・という内容があります。 このそれぞれの記事にはリンクが貼ってあり、詳細のページにいくようになっております(カッコ内のHTMlに飛ぶようになっている)が、リンク先は月ごとにページが区切ってあるものです。 当該の月(今月なら8月)は、B-moto.htmという状態になっていますが、過去の月になると、それをB-0908.htmという形で修正をしてサーバー上に置き、当該の月のリンク先がB-moto.htmとなるという形です。 (★部分スタート) 少し話がややこしくなりますが、9月のページを作ろうと、今までmoto.htmとなっていたものを、B-0908.htmとして名前を修正し、新たに9月の内容を書く、moto.htmを作成しました。 来月以降、この作業をずっと繰り返すことになります。(ここまで★部分) 今までのページのソースを見てもリンク先を変えてたりはしてないで、ずっとmoto.htmにリンクが貼ってあるような状態で、その場所を示すタグ<a name="NEW_20090731" id="NEW_20090731">というものが書いてある状態です。 でも、この作業(★部分)をしたところ、全てのリンク先が、moto.htmになってしまったのです。それまでは、0907.htm 0906.htmにりんくがはられていたのに・・・ これはどうしたら修正できるのでしょうか・・・ 教えていただけますか?

  • cssのみで折りたたみまたはプルダウン

    javascriptを使わずに、IE6に対応させた 縦並びの「折りたたみ」または「プルダウン」メニューのようなものを、 いろいろやっても作れず、助けてください! ソースは以下です <dl> <dt id="Name"><a href="#">おなまえ</a></dt> <dd id="Profile">プロフィールプロフィールプロフィールプロフィールプロフィールプロフィール</dd> <dt id="Name"><a href="#">おなまえ</a></dt> <dd id="Profile">プロフィールプロフィールプロフィールプロフィールプロフィールプロフィール</dd> <dt id="Name"><a href="#">おなまえ</a></dt> <dd id="Profile">プロフィールプロフィールプロフィールプロフィールプロフィールプロフィール</dd> </dl>

  • HTMLのマークアップ方法

    WEB製作を勉強中のものですが、こうゆうソースを見つけたので教えていただけないでしょうか? <dl class="top_list"> <dd><a href="http://www---------">ぬくぬくマフラーを編もう</a></dd> </dl> <dl class="top_list"> <dd><a href="http://www---------">かぎ針・棒針体験</a></dd> </dl> <dl class="top_list"> <dd><a href="http://www---------">フェルトで季節のスウィーツ作り</a></dd> </dl> のように定義リストで<dt>タグがなくても成立するのですか? Dreamweaver cs3を使用しているのですがソースは手入力ですか?

  • HTMLのリンクタグが一つだけ機能しない

    質問させていただきます。 出来れば大至急回答いただけるとうれしいです。 ●/<a href="2.htm">●</a>/<a href="3.htm">●</a>/<a href="4.htm">●</a><br> というタグなのですが、最後の 4.htm のリンクだけ何故か反応しません。リンクとしてカーソルが指の形にはなるのですが、何度クリックしても目的のページに飛んでくれないのです。 何か間違っているのでしょうか・・・よろしくお願いいたします!

  • Jqueryでのアコーディオン について

    Jqueryでのアコーディオンのリンク について教えていただければ幸いです。 下記のアコーディオンを メニュー1をクリックするとリンク先に飛び さらに、アコーディオンが開くようにしたくて下記のアコーディオンを 作りましたが、 そのように、機能しませんでした。 全ての<a> タグにリンクを設定してみました。 ですが、 「サブメニュー」のリンクは機能するのですが 「メニュー1」等のリンクは機能しませんでした。 具体的には、リンク先に飛ばないまま、 アコーデイォンが開いてしまいます。 どうすれば、サンプル.html (dtタグ部分)をクリックするとリンク先に飛び さらに、アコーディオンが開くようになるのでしょうか? もし、ご存じの方がいましたら力を貸していただければ幸いです。 よろしくお願いします。 $(function() { $('#accordion dd').hide(); $('#accordion dt a').click(function(){ $('#accordion dd').slideUp(); $(this).parent().next().slideDown(); return false; }); }); <dl id="accordion"> <dt><a href="サンプル.html">メニュー1</a></dt> <dd> <a href="#">サブメニュー1-1.html</a> <a href="#">サブメニュー1-2.html</a> </dd> <dt><<a href="サンプル.html"></dt> <dd> <a href="#">サブメニュー2-1.html</a> <a href="#">サブメニュー2-2.html</a> </dd> <dt><<a href="サンプル.html"></dt> <dd> <a href="#">サブメニュー3-1.html</a> <a href="#">サブメニュー3-2.html</a> </dd> </dl>

  • dtで横並び

    dt同士を横並びにしてその下にddを入れることは出来るでしょうか リンク画像の下にリンク先の名前が入る感じにしたいのです あと他のサイトを参考にしてみたところ以下を 必要な分記述していましたがもっとシンプルにしたいのです <dl> <dt><a href=""><img src="" alt="" title=""></a></dt> <dd><a href=""></a></dd> </dl> divやテーブルを使ったほうがいいのでしょうか?

  • 角丸教えてください。

    HTMLを勉強しています。 下記にソースに丸みを帯びたセルをつけたいのですが わかりません。 わかりやすくおしえていだけないでしょうか? よろしくお願いいたします。 HTML <div class="item-group"> <h3><img src="URL" alt="商品別検索" /><p> </p><td height="400" bgcolor="#c0c0c0"> </h3> <dl> <dt>▼test</dt> <dd><a href="http://URL">・てすと</a></dd> <dd><a href="http://">・★★★</a></dd> <dt>▼test</dt> <dd><a href="http://">・★★★</a></dd> <dd><a href="http://">・★★★</a></dd> <dd><a href="http://">・★★★</a></dd> <dd><a href="http://">・★★★</a></dd> <dt>▼作成中</dt> <dd><a href="http://">・★★★</a></dd> <dd><a href="http://">・★★★</a></dd> <dd><a href="http://">・★★★</a></dd> <dt>▼作成中</dt> <dd><a href="http://">・★★★</a></dd> <dd><a href="http://">・★★★</a></dd> <dd><a href="http://">・★★★</a></dd> <dd><p><a href="http://★★★/">商品一覧</a></p></dd> </dl> </div> になります

    • ベストアンサー
    • HTML
  • HTMLアンカーがFirefoxでうまく飛びません。

    HTMLアンカーがFirefoxでうまく飛びません。 HTMLアンカーを指定して別ページからもリンクできるようにしたいのですが、IEではきちんとアンカーの所に移動するのですが、Firefoxだと、ページの一番下に飛んでしまいます。 ソース************************************************* <a name="a1" id="a1"></a> あいうえお ******************************************************* <a href="../index.html#a1">あいうえお</a> ******************************************************* Firefoxだけうまく行きません。 何が問題なのでしょうか?

    • ベストアンサー
    • HTML
  • html記述ミス??

    1730808の投稿の質問です。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>新しいページ 1</title> </head> <body> <DL> <DT>&lt;SCRIPT Language="JavaScript"&gt; <DT>&lt;!--<!-- <DD>document.cookie=document.cookie+" ; expires=1-Jan-1997 00:00:00 GMT"; --> <DD>result=prompt("パスワードを入れて下さい",""); <DD>if(result != "<FONT color=red>password</FONT>") <DD>{ <DL> <DD>alert("パスワードが違います!") <DD>location.href="http://www.google.co.jp"; </DD></DL> <DD>} <DD>else <DD>{ <DL> <DD>F=new Date(); <DD>S=F.getTime(); <DD>document.cookie="&amp;chk="+S+"&amp;end"; <DD>location.href="secret.htm";</DD></DL> <DD>} <DT>//--&gt; <DT>&lt;/SCRIPT&gt;</DT></DL> </body> </html> 以下の記述を17308に投稿したサイトからコピーしたのですが、間違っているのかスクリプトがそのままUPされてしまいます。 改善点等ございましたらご教授お願いいたします。

  • HTMLアプリでインラインフレーム間リンクの表示

    HTMLアプリケーション(hta)で インラインフレームにリンクボタンを置き、 別のインラインフレームにリンク先を表示する ことができるか教えてください。 ※IE6を使用しています。 HTMLタグを書くと、フレーム内のリンクをクリックすると 別ウィンドウが開いてしまいます。 ただし、フレーム外のリンクであればリンク先の表示ができます。 また、拡張子をhtmに変更すればすべて想定通りの動作をします。 記述に誤り、もしくは良い方法があれば、教えていただけませんでしょうか。 よろしくお願いします。 ------------ aaa.hta <a href="http://www.yahoo.co.jp" target=iframe2>aaa</a> <iframe name="iframe1" src="a_1.htm"></iframe> <iframe name="iframe2" src=#></iframe> a_1.htm <a href="http://www.yahoo.co.jp/" target="iframe2">click!</a> ------------

    • ベストアンサー
    • HTML