• ベストアンサー

ASPで表示された結果をHTMLにした時に

これはASPのカテゴリでなくHTMLかもしれないんですが 取引先がASPで膨大なデータベースをつくってくれました。我社はその中で一部のデータが必要なだけなので、検索後の結果が表示されたものをHTMLで1ページにして利用させてもらうことにしました。ブラウザの編集でFRONTPAGEを使ってSAVEしたんですが、かなり表示速度が遅いのです。一部とはいえセルの数でいうと1000個くらいはあるんですが、すべてのセルに <TD class=xl28 style="BORDER-LEFT: medium none; BORDER-TOP: medium none; WIDTH: 32pt" width=42 x:num>\2000</TD> といった感じのタグが記述されていて、そのせいかなと思います。 これを省略するような方法というのはないのでしょうか。 HTMLはわかりますがASPは全然知りません。よろしくお願いします。

  • rasse
  • お礼率64% (18/28)

質問者が選んだベストアンサー

  • ベストアンサー
  • zealzany
  • ベストアンサー率35% (19/53)
回答No.2

手作業ですることになりますが。タグを整理するためならばHTMLのタグをカットするプログラムやタグを付加するプログラムを探されるのも1つかなと思います、項目数が固定なのであれば簡単な入出力のプログラムで後でタグの不可もできますね。エディタの置換やsedなども利用可能ですが・・・

rasse
質問者

お礼

どうもありがとうございました。 エディタの置換機能を使って、シンプルなhtmlに変換することができました。 おかげさまで表示速度はぐっとアップしました。

その他の回答 (1)

  • yuizuian
  • ベストアンサー率42% (103/245)
回答No.1

HTMLのタグの量のせいで重たくなっているんだと思います。 <TD class=xl28 style="BORDER-LEFT: medium none; BORDER-TOP: medium none; WIDTH: 32pt" width=42 x:num>\2000</TD> の不要な部分を削ってはどうでしょう? FRONTPAGE等HTML作成ソフトは不要なタグをばしばし付けてくれます。 それはある程度は手作業で取っていくしかないんですよ。 もしこのテーブルが<TD width=42>\2000</TD>ですむのなら、大分軽くなると思いますよ。

rasse
質問者

お礼

お礼が遅くなり申し訳ありません。 不要な部分を削って軽くすることができました。

