スクロール文字についての質問
- HP制作中の方がスクロール文字について質問します。MAQEEとJavaScriptのどちらを使うべきか迷っています。
- MAQEEは簡単にテーブル内で使えますが、IE以外では表示されない欠点があります。JavaScriptはブラウザ依存性がなく、テキストボックス内で使えますが、テキストボックスの縦幅の変更に制限があります。
- テキストボックスを使わずにテーブル内でスクロール文字を作ることは可能でしょうか？ご存知の方、教えてください。
- ベストアンサー
スクロール文字について
今、HPを制作しています。そこでスクロール文字についてご質問です。 今はWindows環境で制作しています、MAQEEを使うかJavaScriptで作るか迷っています。出来ればJavaScriptで作りたいと思っています（といっても知識がないので、コピペになりますが） MAQEEだとIEでしか見えないっていう欠点があります、ただし記述も簡単ですし、テーブルの中で使うので、そのテーブルも大きさも簡単に変えることが出来るのでバランスがとれます。 JavaScriptだと基本的にブラウザに依存することなく、offにしてないかぎり見ることができますよね、ただテキストボックスの中で動くことになるので、そうなると一行テキストボックスの縦幅の大きさが一定でもう少し大きくしたくも出来ません、これは記述次第ではこの縦幅を変えることって出来るんですか？もしくは、テキストボックスを使わずに、テーブルの中にスクロール文字を作ることが出来るんでしょうか？ ご存知の方、よろしくお願いします。
- armstrong-us
- お礼率51% (107/206)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
styleに line-height:2.5; を追加してみて下さい。 こちらでは、これぐらいでイイ感じです
その他の回答 (1)
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
<input type="text" …> のサイズは、styleを使って変えられます。 <input type="text" … style="width:20em;height:50px"> みたいに、 字自体を大きくするには font-size:24pt; 等を追加します。 テキストボックスに限らず tdの中でも文字をスクロールさせることは可能だと思いますが、 意図しないところで折り返しされたりするかもしれません。 ｔｄの中の文字列を捕まえるには、ＤＯＭを使うとブラウザに依存しない様に捕まえることができると思いますが、結構面倒なので、ｉｎｐｕｔフォームを使うのが簡単だと思います。
補足
早速のご指導ありがとうございます。確かに高さも変えることが出来るみたいですね。それで高さを変えてやってみたのですが、文字が中央に来ません、自分なりにちょっといじってみたのですが、うまくいきません。ご存知でしたら教えていただけるとありがたいです <html> <head> <title>テスト</title> <SCRIPT language="JavaScript"> <!-- msg="Wellcome to my Home Page ! ! ! ! ! "; function scroll(){ msg=msg.substring(1,msg.length)+msg.substring(0,1); document.myform.mytext.value=msg; setTimeout("scroll()",200); } //--> </SCRIPT> </head> <BODY onLoad="scroll()"> <form name="myform"> <input type="text" style="height:40px; color:#FFFFFF; FONT-WEIGHT:BOLD; font-size:9pt; background-color:#000000" name="mytext" size="30"> </form> </body> </html>
関連するQ&A
- 文字スクロール ストップ 再スクロール
「やりたい事」 テーブル内でジャバスクリプトを使用し、 文字を右から左へスクロールし、 端っこでストップをかける。 しばらくしたらまた左へスクロールして消える。 また、右から左へ流れ出る。 これの繰り返しをしたい。 テーブルの行数は三行あり、 上から順番に文字の スクロールしてくる時間（スクロール開始時間）に タイムラグがあるが、 左端で一度三行ともストップし、 最後に一斉にスクロールして消えていく、という仕組み。 文字のスクロールはできますが、 文字をストップして、再スクロールする方法と 三行分に文字のスクロールする タイミング（文字の流れる速度ではない）を ズラす方法がわかりません。 どういうコードを記述すればよいのでしょうか？
- 締切済み
- JavaScript
- テキストだけをスクロールバーで
超初心者で 旅行記の様なHPを作ろうと思ったのですが 変なところで苦労しています 旅行の写真画像はそのままで 文章のテキストだけスクロールさせたいんですが 今の段階のテキストボックスとかだと テキストの中にあるポップアップやリンク等の 仕掛けが効いてくれないんです どうやったら仕掛けが効くようになるでしょうか？ 今の所、テーブルで区切って <div style="width: 180; height: 190; overflow: scroll;border:0pt" align="left"> 言葉</div> とかにして作っているんですが、 これだとネスケで表示が無理みたいなんです（涙） 欲をいえばカッコいいものができれば嬉しいですが、、、 ちなみに制作環境は mac os9 ドリームウェイバーで ややこしいタグは借り物をソースでコピペしたりしています（^^; 初質問です。言葉足らずでしょうか？もし足りなかったら補足しますので 言って下さい。お返事戴けたらとっても嬉しいです。
- ベストアンサー
- HTML
- スクロール文字について教えてください
HTML初心者です。 HTML＆CSSというテキストを1冊購入し、勉強始めたばかりです。 テキストに沿って学習しているのですが、「スクロール文字」について掲載はありません。 最終的に作りたいHPのタイトル（「h1」として設定予定）を左から右にスクロールさせたいと思っているのですが、これは CSSで１回の記述で設定できるのでしょうか？ （HPは5ページで構成の予定） それともHTMLファイルにそれぞれ設定するのでしょうか？ 超初心者の質問だと思われますが、なにとぞよろしくお願いします。
- 締切済み
- その他（インターネット・Webサービス）
- 文字列をスクロールさせたい（フォームを使わずに）
頁の任意の位置でスクロールする、『文字列』を入れたいんです。 ただし、フォームの中をスクロールさせるとか、ステータスバーの中に表示するとかは使わずに、あくまでも頁の中の文字列の1行だけをスクロールさせたいのです。<MARQREE>タグだと、ieでは見られるけどネスケには使えないと本には書いてあるのですが、ieとNNの両方で見られるようにしたいのです。 まだ、始めたばかりで、あまり難しいjavascriptは解らないのですが、どなたか、教えていただけないでしょうか。 よろしくお願いします！
- ベストアンサー
- JavaScript
- スクロールテキストボックス リンク
ホームページのトップページにスクロールテキストボックスを設けて、スクロールテキ... ホームページのトップページにスクロールテキストボックスを設けて、スクロールテキストボックスのなかのテキストにリンクを張りたいのですが、やり方がわかりません。誰か分かる方教えてください。
- 締切済み
- HTML
- テキストボックスとスクロールバー
VC++ 2005 Express Edition を使用しています． テキストボックスへの文字列の(末尾への)追加を下のように行っています． vvv this->textBox1->Text = this->textBox1->Text + "\r\n" + textBox2->Text; ^^^ 追加を繰り返してテキストの行数がテキストボックスの高さを越えると右端にスクロールバーが出るのですか，上の方法で追加していくとスクロールバーがテキストボックスの上辺に付いたままで，追加しているテキストを確認できません(スクロールバーの長さは小さくなっているので，文字列が追加されている，ということは分かります)． テキストの行数がテキストボックスの高さ以上になったときに，スクロールバーをテキストボックスの下辺に付ける，ということはできるのでしょうか．
- ベストアンサー
- C・C++・C#
- VBA：水平スクロールバーが要らない！
XP＆Excel2000でVBAを組んでいるビギナーです。 その中でリストボックスを入れたいのですが、例えば、 ４文字程度のテキストしかリストになく、 リストボックスの幅は十分それ以上のスペースがあるのに、 走らせてみると水平スクロールバーが表示されており、 additemで“テキスト”と追加したはずのデータが、まるで“ テキスト ”と前後に余計なスペースが混じっているような感じになってしまいます。 これは一体何が原因でしょうか？ また、リストボックスにはスクロールバーに関するプロパティが見当たりませんが、そもそもスクロールバーを直接設定することはできないのでしょうか？ よろしくお願いいたします。
- ベストアンサー
- オフィス系ソフト
- スクロールテキストボックスでの直接入力
お知らせや更新履歴などをテキストボックスに入れてその中の文字にリンクも張ってあるのをよく見かけますが、どのようにしたらできるのでしょうか？GoliveCS使用、フォームでテキストボックスをを作った場合、エリア内に書く文章はインスペクタのコンテンツ欄に書くようになっており、この文章にリンクをつけたりできません。 テキストボックスの作り方を色々調べてみました。 色々なテキストボックスのソースをコピペで試みましたが結局Formになってしまいコンテンツ欄でしか入力できないので普通の文字しか入れられません。 どなたか教えてください。 宜しくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- テキストボックスの中に文字と計算結果を混在させたい
どうぞよろしくお願いいたします。 javascriptで計算させて、計算テキストボックスの中に文字と計算結果を混在させたいのですが できるのかどうかすらわかりません。 どうぞよろしくおねがいいたします。 サンプルはこれです。 http://www.k-net.co.jp/sample_java.html こちらのサイトの ２JavaScriptで計算するというやつです。 （サンプルをコピペしたら、ここの８００文字の制限にひっかかりました。） これを実行すると最後に 金 額 |￣￣￣￣￣| ＋消費税 |￣￣￣￣￣| ＝ 総合計 |￣￣￣￣￣| ￣￣￣￣￣ ￣￣￣￣￣ ￣￣￣￣￣ テキストとテキストボックス交互に表示されますが、 この表現を |￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣| | 金額 ○○円 ＋ 消費税 ○○円 ＝ 総合計 ○○円 ｜ ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ と １つの長いテキストボックスで表現するにはどうすればいいのでしょうか？ 理由はそのまま、メール発信したいのですが、 細切れにわかれているより1つの方がいいからです。 どうぞよろしくお願いいたします。
- ベストアンサー
- JavaScript
- 文字をスクロールさせる
過去の質問で探しはしたのですが、良い解答が見つかりませんでした。 文字を下から上にスクロールさせたいんですが、ちょっと変わってます。質問は二つです。 １：スクロールする範囲を指定したい。 ２：スクロールはループになっているのだが、ループごとに違うメッセージにしたい。 の二つです。今のところプログラムは <html> <head> <title><title> <script Language="JavaScript"> <!--------------------------- function Tscroll() { y -= 2; document.all["whatNew"].style.top = y; if (y == 100) { setTimeout('Tscroll()',1500); } else if (y > 76) setTimeout('Tscroll()',100); else { //文字書換 y = 124; setTimeout('Tscroll()',100); } return true; } function Tbase() { cnt = 0; y = 124; setTimeout('Tscroll()',100); return true; } //---------------------------------> </script> </head> <body onLoad="Tbase()"> <script Language="JavaScript"> <!--------------------------- st = "ニャぁニャぁ"; document.write("<div id = 'whatNew' style = 'position:absolute;top:124px;'>"); document.write(""+st+""); document.write("</div>"); //---------------------------------> </script> </body> </html> 最終的なイメージとしては、一行幅の枠(実際に枠を作るわけではない)の中で 文字が、下から上にスクロールし、一行枠に文字がきちんとおさまったら 一旦停止。その後上へ消えていく。 すると今度は下から別の文字が来て同じような事を繰り返す。 せめて、divの書き換えの方法や属性等がわかれば、自分でどうにかできると思うんですが・・・
- ベストアンサー
- JavaScript
お礼
いろいろとありがとうございました、問題のほうは解決しました。