• 締切済み

テーブルを使わずに

テーブルを使わずに次のようなものを作りたいのですが↓ 同じ行に 普通の文字:JavaScript:セレクトボックス こんな事って出来るでしょうか?よろしくお願いします。

noname#3887
noname#3887

みんなの回答

回答No.2

ごめんなさい。同じ行にするのは答を持っていません。JavaScriptでできたかな? 行が変っていいなら、以下のようにすればいいのですが、これもHTMLのほうでの実現です。 <例のサイトのテーブルを外して次の部分を変えてみてください。> <FORM Method="POST" Name="LINK"> <a href="http://www.microsoft.com/">ここを</a>クリックするとマイクロソフトに飛びます。同じ行にするにはここだけのTableが最も簡単なんだけどね... <SELECT NAME="selLink" onChange="LinkSelect(this.form, this)" ALIGN="right">

noname#3887
質問者

お礼

やはり無理なようですね。 テーブルを使ったレイアウトは本当はあまり良くないと言われていますが、テーブルを使わないで同じように表示できないのが現実ですね。 ありがとうございました。

回答No.1

<form>タグの中で、<input>タグの前後に文字を書いたらできますが、そういうことではないのですか? たとえば、 <HTML> <HEAD> <TITLE>Input Background Color</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- function col(text) { document.bgColor = "#"+ document.form1.ch.value; } // --> </SCRIPT> </HEAD> <body bgcolor="#FFFFFF" onLoad="init()"> <p>BGCOLORを変えて見え方を確認してください</p> <font size="2">[RR GG BB]</font> <form name="form1" action="">これでどう? <input type="text" name="ch" size=6 maxlength=6 value=""> <input type="button" onClick="col(this.form,ch)">こういうこと? </form> </body> </HTML>

noname#3887
質問者

お礼

ご回答ありがとうございます。 すみません。どんなJavaScriptを使うのか書くのを忘れてしまい、補足する機会を待っておりました(^^;)ごめんなさい。 http://www.fc2web.com/ ↑ここの一番下のページにある広告と同じような感じで表示したいのです。その広告はテーブルでレイアウトしていますが。使うJavaScriptも同じものと思って下さって構いません。最後のセレクトボックスは、もし無理なら同じ行でなくても構いません。よろしくお願いします。 PASOKICHI3さんに書いて頂いたソースも楽しめました(^-^)私はJavaScriptが全然分からないので。

