ブラウザの表示に関する問題 - HTMLの記述か外部スクリプトの問題か
- IEでは問題なく表示されて、Opera、Firefox、Safariで表示されないのはHTMLの記述が問題なのでしょうか？
- それとも外部スクリプトの問題なのでしょうか？
- 以下はHTMLのソースの一部です。ヘッドセクションにはページのタイトルと外部スクリプトの読み込みを行っています。ボディセクションにはオブジェクトの設定と表示用の要素があります。
- ベストアンサー
ブラウザの表示について
よろしくお願いします。 IEでは問題なく表示されて、Opera、Firefox、Safariで表示されないのはHTMLの記述が問題なのでしょうか？ それとも外部スクリプトのほうの問題なのでしょうか？？ 下記はHTMLのソースの一部です。 -------------------------------------------------------------- <head> <title>catalog test</title> <script type="text/javascript" src="test6.js"></script> <style type="text/css"> table{ border-collapse:separate; } table,tbody,tr,th,td{ border-style:solid; } </style> </head> <body onload="YOMIKOMI(3);"> <p> <object id="TEST" classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83"> <param name="DataURL" value="list2.csv" /> <param name="UseHeader" value="true" /> <param name="TextQualifier" value="'"> <param name="FieldDelim" value=","> </object> </p> <div id="OUTPUT"> </div>
- hajimete-san
- お礼率60% (35/58)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
・CSVファイルをサーバ側で解析・整形したりはしない ・CSVファイルがHTMLと同じサーバにある のであればAjaxを使うしかないと思います。 JavaScriptを使って「CSVファイルを取得・解析・整形」する処理を記述して結果を出力するのです。 Ajaxは流行なので資料はたくさんあるでしょう。 頑張ってみてください。
その他の回答 (1)
- shirayukix
- ベストアンサー率43% (90/207)
使用されているデータバインド機能はInternet Explorer 4以降でしか使えません。 他のブラウザで同じことをやるには全く別の手段を考える必要があります。
お礼
shirayukixさん、遅くなりました、書き込みありがとうございます。 自分なりにも調べて、やはりそういうことのようで、かなり落胆しています。 参考までに、同じような処理をしたい場合、何かよい手段はありますか？行いたい処理の主な内容は以下です。 ・CSVファイルを読み込ませ、その内容を表示させる ・そのCSVの内容に画像データのパスが記述されており、そのパス先の 画像を表示させること どうか、よい知恵をいただければと思います。自分も引き続き 調べ、確認していきます。
関連するQ&A
- CSV形式のExcelファイルをhtmlで表示
訳あって以下のソースを使わなければなりません。 しかし、これだけではエラーになってしまいますよね？ 私は初心者なので、その他何を加えれば実行できるのか、 その基礎的な部分がまったくわかりません。 以下がそのソースです。list1というExcelのデータを表示するものです。 <HTML> <HEAD> <TITLE> </HEAD> <OBJECT CLASSID="clasid:333c7bc4-460f11d0-bc04-0080c7055a83"ID=list> <PARAM NAME="CharSet"VALUE="shift-jis"> <PARAM NAME="DataURL"VALUE="list1.txt"> <PARAM NAME="UseHeader"VALUE="true"> </OBJECT> <TABLE ID="oTable" DATASRC=#list BORDER="2" BGCOLOR="#eeeeff"> <THEAD> <TR> <TD BGCOLOR="#ddddff"><B>品番</B></TD> <TD BGCOLOR="#ddddff"><B><CENTER>品名</CENTER></B></TD> <TD BGCOLOR="#ddddff"><B>カテゴリ</B></TD> <TD BGCOLOR="#ddddff"><B>定価</B></TD> <TD BGCOLOR="#ddddff"><B>特価</B></TD> <TD BGCOLOR="#ddddff"><B>在庫</B></TD> </TR> </THEAD> <TBODY> <TR> <TD><DIV DATAFLD=no ALIGN=right></DIV></TD> <TD><DIV DATAFLD=name></DIV></TD> <TD><DIV DATAFLD=shurui></DIV></TD> <TD><DIV DATAFLD=teika ALIGN=right></DIV></TD> <TD><DIV DATAFLD=tokka ALIGN=right></DIV></TD> <TD><DIV DATAFLD=zaiko ALIGN=right></DIV></TD> </TR> </TBODY> </TABLE> </HTML> どうかお願いしますm(__)m ちなみにエラーメッセージは <object>タグにwidht属性がありません <param>タグが<applet></applet>の外にあります です。 <applet>に何を書けばいいのかわかりません。 このソースの場合、データベースのデータを表示したいだけでもjavaファイルを作らなければならないということでしょうか？ 無知でごめんなさいm(__)m 上記のソースだけ渡されてそれを実行しなければならないので、その他のことがまったくわからないのです。
- ベストアンサー
- ホームページ作成ソフト
- FLASHボタンをHTMLまたはCSSで非表示にしたい。
こんにちは、只今、ホームページを作っています。 CSSで一部のコンテンツを非表示にしているのですが、 FLASHの部分が表示されてしまいます。 対処法を教えていただけますでしょうか？ 【CSS】 @charset "utf-8"; /* CSS Document */ #contents table tr td { font-family: "Blue Highway D Type"; font-weight: bold; text-align: left; } body,td,th { font-family: Blue Highway D Type; color: #999; font-size: 12px; } #contents { visibility:hidden; } 【Html】 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="Style_Index.css" rel="stylesheet" type="text/css" /> </head> <body> <div align="center"> <p></p><div id="Hedder" align="center"><table width="800px" cellspacing="0"> <tr> <td colspan="2" align="left"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="80" id="FlashID2" title="MOBILISEZ_ENTER"> <param name="movie" value="flash/movilisez_logo.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="flash/movilisez_logo.swf" width="200" height="80"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <div> <h4></h4> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player を取得" width="112" height="33" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object></td> </tr> </table></div><p></p> <div id="contents"> <div id="menu" align="center"> <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="35"> <param name="movie" value="flash/F_MenuBar.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <!-- --> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <param name="LOOP" value="false" /> <!-- --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="flash/F_MenuBar.swf" width="800" height="35"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <param name="LOOP" value="false" /> <!-- --> <div> <h4></h4> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player を取得" width="112" height="33" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </div> <div id="Naiyou"><table width="800px" cellspacing="0"> </table> </div> </div> <script type="text/javascript"> <!-- swfobject.registerObject("FlashID"); //--> </script> </div> <script type="text/javascript"> <!-- swfobject.registerObject("FlashID2"); //--> </script> </body> </html>
- 締切済み
- HTML
- WindowsMediaPlayer11・FF3でコントロールバーの非表示ができない
WindowsVista HTMLにタグを記述して、ビデオの埋め込みを行おうとしています。（XHTML1.1） IE7は問題なくコントロールバーが非表示になるのですが、 FireFox３やSafariではコントロールバーが表示されてしまいます。 ShowControls="0" は効かないのでしょうか・・・ <object width="100" height="100" classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" border="0"> <param name="URL" value="test.wmv"> <param name="Autostart" value="True"> <param name="ShowStatusBar" value="false"> <param name="ShowPositionControls" value="false"><param name="ShowControls" value="false"> <param name="EnableContextmenu" value="false"> <param name="uiMode" value="none"> <param name="loop" value="true"> <embed src="test.wmv" width="400" height="225" autostart="1" loop="1" border="0" ShowControls="0"></embed> </object>
- ベストアンサー
- HTML
- textareaで入力した文字を改行したままで表示したいのですが。
textareaに複数行で入力した文字を改行したままで表示したいのですが 改行されずに表示されます。 改行したままで表示するのはどうすればいいでしょうか？ <HTML> <HEAD> <STYLE type="text/css"> <!-- INPUT {font-size: 12px;} --> </STYLE> <SCRIPT language="JavaScript"> <!-- function check(){ var strName; strName = document.nform.textN.value; var test = document.getElementById("test"); test.innerHTML = strName; } //--> </SCRIPT> </HEAD> <BODY> <FORM name="nform" > <textarea cols="30" rows="10" name="textN"></textarea> <input type="button" value=" 確認 " onClick="check()"> </FORM> <DIV id="test" style="position:absolute;font-size:24px;"> </DIV> </BODY> </HTML>
- ベストアンサー
- HTML
- データバインド機能でand検索をしたいので方法をご教授ください
よろしくお願いいたします。 現在、データバインド機能を使用して検索画面を作っております。 javascriptは初心者なので手探りで作っておりますが、 イメージとしましては (1)複数項目をドロップダウンメニューで選択しアンド条件で絞込みます。 (2)その結果をテーブルとして表示したいのです。 (3)テーブルは最初から表示されていなくて、テーブルヘッダーの部分だけを表示させておきたい。 (4)オールクリアのボタンをクリックするとまたもとの状態のテーブルヘッダーだけを表示する。 といった感じです。 初心者なのでまったくわかりません。 ソースは以下になります。 ご教授よろしくお願いいたします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=Shift_JIS"> <TITLE>データバインドル</TITLE> <script language="javascript"> <!-- function ShowTable() { //selectにて選択された値を取得します。 var nIndex; nIndex = document.frmSample.selNumber.value; //データにフィルタをかけます。 objDataBind.FilterValue=nIndex; objDataBind.FilterColumn="num"; objDataBind.FilterCriterion="="; objDataBind.Reset(); } //--> </script> </HEAD> <BODY> <FORM name="frmSample"> <SELECT NAME="selNumber"> <OPTION SELECTED VALUE="1">1 <OPTION VALUE="2">2 <OPTION VALUE="3">3 <OPTION VALUE="4">4 </SELECT> <INPUT TYPE="button" value="データを表示" onClick="ShowTable()"> <SELECT NAME="seltitle"> <OPTION VALUE="うさぎ">うさぎ <OPTION VALUE="かめ">かめ <OPTION VALUE="ねこ">ねこ <OPTION VALUE="いぬ">いぬ </SELECT> <INPUT TYPE="button" value="データを表示" onClick="ShowTable()"> </FORM> <OBJECT classid="clsid:333c7bc4-460f-11d0-bc04-0080c7055a83" id="objDataBind" height="0" width="0"> <PARAM NAME="DataURL" VALUE="base.csv"> <PARAM NAME="UseHeader" VALUE="true"> <PARAM NAME="FieldDelim" VALUE=","> <PARAM NAME="CharSet" VALUE="shift_jis"> </OBJECT> <TABLE DATASRC="#objDataBind" BORDER="1" ID="tblData"> <thead> <TR> <Th><div>番号</div></Th> <Th><div>タイトル</div></Th> </TR> </thead> <TBODY> <TR> <TD><DIV datafld="num"></DIV></TD> <TD><DIV datafld="title"></DIV></TD> </TR> </TBODY> </TABLE> </BODY> </HTML> ｃｓｖファイルは以下のとおりです。 num,title 1,うさぎ 2,かめ 3,ネコ 4,犬 5,かめ
- ベストアンサー
- JavaScript
- CSVファイルからの読取について
よろしくお願いします。 データバインドを利用し、CSVファイルにて画像名を記入し、それを 表示させるスクリプト例をこのカテゴリで拝見し、試してみました。 問題なく表示できたのですが、CSVファイルのレコード数分、どうしてもループして表示されます。レコード数分ループしないようにするには どこを注目すればよろしいでしょうか？ 以下が参考して、若干手を加えたソースです。 ------------------------------------------------------------ <html> <head> <title>TEST CSV IN</title> </head> <body> <object id="TEST" classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83"> <param name="DataURL" value="sample.csv"> <param name="UseHeader" value="true"> </object> <script language="JavaScript"> <!-- document.writeln("<table border=1 DATASRC='#TEST'><tr>"); TEST.Reset(); var rs = TEST.recordset; var Cnt = 0; while (rs.EOF == false){ if(Cnt++ % 3 == 0 && Cnt > 0) document.writeln("</tr><tr>"); document.writeln("<td><img src=" + rs.fields(0) + "></td>"); document.writeln("<td>" + rs.fields(1) + "</td>"); document.writeln("<td>" + rs.fields(2) + "</td>"); rs.MoveNext; } document.writeln("</tr></table>"); --> </Script> </body> </html> -------------------------------------------------- CSVファイルの内容は以下 img,name,phone img/a01.jpg,a01,001-001 img/a02.jpg,a02,002-002 img/a03.jpg,a03,003-003 img/a04.jpg,a04,004-004
- ベストアンサー
- JavaScript
- <PARAM NAME=wmode VALUE=transparent>を使用したFlash表示で困っています。。。
メニュー部分をFlashにしてオンマウスでHTMLページの上にメニューが重なるようなページを作成しようと考えています。 イメージ的には下記サイトのようなページです。 http://www.croxino.jp/croxino/top.do 簡単にテストしてみたところ問題が起きました。 <PARAM NAME=wmode VALUE=transparent>を使用しているFlashの下に表示されているHTMLリンクがオンマウス時に指カーソルになりません。(リンクは機能しているのですが、カーソルが矢印のままだったり指になったりして不安定です。。。 何か解決方法はありますでしょうか。以下がテストしてみたHTMLコードです。よろしくお願いします。 <div style="background-color:#CCCCCC; width:800px;"> <div style="height:50px; z-index:0;"> <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="?http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab...? WIDTH="800" HEIGHT="500" id="sample" ALIGN=""> <PARAM NAME=movie VALUE="test.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=wmode VALUE=transparent> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="test.swf" quality=high wmode=transparent bgcolor=#FFFFFF WIDTH="800" HEIGHT="500" NAME="sample" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"> </EMBED> </OBJECT> </div> </div> <div style="background-color:#000000; width:800px; height:800px; margin-top:100px; z-index:1;"><a href="#">テスト</a></div>
- 締切済み
- CSS
- ASFファイルをHTMLファイル上で表示したいのですが…
映像のASFファイルをホームページ上で表示したいので HTMLファイルに表示のタグを入れたいのですが、 その際に、再生や一時停止のボタンを表示させずに、 ページの更新とともに自動再生するようなタグは ありますか？ 自分でもいろいろ打ってみたのですが、 <object name="MediaPlayer" classid="CLASID:略" satandby=L_Loading_Text type="略"> <param name="FileName" value="ファイル名.asf"> <param name="AoutStart" value="False"> <param name="TransparentAtStart" value="0"> <param name="ShowControls" value="0"> <param name="ShowDisplay" value="0"> <param name="ShowStatusBar" value="0"> <param name="AutoSize" value="0"> </object> のタグだと、ファイルが自動再生してくれなくって 分からないんです!(>_<) 教えて下さい!よろしくお願いいたします。(_ _)
- ベストアンサー
- HTML
- お教え下さい
老人です、ビルダ17を使ってスライドショーを作ったのですが、「Now Loading...」の表示が消えません。 スライドが始まったら終了させるか、写真で上書きする、簡単な方法をお教えください。 <!DOCTYPE html> <HTML lang="ja"> <HEAD> <META charset="UTF-8"> <META name="GENERATOR" content="JustSystems Homepage Builder Version 17.0.1.0 for Windows"> <TITLE>test</TITLE> <style type="text/css"><!-- span#ttx{ position:absolute; top: 30%;left:47%; color Teal; FONT size=18px"; }}} --> </style> </HEAD> <BODY background="paper_bg.gif" bgcolor="#ffffff" text="#666633" link="#ff0000" vlink="#cc6600" alink="#000000" onload="setTimeout('change()', 3000);"> <DIV ALIGN="center"> <span id="ttx"><img src="anime.gif"><br> Now Loading...</span> </DIV> <DIV ALIGN="center"> <P> <B><FONT szize="3" color="#0099ff">パーティー </FONT></B></P> <OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,47,0" width="850" height="561"> <PARAM name="MOVIE" value="flashcontents.swf"> <PARAM name="PLAY" value="true"> <PARAM name="LOOP" value="true"> <PARAM name="QUALITY" value="high"> <PARAM name="WMODE" value="transparent"> <PARAM name="FLASHVARS" value="hpbflcconfig=flashcontents1.xml"> <EMBED src="flashcontents.swf" width="850" height="561" WMODE="transparent" type="application/x-shockwave-flash" flashvars="hpbflcconfig=flashcontents1.xml"></OBJECT> <P align="center"><IMG src="paper_fr.gif" alt="和紙" width="900" height="10" align="middle" border="0"><BR> </P> </DIV> </BODY> </HTML>
- 締切済み
- ホームページ作成ソフト
- データバインドで生成したテーブルの行の色を変えたい
データバインドで生成したテーブルの各行のセルの色を 各データが持っている色で表示したいと考えています。 以下のようなcsvとhtmlを作ってみたところ yamadaのセルをred、suzukiのセルをyellow、kondoのセルをblue と表示するところまではうまくいったのですが 次ページのtanakaがgreenではなくてredのままになってしまいます。 何か良い方法をご存知の方がいらっしゃいましたら教えてください！ よろしくお願いいたします。 <a.csv> ----------------- name,color yamada,red suzuki,yellow kondo,blue tanaka,green ito,aqua saito,red nakanisi,yellow ota,blue isikawa,green naito,aqua nisino,red azuma,yellow <a.html> ----------------- <script type="text/javascript"> <!-- function chStyle() { for(i=0; i<3; i++){ gyo0[i].style.backgroundColor = td_color[i].value; } } --> </script> <body onload="chStyle();"> <TABLE DATASRC="#ID1" BORDER=1 DATAPAGESIZE=3 ID="table1"> <TR> <TD id="gyo0"><SPAN DATAFLD="color"></SPAN></TD> <TD> <SPAN DATAFLD="name"></SPAN> <INPUT TYPE="hidden"datasrc="#ID1" DATAFLD="color" id="td_color"> </TD> </TR> </TABLE> <BUTTON onclick="table1.previousPage()">BACK</BUTTON> <BUTTON onclick="table1.nextPage()">NEXT</BUTTON> <OBJECT classid="clsid:333c7bc4-460f-11d0-bc04-0080c7055a83" id="ID1"> <PARAM name="CharSet" value="shift-jis"> <PARAM name="DataURL" value="a.csv"> <PARAM name="UseHeader" value="true"> </OBJECT> </body> </html>
- ベストアンサー
- JavaScript
お礼
shirayukixさん、再度書き込みありがとうございます。 >・CSVファイルをサーバ側で解析・整形したりはしない >・CSVファイルがHTMLと同じサーバにある CSVファイルはローカルにあり、HTMLと同じところに格納してます。 サンプルなど参考にして、自分なりにがんばっていますが、やはり始めて日が浅すぎるので、うまく作成できない状態です。 データバインドを使わずに、CSV読込→レコード分テーブル作成をやってみたいのです。 検索が下手と理解力がイマイチで完全に手詰まり状態です。弱りました。