関連するQ&A

  • ポインターの乗った行の色を変えて目立たせる

    エクセルからWebページとして保存 したhtmlで、ポインターが乗った行(tr)の色を変えて(ポインターが外れたら元の色になる)目立たせる方法はないでしょうか?スクリプトでも結構です。 宜しくお願いします。 例えば以下のような単位で色を変えたいです。 <tr class=xl2610687 height=32 style='height:24.0pt'> <td height=32 class=xl7710687 style='height:24.0pt'> </td> <td class=xl17910687 style='border-left:none'> </td> <td class=xl16710687 width=117 style='border-top:none;border-left:none; width:88pt'>あああああ</td> <td class=xl10310687 width=66 style='border-left:none;width:50pt'>MOD</td> <td class=xl16710687 width=185 style='border-top:none;border-left:none; width:139pt'>あああああ</td> <td class=xl12110687 width=111 style='border-top:none;border-left:none; width:83pt' x:fmla="=HYPERLINK(&quot;REQUEST\MOD\MOD.doc&quot;,&quot;あああああ&quot;)"><a href="REQUEST/MOD/MOD.doc" target="_blank"><span style='font-size:10.0pt'>あああああ</span></a></td> <td class=xl29510687 width=45 style='border-top:none;border-left:none; width:34pt' x:num>5</td> <td class=xl12110687 width=103 style='border-top:none;border-left:none; width:77pt' x:fmla="=HYPERLINK(&quot;SPEC\MOD\mod.doc&quot;,&quot;あああああ&quot;)"><a href="SPEC/MOD/mod.doc" target="_blank"><span style='font-size:10.0pt'>あああああ</span></a></td> <td class=xl10310687 width=154 style='border-top:none;border-left:none; width:116pt'>B</td> <td class=xl10310687 width=77 style='border-top:none;border-left:none; width:58pt'> </td> <td class=xl17310687 width=77 style='border-top:none;border-left:none; width:58pt'>あああああ</td> <td class=xl23010687></td> </tr>

  • ロールオーバーのHTMLを教えてください。

    二つの図を使いロールオーバーさせる方法を教えてください。 図A(files/559e05ac002.gif)は、イラストのGIFファイルです。 図B(files/559e05ac003.gif)は、そのイラストを加工したアニメGIFです。 サイト閲覧時に、マウスを「イラストである図A」に乗せると「アニメGIFである図B」に切り替わることで、あたかもそのイラストが動き出すようにしたいと思っています。 今は、とても簡易なホームページ作成ソフトを使って、ページのあらかたは出来上がっています。 ただ、図に関しては、ホームページの知識がなく、二つの図を重ねて表示することすらできません。 今は、二つの図が上下に順に配置されています。 ネットで図を重ねるコマンドやロールオーバーのコマンドを調べて自分なりにいじってみましたが、うまくいかないので困っています。 下のコードは、作ったページのタイトル以下の『図の部分』と思われるものをコピーしました。この図の下には説明文が続いていますが、それはここでは省略しました。 このコードをどのように変えたらいいのか、すみませんが教えていただけるでしょうか。 このコードは、フリーのHTMLエディターのHeTeMuLu Creatorを使って表示させ、コピペしました。 OSはWin7です。 よろしくお願いします。 <TR> <TD height=50 vAlign=bottom colSpan=2> <H2><STRONG class=page_title><!-- ACCCHECK タイトル -->(平成27年現在)</STRONG> </H2></TD></TR></TBODY></TABLE> <DIV id=container> <DIV align=center> <TABLE border=0 cellSpacing=0 cellPadding=0 width=800 align=left> <TBODY> <TR> <TD align=left><BR> <DIV><!-- ACCCHECK 内容(本文) --> <P><IMG border=0 alt=データはダウンロードしてから使ってください align=bottom src="(平成27年現在).files/559e05ac002.gif" width=949 height=512><IMG style="BORDER-BOTTOM: medium none; POSITION: relative; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; TOP: 0px; LEFT: 0px" alt=データはダウンロードしてからね align=bottom src="(平成27年現在).files/559e05ac003.gif" width=949 height=512><IMG style="BORDER-BOTTOM: medium none; POSITION: absolute; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; TOP: 0px; LEFT: 0px" </P> <P>&nbsp;</P>

    • ベストアンサー
    • HTML
  • ASP GridViewの高さを固定にするには?

    GridViewで全角10文字がちょうど表示できる幅を設定した場合、 10文字を超えるデータを表示しようとするととセル内で折り返してしまいます。 折り返しせず、10文字だけ表示するにはどうすればいいのでしょうか? <div id="containerData" class="containerData" onscroll="containerHeader.scrollLeft=this.scrollLeft;" runat="server"> <asp:UpdatePanel ID="UpdPlView" runat="server" UpdateMode="Conditional"> <ContentTemplate> <asp:GridView ID="grdList" runat="server" CellPadding="0" AutoGenerateColumns="False" DataSourceID="sqldsList" ShowHeader="False" AllowPaging="False" ShowFooter="True" GridLines="None"> <Columns> <asp:TemplateField HeaderText=""> <ItemTemplate> <table cellspacing="0" class="detailRow"> <tr> <td style="width:100px;"><asp:Label ID="lbl1" runat="server" Text='<%# Eval("Field1") %>'></asp:Label></td> <td style="width:500px;"><asp:Label ID="lbl2" runat="server" Text='<%# Eval("Field2") %>'></asp:Label></td> </tr> </table> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> </ContentTemplate> </asp:UpdatePanel> </div> </div> ***スタイルシート*** .containerData { font-size: 11pt; border: solid 1px black; height: 500px; } .detailRow tr { height:30px; background:white; } .detailRow td { border-bottom: 1px solid black; }

  • 罫表のセルの2重線が表示されない。

    罫表の一部のセルの線種を2重線に変更した所、上手く反映されませんでした。点線とかは反映されるのですが、何がいけないのでしょうか。 下記tableの"たちつてと"のセルの線種を2重線"double"にしてみましたが、IEのブラウザで見ると反映されませんでした。 <table tno=1 style='border-collapse:collapse;border:none'> <tr> <td style='width=100.0pt;border:solid windowtext 1.0pt; padding:0mm 4.95pt 0mm 4.95pt'> <p style='font-size:10.5pt;mso-bidi-font-size:10.5pt; font-family:"MS 明朝"'>あいうえお</p> </td> <td style='width=100.0pt;border:solid windowtext 1.0pt;padding:0mm 4.95pt 0mm 4.95pt'> <p style='font-size:10.5pt;mso-bidi-font-size:10.5pt; font-family:"MS 明朝"'>かきくけこ</p> </td> </tr> <tr > <td style='border-style:dotted;width=100.0pt;border:double windowtext 1.0pt;padding:0mm 4.95pt 0mm 4.95pt'> <p style='font-size:10.5pt;mso-bidi-font-size:10.5pt; font-family:"MS 明朝"'>たちつてと</p> </td> <td style='width=100.0pt;border:solid windowtext 1.0pt;padding:0mm 4.95pt 0mm 4.95pt'> <p style='font-size:10.5pt;mso-bidi-font-size:10.5pt; font-family:"MS 明朝"'>なにぬねの</p> </td> </tr> </table>

    • ベストアンサー
    • HTML
  • テーブルを細線で表示させたい

    Dreamweaver8を使用しています。 テーブルを表示させると線が太くでてしまいます。 コードでは次のようになっていました。 <table width="50" border="1" cellpadding="0" cellspacing="0"> ボーダーは1よく低い値を入力できません。 ためしにエクセルのセルを貼り付けると細線で表示されました。 そのときのコードは、 <table cellspacing="0" cellpadding="0" class="excel1"> <tr> <td height="18" class="excel2" width="72" style="height:13.5pt;width:54pt;"> </td> </tr> </table> となっていて非常に複雑です。 テーブルのシンプルな細線はどうやって作成できますか? よろしくお願いします。

  • HTMLのリンク先が表示されない

    同じフォルダにあるhtmlファイルを表示させるため、 リンクを設定し、いざIEでリンクをクリックすると 全く反応がありません。 コードもしくはファイルの配置ミスなのか判断が付かないため、 御教授下さい。 以下ソースです。取得というリンクをクリックして表示させたいです。 <TABLE cellSpacing=0 cellPadding=0 width=400 border=0> <TBODY> <TD width=40>&nbsp;</TD> <TD width=160><A href="./peace.html">取得</A> </TD> <TD width=20>&nbsp;</TD> <TD width=180><A href="./password.html">パスワード変更</A> </TD></TR> <BR><BR><BR></CENTER></BODY></HTML>

  • HTMLの表で幅を指定しても折り返すことは無理なのでしょうか?

    以下のHTMLの表は横幅を指定していますが、 すごく横長な表になってしまいます。セルの幅を指定してもセル内の文字を折り返す事は不可能なのでしょうか? <html> <head> <title>table</title> </head> <body> <table width="570" border="1"> <tr><td width="130"> test1</td> <td bgcolor="#CCCCCC" width="440"> oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo </td></tr></table> </body> </html>

    • ベストアンサー
    • HTML
  • HTMLのソース

    HPを今作ってますが、IEではまったく問題なく正常に表示されるのに、ネスケでは欠ける部分がでます。どちらかにしか対応しない独自拡張タグではなく、普通のテーブルです。以下がソースです。 <HTML> <HEAD> <TITLE>メイン</TITLE> </HEAD> <BODY bgcolor="000000"> <TABLE WIDTH=700 HIGHT=600 BORDER=1> <TABLE BORDER=1> <TR><TD WIDTH=600 HEIGHT=100>これはテスト表示です</TD><TD WIDTH=100 HEIGHT=100><IMG SRC=TOP2.GIF></TD> </TR> <TABLE WIDTH=700 HEIGHT=200 BORDER=1> <TD><IMG SRC=TOP1.JPG></TD> </TR> </TABLE> <TABLE WIDTH=700 HEIGHT=100 BORDER=1> <TD>これはテストです</TD> </TABLE> </TABLE>  上から8行目の ◎<TR><TD WIDTH=600 HEIGHT=100>これはテスト表示です</TD><TD WIDTH=100 HEIGHT=100><IMG SRC=TOP2.GIF></TD> のテーブルがネスケでは表示されず、下の二つしかでません。IEでは完璧です。いちおう。大きいテーブルに小テーブルを入れているのですが(慣れてないもんで、配置をはっきりさせるため)何か変ですか?まぁ慣れっこの人から見たら、変なとこ山盛りでしょうが、こんな簡単なテーブルで表示差があるとは思いません。どうでしょう?どなたかお時間のあるかたお返事まってます。大変たすかります。

    • ベストアンサー
    • HTML
  • なぜかうまく表示されないNetscape

    まずは以下のHTMLをご覧ください。 ---------------------------------------------------------------- <html> <head></head> <body> <table border="1" width="100%"> <tr> <td width="28%"> </td> <td width="24%"> </td> <td width="24%"> </td> <td width="24%"> </td> </tr> </table> <table border="1" width="100%"> <tr> <td width="28%"> </td> <td width="12%"> </td> <td width="12%"> </td> <td width="12%"> </td> <td width="12%"> </td> <td width="12%"> </td> <td width="12%"> </td> </tr> </table> </body> </html> ---------------------------------------------------------------- これをブラウザで表示させますと上下に2つのテーブルが表示されます。 まずIEのほうで表示させますと、上下2つのテーブルの罫線が widthで指定してあるので、ほぼぴったり罫線の位置が合うのですが、 Netscapeのほうで表示させるのと、なぜか罫線の位置が大きく異なって表示されます。 これの原因は何でしょうか? また、Netscapeみたいに大きく罫線の位置がずれるような 方法はないものでしょうか?

  • HTMLを使って表を作成しているのですが、枠線がキレイに揃いません。

    HTMLを使って表を作成しているのですが、枠線がキレイに揃いません。 下のソースで50と130のとこをきちんとエクセルのように枠線揃えたいのですが、 どのようにしたら良いのでしょうか? よろしくお願いします。 <HTML> <BODY> <TABLE border=1><TR> <TH width="50"></TH> <TH width="135"></TH> <TH width="65"></th> <TH width="65"></th> <TH width="65"></th> </TR><TR> <TD colspan="5"> <TABLE border=1><TR> <TD width=50>50</TD> <TD width=200>200</TD> <TD width=130>130</TD> </TR><TR> <TD width=50>50</TD> <TD width=200>200</TD> <TD width=130>130</TD> </TR></TABLE> </TD> </TR><TR> <TD colspan="5"> <TABLE border=1><TR> <TD width=50 rowSpan=2>50</TD> <TD width=135 rowSpan=2>135</TD> <TD width=65 rowSpan=2>65</TD> <TD width=130 colSpan=2>130</TD> </TR><TR> <TD width=65>65</TD> <TD width=65>65</TD> </TR><TR> <TD width=50>50</TD> <TD width=135>135</TD> <TD width=65>65</TD> <TD width=65>65</TD> <TD width=65>65</TD> </TR><TR> <TD width=250 colSpan=3>250</TD> <TD width=65>65</TD> <TD width=65>65</TD> </TR></TABLE> </TD> </TR><TR> <TD colspan="5"> <TABLE border=1><TR> <TD width=250>250</TD> <TD width=130>130</TD> </TR></TABLE> </TD> </TR> </TABLE> </BODY> </HTML>

    • ベストアンサー
    • HTML

専門家に質問してみよう