関連するQ&A

  • テーブルの枠自体を折り曲げる

    tableタグの事で質問です。 まずは画像をご覧になって欲しいのですが、横に長い表をブラウザの幅に合わせて画像のようにテーブルの枠自体を改行 したいのです。(テーブルの中の文字を改行するのではなく枠を tableタグの事で質問です。 まずは画像をご覧になって欲しいのですが、横に長い表をブラウザの幅に合わせて画像のようにテーブルの枠自体を改行 したいのです。(テーブルの中の文字を改行するのではなく枠ごと改行したいのです。 表の中には自動でプログラムされた値が入るようになっているらしく、TRタグはつかえません。(普通だと折り曲げてはいけないそうですが)この横長の表をHPに掲載すると横のスクロールバーが出るのが嫌なのと iframeで表示させねばならず、スペース的に画像であらわしいたように折り曲げたいのです。 http://okwave.jp/qa/q3312100.html ←このjavascriptが近いかと思うのですが、この例は1行の表の例なので 2行まとめて折り曲げる方法がわかりません。(javascriptがわかりません) どなたか上記のように表現する方法をご存知ではないですか?大急ぎでお願いします。

    • ベストアンサー
    • CSS
  • テーブルの中のテキストボックスについて

    初心者です。 JAVASCRIPTでテーブルの値を参照する時、row,cell指定で出来ますが、 あるセルにテキストボックスがあるときこの値はどのようにすれば参照できるのでしょうか? テキストボックスの名前ではなく、行・列からたぐっていきたいのです。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 複数テーブルにわたるCOUNT

    複数のテーブルで検索条件が当てはまった行を検索し、 その総行数を得たいのですが、 以下のSQL文ではあさっての数値が出てしまいます。 構文が間違っているのでしょうか。 (MySQLを使っています) SELECT Count(*) FROM テーブル1,テーブル2,テーブル3  WHERE (テーブル1.列1 Like 検索文字      or テーブル2.列2 Like 検索文字      or テーブル3.列2 Like 検索文字; どなたか教えてください。よろしくお願いします。

    • ベストアンサー
    • MySQL
  • htmlでテーブル内にテキストボックスを作りたいのですが・・・

    教えてください。 2行のテーブルを作ろうとしています。 1行目が項目で 2行目が入力できるようにしたいです。 入力できるようにしたいので テーブル内にテキストボックスを作ったのですが どうしてもテーブルを作る囲い線と テキストボックスの右側の間に余白ができてしまいます。 テキストボックスの下にできる余白は <form> <table> </table> </form> という感じで、テーブルをフォームで囲むことで 無くすことができました。 HTMLでこの余白を消せる方法がありましたら ぜひ、教えてください。 よろしくお願いしますm(__)m

    • ベストアンサー
    • HTML
  • テーブルの背景を変えたい

    よく背景色と文字色を組み合わせるjavascriptを目にするのですが、ボタンを押すとテーブルの背景が変わるjavascriptはどこかにないでしょうか? サンプルがあれば教えてください。

  • 1つのテーブルに任意の文字を表示させたい

    1行1列のテーブル(テキストボックスみたいなもの)を作っておきます。 テーブルの横もしくは下にリンクを張った?文字又は画像にマウスが乗ると用意してある任意の文字がテーブルに表示させる事は出来るのでしょうか?多分JAVAスクリプトで実現するものだと思うのですが・・・? イメージとしてはリンクさせる文字の上にカーソルが乗るとリンク先の簡単な説明が表示され、クリックで目的ページに飛ぶというようなものです。リンクによって表示される内容が違いますが、表示されるテーブルは同じものを使いたいのです。 質問の内容も判りずらく、失礼な質問ですがよろしくお願いします。

  • スクロール文字について

    今、HPを制作しています。そこでスクロール文字についてご質問です。 今はWindows環境で制作しています、MAQEEを使うかJavaScriptで作るか迷っています。出来ればJavaScriptで作りたいと思っています(といっても知識がないので、コピペになりますが) MAQEEだとIEでしか見えないっていう欠点があります、ただし記述も簡単ですし、テーブルの中で使うので、そのテーブルも大きさも簡単に変えることが出来るのでバランスがとれます。 JavaScriptだと基本的にブラウザに依存することなく、offにしてないかぎり見ることができますよね、ただテキストボックスの中で動くことになるので、そうなると一行テキストボックスの縦幅の大きさが一定でもう少し大きくしたくも出来ません、これは記述次第ではこの縦幅を変えることって出来るんですか?もしくは、テキストボックスを使わずに、テーブルの中にスクロール文字を作ることが出来るんでしょうか? ご存知の方、よろしくお願いします。

    • ベストアンサー
    • HTML
  • テーブルのコピー

    myisam型のテーブルをコピーしたいんですが、テーブルをコピーする命令文はありませんか? create tabeしてカラムを作ってselectで1行ずつコピーする以外に、テーブルをそのままコピーする方法があればそちらの方法でやりたいです。

    • ベストアンサー
    • MySQL
  • JSで、テーブルのある行のみ、非表示/表示を切り替えたい

    こんにちは。 テーブル<Table>内に複数の行があります。 そのうちある行のみを、ボタンクリックにより表示/非表示を切り替えたいのです。 非表示といっても文字を消すのではなく、行そのものを隠したいのです。 用途としては、カテゴリ名「飲み物」をクリックすると、属している項目「ジュース」「お茶」などの行が見えるようにしたいのです。 JavaScriptで以上のようなことを実装できないか模索しております。 ヒントでも結構ですので、お教えいただけると助かります。 よろしくお願いします。

  • 更新が簡単にできるテーブルデザイン

    更新が簡単にできる、テーブルデザインを教えてください。 http://mixes.aki.gs/ 現在はJavascriptのアコーディオン(2行)を使っているのですが、タグがゴチャゴチャして更新の際にどこを更新すれば良いか分かりづらいので、テーブル(1行)を使った形に書き換えたいと思います。 動的なテーブル書き換え (XML) http://allabout.co.jp/internet/javascript/closeup/CU20051030A/index.htm のように別途作ったリストから表を自動生成できるものなどを探しているのですが、このような手軽に実装できそうな方法がありましたら教えてください。 出力されるタグはCSSでもTableでも構いません。サーバーにはCGI/PHPが設置でき、Javascriptなども使用できます。追加/編集が簡単で比較的情報が見やすいものを希望します。

    • ベストアンサー
    • HTML