逆順表示したい？
- カテゴリページでデータを逆順で表示したいと思っています。PHPの関数array_reverse()を使用すると簡単に実現できます。
- CSVファイルからページデータを取得する関数getPageRecordを使用して、カテゴリページ用のデータを獲得します。
- HTMLのメタタグを設定することで、検索エンジンに対して適切な情報を提供できます。
- ベストアンサー
逆順表示したい？
PHPはほとんど初心者ですが、よろしくお願いします。 カテゴリページでデータがある場合の表示ですが、逆順で表示させたいと思っています。 いろいろ調べてarray_reverse()を使えばいいそうですが、どのように書けばいいかわかりません。 見にくいですが、よろしくお願いします。 <?php $C=$_GET["c"]; //クエリからパラメータを取得 $ID=$_GET["id"]; //クエリからパラメータを取得（アイテム） $DATA=file("item.csv"); //CSVファイルを1行1要素で配列に読み込む $CAT_DATA=file("cate.csv"); //カテゴリ用CSVファイルを読み込む //CSVファイルからページデータを獲得する関数 //@引数 $id ：ページID //@戻り値 array ：ページデータ //（該当するIDがなければ空の配列を返す） function getPageRecord ( $id ) { $filename = 'cate.csv'; // CSVファイル名 $maxlen = 10240; // １行の最大長（バイト） $record = array(); if ($fp = fopen($filename, 'r')) { while ($rec = fgetcsv($fp, $maxlen, ',')) { if ($rec[0] == $id) { $record = $rec; break; } } fclose($fp); } return $record; } //ページデータ獲得 $page = getPageRecord($_GET['c']) //獲得したデータのレイアウト(カテゴリページ用のトップ） ?> <?php if($C){ print"<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'>\n"; print"<html lang='ja'><head>\n"; print"<meta http-equiv='Content-Type' content='text/html; charset=Shift_JIS'>\n"; print"<meta http-equiv='Content-Style-Type' content='text/css'><title>$page[7]</title>\n"; print"<meta name='description' content='$page[4]'>\n"; print"<meta name='Keywords' content='$page[5],$page[6],'>\n"; print"<link rel='stylesheet' href='shop.css' type='text/css'>\n"; print"</head>\n"; print"<body>\n"; include("ninjya.txt"); print"<p class='b'>$page[2]</p>\n"; print"<div id='box'>\n"; print"<div id='hed'>\n"; print"<div class='sitemame'><p> サイト名</p></div>\n"; print"</div>\n"; print"<div id='navi'>\n"; print"<div class='navibody'><A href='url'>ホーム</A>><a href='index.html'>サイト名</a>>{$page[1]}</div>\n"; print"</div>\n"; print"<div id='main'>\n"; print"<div class='mainbody'>\n"; //パラメータがある場合の処理（カテゴリ別のページを表示） print"<h1>{$page[1]}</h1>\n"; for($i=0;$i<sizeof($DATA);$i++){ //$DATAの要素を一つずつ読み込みながら以下の処理を行う $line=explode(",",$DATA[$i]); //1要素をさらにカンマで分解し配列に格納 if($line[1]==$C){ //もしパラメータとカテゴリ番号が一致すれば表示 print"<table width='90%' cellspacing='10'><tbody><tr><td width='20%' rowspan='2'><a href='{$line[2]}'><img src='{$line[3]}' border='0' height='80' alt='{$line[4]}'></a></td>\n"; print"<td width='60%'><a href='{$line[2]}'>{$line[4]}</a>\n"; print"</td>\n"; print"<td width='20%'>\n"; print"<span class='nedan'>{$line[5]}円</span></td>\n"; print"</tr><tr><td width='70%' colspan='2'><a href='item-{$line[0]}.html' title='{$line[4]}'>>>詳細</a></td></tr></tbody>\n"; print"</table>\n"; } } }
- siraku
- お礼率54% (276/508)
- PHP
- 回答数5
- ありがとう数4
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
あっと・・・ for($i=sizeof($DATA)-1;$i>=0;$i--){ に変更してください。
その他の回答 (4)
- yambejp
- ベストアンサー率51% (3827/7415)
index.phpの63行目はちゃんとみましたか？ 括弧の数がちがっていたり、行末に「;」が抜けていたりしませんか？ 前回の回答でもかきましたがそういう「ケアレスミス」の可能性が大です。
補足
すいません確認ですが、 for($i=0;$i<sizeof($DATA);$i++){ //$DATAの要素を一つずつ読み込みながら以下の処理を行う $line=explode(",",$DATA[$i]); //1要素をさらにカンマで分解し配列に格納 if($line[1]==$C){ //もしパラメータとカテゴリ番号が一致すれば表示 これを for($i=sizeof($DATA)-1;$i>=0);$i--){ //$DATAの要素を一つずつ読み込みながら以下の処理を行う $line=explode(",",$DATA[$i]); //1要素をさらにカンマで分解し配列に格納 if($line[1]==$C){ //もしパラメータとカテゴリ番号が一致すれば表示 このように変えればいいのですよね。（まちがっていたらすいません） ちなみに前のままではちゃんと表示できています。
- yambejp
- ベストアンサー率51% (3827/7415)
ためしに、テストデータをつくって 「for($i=sizeof($DATA)-1;$i>=0);$i--){」でやってみましたが 問題なく表示されました。おそらく、なんらかのケアレスミスではないですか？ >試してみましたがエラーがでました。 エラーの内容を転記してください。
お礼
わざわざ試していただきありがとうございます。 エラーですが、このようなものが表示されています。 Parse error: syntax error, unexpected ')', expecting ';' in /home/～/index.php on line 63
- i2719
- ベストアンサー率35% (11/31)
試していませんが、 for($i=sizeof($DATA)-1;$i>=0);$i--){ //$DATAの要素を一つずつ読み込みながら以下の処理を行う
お礼
ご回答ありがとうございます。 for($i=0;$i<sizeof($DATA);$i++){ //$DATAの要素を一つずつ読み込みながら以下の処理を行う の部分を for($i=sizeof($DATA)-1;$i>=0);$i--){ //$DATAの要素を一つずつ読み込みながら以下の処理を行う で試してみましたがエラーがでました。 どうすれば・・
- yambejp
- ベストアンサー率51% (3827/7415)
まるなげすぎて要件がわかりづらいですね。 <?PHP $array=Array(5,2,3,1,4); $array=array_reverse($array); print_r($array); ?> とすれば出力が4,1,3,2,5となります。 こういうのが逆順ですが、やりたいことはどういうことなのでしょう？
お礼
お返事ありがとうございます。 もともと私はPHPが出来ず、このプログラムも他の人から参考にしたものです。 参考までに http://affblog.aki-f.com/?eid=176447#sequel このページのサンプルになります。 http://affiliate.aki-f.com/blogdata/sample5/sample5.php?c=1 CSVにデータを追加すると下に追加されます。これを逆順にして、新しくデータを追加したものは上に表示されるようにしたいです。 そこでいろいろと調べてarray_reverse()で出来そうと分かったのですが、どこをどのように入れれば分からなく質問しています。 わかりづらくてすいませんがよろしくお願いします。
関連するQ&A
- データ)表示件数について
PHPとCSVでデータを表示させる事は出来ました。 希望は、 Pagerを使い１ページに表示する件数を１０件としたいのですが、うまくいきませんでした。 よろしければ修正 or ご教授よろしくお願い致します。 <?php require("Pager/Pager.php"); $params = array( 'mode' => 'sliding', 'perPage' => 20, 'delta' => 5, 'urlVar' => 'p', 'separator' => ' |', 'curPageSpanPre' => '', 'curPageSpanPost' => '', 'prevImg' => '<前の20件', 'nextImg' => '次の20件>', 'firstPageText' => '最初', 'firstPagePre' => '[', 'firstPagePost' => ']', 'lastPageText' => '最後', 'lastPagePre' => '[', 'lastPagePost' => ']', 'spacesBeforeSeparator' => 0, 'spacesAfterSeparator' => 1, 'totalItems' => 1000, 'altFirst' => '最初のページへ移動', 'altPrev' => '前のページへ移動', 'altNext' => '次のページへ移動', 'altLast' => '最後のページへ移動', 'altPage' => 'ページ', ); $pager =& Pager::factory($params); $links = $pager->getLinks(); if ($links['pages'] != '') { echo $links['first'], $links['back'], ' | ', $links['pages'], ' | ', $links['next'], ' ', $links['last']; } print<<<eof <table width="550" class="table01"> <tr> <td width="32" height="18"><div align="center"><strong>画像</strong></div></td> <th width="123"><strong>名前</strong></th> <th width="58"><strong>材料</strong></th> <th width="56"><strong>時間</strong></th> <th width="53"><strong>費用</strong></th> <th width="55"><strong>美味しさ</strong></th> <th width="56"><strong>日</strong></th> <th width="81"><strong>詳細ページ</strong></th> </tr> eof; $csv = fopen ("item.csv", "r") or die(print "ファイルを開く事が出来ませんでした"); while ($items = fgetcsv ($csv, 1000,",")) { print "<tr>\n"; print "<td height='40' rowspan='2'><img src='$items[0]'/></td>\n"; print "<td><center>$items[1]<center></td>\n"; print "<td>$items[2]</td>\n"; print "<td>$items[3]</td>\n"; print "<td>$items[4]</td>\n"; print "<td>$items[5]</td>\n"; print "<td>$items[6]</td>\n"; print "<td>$items[7]</td>\n"; print "</tr>\n"; print "<tr>\n"; print "<td height='16' colspan='7'><div align='left'><a href="$items[8]"></a></div></td>\n"; print "</tr>\n"; } fclose($csv); ?>
- ベストアンサー
- PHP
- CSVデータベース
PHPを使い CSVのデータを表示させる事ができました。 がっ見た目がどうも汚いですよね・・・ もっとすっきりする方法はあるんでしょうか？ あとCSVのデータを検索させるようにしたいのですが何かサンプルとかありませんでしょうか？ 注文多くて申し訳ないですが、是非ともご教授よろしくお願い致します。 <table width="550" class="table01"> <tr> <td width="32" height="18"><div align="center"><strong>画像</strong></div></td> <th width="123"><strong>情報１</strong></th> <th width="58"><strong>情報２</strong></th> <th width="56"><strong>情報３</strong></th> <th width="53"><strong>情報４</strong></th> <th width="55"><strong>情報５</strong></th> <th width="56"><strong>情報６</strong></th> <th width="81"><strong>対象</strong></th> </tr> <?php $csv = fopen ("./data/new.csv", "r") or die(print "ファイルを開く事が出来ませんでした"); while ($items = fgetcsv ($csv, 1000,",")) { print "<tr>\n"; print "<td height='40' rowspan='2'><img src='$items[0]'/></td>\n"; print "<td><center>$items[1]<center></td>\n"; print "<td>$items[2]</td>\n"; print "<td>$items[3]</td>\n"; print "<td>$items[4]</td>\n"; print "<td>$items[5]</td>\n"; print "<td>$items[6]</td>\n"; print "<td>$items[7]</td>\n"; print "</tr>\n"; print "<tr>\n"; print "<td height='16' colspan='7'><div align='left'>$items[8]</div></td>\n"; print "</tr>\n"; } fclose($csv); ?> </table>
- ベストアンサー
- PHP
- ""を"に変えたい！
ほとんど、phpが分からず、人のコードを参考にして作った物をいじっています。 今回、どうしてもわからない事があるので質問しました。 item.csvとcate.csvからページを作成しています。 item.csvにデータを入れるのですが、バナータグを入れると ,"<a href=""http://・・・"" target=""_blank""><img src=""http://・・・"" border=""0""></a>", このようになってしまい、上手く表示ができない状態です。（エクセルが原因と考えられます） ""を"に置き変えてちゃんと表示できるのようにしたいのですが、どのようにすればいいのでしょうか？ この問題点をクリアすればどうにかなりそうです。 すいませんが、どこをどのように直せばバナーが上手く表示できるようになるのでしょうか？ phpがほとんど分かっていない為、詳しく教えてください。よろしくお願いします。 <?php $C=$_GET["c"]; //クエリからパラメータを取得 $DATA=file("item.csv"); //CSVファイルを1行1要素で配列に読み込む $CAT_DATA=file("cate.csv"); //カテゴリ用CSVファイルを読み込む //CSVファイルからページデータを獲得する関数 //@引数 $id ：ページID //@戻り値 array ：ページデータ //（該当するIDがなければ空の配列を返す） function getPageRecord ( $id ) { $filename = 'cate.csv'; // CSVファイル名 $maxlen = 1024; // １行の最大長（バイト） $record = array(); if ($fp = fopen($filename, 'r')) { while ($rec = fgetcsv($fp, $maxlen, ',')) { if ($rec[0] == $id) { $record = $rec; break; } } fclose($fp); } return $record; } //ページデータ獲得 $page = getPageRecord($_GET['c']) //獲得したデータのレイアウト ?> <?php if($C){ print"<head>\n"; print"</head>\n"; print"<body>\n"; for($i=sizeof($DATA)-1;$i>=1;$i--){ //$DATAの要素を一つずつ読み込みながら以下の処理を行う $line=explode(",",$DATA[$i]); //1要素をさらにカンマで分解し配列に格納 if($line[1]==$C){ //もしパラメータとカテゴリ番号が一致すれば表示 //問題箇所：商品出力：バナータグやテキストリンクタグを入れると上手く表示できません print"<table width='90%' class='shop'><tbody><tr><td align='center' width='20%'>{$line[3]}</td><td width='60%' colspan='2'><p>{$line[2]}<br>{$line[7]}</td></tr></tbody></table>\n"; } } }else{ print"<head>\n"; print"</head>\n"; print"<body>\n"; } ?> </body></html>
- ベストアンサー
- PHP
- 表示位置を調整する方法について
下記のソースでtdの上にマウスをあわせていただくと、サブメニューが表示されるtd(「項目 ２」など)があります。 その際、「項目 ７」などはborderの位置と同じ箇所にサブメニューが表示されるのですが、 「項目 ４」はborder付近に表示されず、どうすれば「項目 ７」などと同じように表示できるかがわからなかったので アドバイスいただける方がいらっしゃいましたら、ご教示の程、よろしくお願いします。 なお、tdに「valign="top"」を設定すれば「項目 ４」のサブメニューの表示箇所は意図した箇所となりますが、 その場合、文字が上ぞろえになってしまいました(中央ぞろえにしたいと思います)。 <!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" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>title</title> <style type="text/css"> <!-- body { margin: 0; padding: 0; behavior:url("./csshover.htc"); / IE6対策 / } ul, li { margin:0; padding:0; } li { list-style: none; } a { display:block; } table { width: 300px; } td { border-bottom:1px dotted #777C7E; width:100px; } td:hover { background-color: #c2f4a3; } td .sub { display:none; } td:hover .sub { display:block; position:absolute; margin-left:100px; background-color:#66FFFF; } --> </style> </head> <body> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td>項目 １</td> <td><div class="sub">項目 ２－１<br /> 項目 ２－２<br /> 項目 ２－３</div> <a href="#">項目 ２</a></td> <td><a href="#">項目 ３</a></td> </tr> <tr> <td><div class="sub">項目 ４－１<br /> 項目 ４－２<br /> 項目 ４－３</div> <a href="#">項目 ４</a></td> <td><a href="#">項目 ５</a></td> <td><div class="sub">項目 ６－１<br /> 項目 ６－２</div> <a href="#">項目 ６ 項目 ６ 項目 ６ 項目 ６ 項目 ６ 項目 ６ 項目 ６ 項目 ６ 項目 ６ 項目 ６ 項目 ６</a></td> </tr> <tr> <td><div class="sub">項目 ７－１<br /> 項目 ７－２</div> <a href="#">項目 ７</a></td> <td><div class="sub">項目 ８－１<br /> 項目 ８－２<br /> 項目 ８－３</div> <a href="#">項目 ８</a></td> <td> </td> </tr> </table> </body> </html> 以上、よろしくお願いします。
- ベストアンサー
- CSS
- DreamweaberCS5を使っています。
DreamweaberCS5を使っています。 ルートにフォルダを作り、その下層に新しいページを作りたいのですが、 ルートのライブラリィをそのまま使う方法が全くわかりません。教えてください。 下記の<head>からヘッダーのライブラリーのソースでわかりますか？ <?xml version="1.0" encoding="shift_jis"?> <!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" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="imagetoolbar" content="no" /> <meta name="Description" content="テキスト" /> <link rel="stylesheet" type="text/css" href="css/style.css" media='screen,print' /> <link rel="start" href="index.html" /> <link rev="made" href="mailto:ＵＲＬ" /> <link rel="alternate" type="application/rss+xml" title="RSS" href="http://otax81.com/index.xml" /> <title>テキスト</title> <script type="text/javascript" src="Library/java/rollover.js"></script> </head> <body> <div id="WRAP"><!-- #BeginLibraryItem "/Library/header.lbi" --> <h1>テキスト</h1> <div id="TOP"> <div class="float-left"><a href="http://otax81.com/"><img src="image/otaxheader.jpg" width="476" height="78" alt="ヘッダー" /></a> <a href="company.html"><img src="image/zeirisikailogo.jpg" width="140" height="44" alt="ロゴ" /></a> <a href="greeting.html">テキスト</a></div> </div> <div id="MENU"> <div id="MENULINK"> <div class="menubt"><a href="index.html">テキスト</a></div> <div class="menubt"><a href="menu1service.html">テキスト</a></div> <div class="menubt"><a href="menu2hinto.html">テキスト</a></div> <div class="menubt"><a href="menu4pay.html">テキスト</a></div> <div class="menubt"><a href="menu3actionsheet.html">テキスト</a></div> <div class="menubt"><a href="sitemap.html">サイトマップ</a></div> <br class="clear" /> </div> </div><!-- #EndLibraryItem -->
- 締切済み
- ホームページ作成ソフト
- FC２で画像とHPが表示されない！
ホームページ作成初心者です。よろしくお願い致します。 ■手順■ (1)XHTML＋CSSデザインテンプレートからDL URL→http://pondt.com/con_tpl/standard/ (2)DLサンプルをFC2にて編集 ＜HTML文＞ index.htmlというサンプルファイルをそのまま使用 ＜画像＞ 表示されている画像をアップロード ※解凍後、端からテンプレートフォルダ内の画像をアップロードしました。 ■エラー■ 画像が表示されず文字のみのページになってしまいます。 ■HTML文■ ====ここから================================================== <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>ホームページのタイトルを入れてください</title> <meta name="keywords" content="ホームページのキーワードを入れてください" /> <meta name="description" content="ホームページの紹介文を入れてください" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" /> <meta http-equiv="imagetoolbar" content="no" /> <link href="default.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="head"> <h1>キーワードをいれてください</h1> <h2><a href="./">STANDARD 03（タイトルを入れてください）</a></h2> <div id="head_menu"> <ul> <li><a href="./">HOME</a></li> <li class="off" onmouseover="this.className='on'" onmouseout="this.className='off'"><a>コンテンツ</a> <ol class="sub"> <li><a href="contents01.html">ここのメニューは</a></li> <li><a href="contents01.html">コンテンツ01</a></li> </ol> </li> <li><a href="contents01.html">コンテンツ</a></li> </ul> </div> </div> <div id="contents"> <div id="top"> <p class="line"><img src="img/line01.gif" alt="ライン" width="796" height="3" /></p> <div id="main_image"> <p> 文章が入ります。<br /> TEL 00-000-0000<br /> 削除も可能です。 背景の画像は差し替え可能です。<br /> </p> </div> <p><img src="img/line01.gif" alt="ライン" width="796" height="3" /></p> <div id="top_btm"> <div id="left"> <h3><img src="img/top/st_info.gif" alt="インフォメーション" width="440" height="26" /></h3> <div id="info"> <div id="main"> <h4>2009/01/18</h4> <p>検索エンジン対策としてキーワードを入力できるようにしました。</p> <h4>2008/06/01</h4> <p>本テンプレート配布開始</p> </div> </div><!-- info 終わり --> </div><!-- left 終わり --> <div id="right"> <div id="bnr_sps"> <p class="bnr01"><a href="contents01.html">おすすめ！！（画像差し替え可能）</a></p> <p class="bnr02"><a href="contents01.html">コンテンツ01はこちら（画像差し替え可能）</a></p> </div><!-- bnr_sps 終わり --> </div><!-- right 終わり --> </div><!-- top_btm end --> </div><!-- top 終わり --> <div id="foot_up"></div> </div><!-- contents 終わり --> <div id="copy">Copyright (C) <script language="javascript">document.write(new Date().getFullYear())</script> サイト名を入れてください. All Rights Reserved. </div> </div> <!--↓著作権表示※削除しないでください↓--> <div id="p-copy"> <p><a href="http://pondt.com/" target="_blank">ホームページテンプレートのpondt</a></p> </div> </body> </html> ====ここまで================================================== テンプレート(サンプル表示)通り表示するには、自分でカスタマイズする必要があるのでしょうか？？ローカルで開くぶんには表示されるのでHTML文的には合っていると思ったのですが・・・。 色々調べたのですが、解決しませんでした。 どなたか分かる方いらっしゃいましたらご助言していただけると助かります。よろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- ＨＴＭＬ、ＣＳＳ
ＦＣ２（無料サーバー）でホームページを作っているのですが、ＦＣ２の広告（Ｐｏｗｅｒｅｄ ｂｙ…という下に一行だけ出るもの）が私のホームページに表示されなくて困っています。テンプレートを借りて作成したページで、テンプレートのカスタマイズはしていません。広告が表示されないと規約違反になってしまうので、表示させたいのです。何が原因でしょうか？ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <meta http-equiv="content-style-type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <link rel="stylesheet" href="st.css" type="text/css"> <title>タイトル</title> </head> <body id="TOP"> <!-- ページ全体 --> <div id="page"> <!-- ヘッダー --> <div id="head"> <h1><a href="index.html">Your Sitename</a></h1> </div> <!-- メニュー --> <div id="menu"> <ul> <li><a href="sample.html">SAMPLE</a> <li><a href="link.html">LINK</a> <li class="on"><a href="text_menu.html">TEXT</a> <li><a href="index.html">INDEX</a> </ul> </div> <!-- コンテンツ --> <div id="contents"> <h2>MENU</h2> <div class="text"> <h3>SHORT STORY</h3> <ul class="sub01"> <li><a href="text.html">STORY01</a> </ul> </div> <div class="text"> <h3>LONG STORY</h3> <h4>TITLE01</h4> <ul class="sub02"> <li><a href="text.html">1</a> <li><a href="text.html">2</a> </ul> </div> <div class="text"> <h4>ILLUST01</h4> <ul class="sub02"> <li><a href="img.html"><img src="img/banner01.gif" width="31" height="31" alt="画像名"></a> <li><a href="img.html"><img src="img/banner01.gif" width="31" height="31" alt="画像名"></a> </ul> </div> <div class="pagetop"><a href="#TOP">▲Top</a></div> </div> <!-- フッター --> <div id="foot"> <ul> <li> </ul> </div> </div> </body> </html>
- ベストアンサー
- HTML
- AウィンドウからBウィンドウのページ位置の動かし方
通常のページ（Aページ）にあるボタンを押すことによって、 新しいウィンドウで別のページ（Bページ）を開くプログラムを Javascriptで作りました。 質問したいことは、 新しいウィンドウで開いたBページから Aページで名前をつけた場所（ページの途中）に 直接ジャンプするものを作りたいです。 添付画像のように テレビのチャンネルをチラチラ変えるような感覚で Bページをリモコンのような役割にして Aページの中で見たい位置を次から次に動かしたいです。 Bページを開くまでは問題なくできましたが、 その先ができませんでした。 アドバイスを頂きたいです。 お願いいたします。 （↓自分で作ったコードです） ～～～ Aページ ～～～ <script language="JavaScript" type="text/javascript"> <!-- function openwin(url, winname, width, height) { if(!width) { width = 500; } if(!height) { height= 500; } if(!winname) { winname = 'win'; } w = window.open(url, winname,'width=' +width+ ',height=' +height+ ',status=no,scrollbars=yes,directories=no,menubar=no,resizable=yes,toolbar=no'); } //--> </script> </head> <form method="post"><input type=button onClick="openwin('xxx');" value="サンプル"> </form> <div class="t0"> <table> <tr> <th class="t1"><a name="1" id="1">文章</a></th> <td class="t2"></td> <td class="t3">文章</td> </tr> </table> </div> <div class="t0"> <table> <tr> <th class="t1"><a name="2" id="2">文章</a></th> <td class="t2"></td> <td class="t3">文章</td> </tr> </table> </div> <div class="t0"> <table> <tr> <th class="t1"><a name="3" id="3">文章</a></th> <td class="t2"></td> <td class="t3">文章</td> </tr> </table> </div> ～～～ Bページ ～～～ <a href="#1">１</a> <a href="#2">2</a> <a href="#3">3</a> <a href="#4">4</a> <a href="#5">5</a>
- ベストアンサー
- HTML
- javascriptでCSVを読み込み表示する方法を探しています。
javascriptでCSVを読み込み表示する方法を探しています。 <div id="hoge"> <ul class="hogehoge"> <li><a href="1行目の1つ目のデータ">1行目の2つ目のデータ</a></li> <li><a href="2行目の1つ目のデータ">2行目の2つ目のデータ</a></li> ・ ・ ・ </ul> </div> で、ulに囲まれた部分をjavascriptで生成させたいのですが・・・ （ulのところのCSS指定は、idではなく、classにしたいです） よろしくお願いいたします。
- 締切済み
- JavaScript
- WEBサイト作成時ヘッダーで読込が反映されない部分
ヘッダー部分について質問させていただきます。 一旦、サイトをDW（ドリームウィーバーCS6）やHPB（ホームページビルダー14）で読み込んで、デスクトップに保存後、確認すると、この部分は何故か表示されていませんでした。データとしても、その後は表示されなくなったようです。 この理由が分かりません。 <!-- #BeginLibraryItem "/Library/header.lbi" -->～<!-- #EndLibraryItem -->が原因だとは推測がつきます。詳しい方がいましたら、よろしくお願いします。 念の為に、下記にHTMLとCSSを出来る限り記載しておきます。 HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>タイトル</title> <meta name="Keywords" content="キーワード"> <meta name="Description" content="キーワード"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" type="text/css" href="base1.css"> <script type="text/javascript" src="util.js"></script> <script src="swfobject_modified.js" type="text/javascript"></script> </head> <body id="home"> <div id="topmess"><p><strong>ストロング</strong></p></div><!-- #BeginLibraryItem "/Library/header.lbi" --><div id="header"> <h1><a href="https://www.google.co.jp/">題名</a></h1> <ul> <li id="top"><a href="https://www.google.co.jp/">1</a></li> <li id="com"><a href="https://www.google.co.jp/">2</a></li> <li id="pro"><a href="https://www.google.co.jp/">3</a></li> <li id="con"><script type="text/javascript">mailwrite()</script></li> </ul> </div><!-- #EndLibraryItem --><div id="main" class="clearfix"> <table> <tbody> <tr> <td style="text-align:left;"><a href="http://www.10.jpg" target="_parent"><img src="side_coupon04.jpg" width="197" height="98" alt="4"></a></td> <td style="text-align:center;"><a href="http://www.20.jpg" target="_parent"><img src="side_coupon05.jpg" width="197" height="98" alt="5"></a></td> <td style="text-align:right;"><a href="http://www.30.jpg" target="_parent"><img src="side_coupon06.jpg" width="197" height="98" alt="6"></a></td> <td style="text-align:right;"><a href="http://www.40.html" target="_parent"><img src="side_coupon07.jpg" width="197" height="98" alt="7"></a></td> </tr> </tbody> </table> <br> <br> <img src="pro_img14.jpg" width="791" height="80" alt="TEL" class="btmgn20"> <p><font color="BLUE" size="10">TEL: 0123-456-789</font></p><br> <img src="pro_img11.jpg" width="791" height="150" alt="8" class="btmgn20"><br> <img src="pro_img9.jpg" width="791" height="367" alt="9" class="btmgn20"><br> <table> <tbody> <tr> <td style="text-align:left;"><a href="https://www.google.co.jp/" target="_parent"><img src="img12.jpg" width="395" height="120" alt="A"></a></td> <td style="text-align:right;"><a href="https://www.google.co.jp/" target="_parent"><img src="img13.jpg" width="395" height="120" alt="B"></a></td> </tr> </tbody> </table> </div> <!-- #BeginLibraryItem "/Library/footer.lbi" --><div id="footer"> <div id="ft"> <div class="leftarea"> <h3>見出し3</h3> <p>住所<br /> TIME 1：30～24：40<br /> ※<br /> TEL：0123-456-789<br /> FAX：0123-456-789 </p> </div> <div class="rightarea"> <ul> <li class="fst"><a href="https://www.google.co.jp/">8</a></li> <li><a href="https://www.google.co.jp/">9</a></li> <li><a href="https://www.google.co.jp/">10</a></li> <li><script type="text/javascript">mailwrite()</script></li> </ul> <address>コピーライト</address> </div> </div> </div><!-- #EndLibraryItem --> <script type="text/javascript"> <!-- swfobject.registerObject("FlashID"); //--> </script> </body> </html> CSS /* ------------------------------------------------------------------------------------------------------------ 1. Normalize (No need to edit) -------------------------------------------------------------------------------------------------------------*/ html, body, div, a, h1, h2, h3, h4, h5, h6, p, blockquote, pre,img, ol, ul, li, dl, dt, dd, span, abbr, acronym, address, cite, code, del, dfn, em, ins, kbd, q, samp, strong, sub, sup, var, form, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, applet
- ベストアンサー
- ホームページ作成ソフト
お礼
何度もお返事ありがとうございました。成功しました！ 本当に感謝です！