回答数
気になる
-
変数を送る方法?(CGIの「**.cgi?mode=00&name=aa.jpg」的な物)
1ページに複数の画像があり、画像クリックで拡大写真を小窓で開くようにしたいです。 枚数分ページ(htmlファイル)を準備するのは避けたいです。自動生成の方でやりたいと思います。 その際、少しでも入力を減らしたいと思うのですが… 現在は以下のようになっています。 --- <SCRIPT language="JavaScript"> <!-- function wopen1(){ wo1=window.open("","WindowOpen1", "width=800,height=700"); wo1.document.write("<html><head><title>画像名</title>"); wo1.document.write("<script language='JavaScript'>"); wo1.document.write("function good(){"); wo1.document.write("window.close() }"); wo1.document.write("</script>\n</head>\n<body>"); wo1.document.write("写真名-コメント"); wo1.document.write("<IMG src='写真パス'>"); wo1.document.write("<center>"); wo1.document.write("<form>"); wo1.document.write("<input type='button' name= 'ok ' value=' Close ' onClick='good()'>"); wo1.document.write("</form>"); wo1.document.write("</center>\n</body>\n</html>"); wo1.document.close(); } (これが写真枚数分) これと、 <A href="javascript:void(0)" onclick="wopen1()"><IMG src="サムネイルパス"~ これの組み合わせです。 これを、 wo1.document.write("<html><head><title>[CGIで言う所の$name的な表現]</title>"); と <A href="javascript:void(0)" onclick="wopen1([CGIで言う所の?name=00&pict=01.jpg的な表現])"><IMG src="写真サムネイルパス"~ で済ませたいのですが、可能でしょうか? その場合、どのように記述したらいいのでしょうか? 出来ればピンポイントで教えていただけるとありがたいのですが… よろしくお願いします。
質問日時: 2004/03/11 16:51 質問者: master-3rd
ベストアンサー
9
0
-
(ホームページ作成ソフトウェアのカテゴリで質問していましたが、回答が得
(ホームページ作成ソフトウェアのカテゴリで質問していましたが、回答が得られませんでしたのでカテゴリを変更して再度質問させていただいています。) 旅行記を載せるためのホームページを作成しています。 地図にいくつかの建物のイラストを置き、その下にいくつかボタンを並べます。 (建物のイラストを置く方法も悩んでいます。レイアウト枠にするのか、テーブルにするのか、またはクリッカブルマップにしたほうがいいのか、、、) いずれかの建物をクリックすると、下に並んだボタンのうち左端のボタンが選択され右方向に2番目のボタンにつながるように矢印が出て、次に別の(または同じ)建物をクリックすると左端のボタンはそのままに左から2番目のボタンから右方向に矢印がでる。また3回目に建物をクリックすると左から3番目のボタンが選ばれて同様に矢印が出るようにしたいのですが・・・こんなことできるのでしょうか? リンク先を同じものにするのは簡単ですが、「いずれかのボタンを押して」同じ結果を出すことを繰り返すことは可能でしょうか? 1からは作れませんが、JavaScriptはソースを見て修正ぐらいならできそうです。 何か案がございましたらお教えください。 よろしくお願いいたします。
質問日時: 2010/10/18 08:29 質問者: emico
ベストアンサー
9
0
-
親ウィンドウで動的に作成したhidden値をサブウィンドウから削除
QNo.4132708 複数のボタンに対するActionと動的hiddenについて で皆様に色々とアドバイスを頂いたものです。 しかし根本的な解決には至らず、また、皆様のお知恵を頂きたく 思います。 現在の問題点としてはサブウィンドウ側でtarget属性とname属性の 削除をonload時に行おうとしていますが、Firefoxだとうまくいき、 IE6だとうまくいかないことまではわかりました。 IE6でもうまくいくようにするにはどうしたらよいか お知恵をいただければ幸いです。 IEだとremoveChildがうまくいかないようなので、その他方法があれば よろしくお願い致します。 =====================機能 ここから===================== 入力内容を確認する画面があり、その画面からは実際にデータを 書き込む機能(1)と一時的に書込み、その結果を別ウィンドウで出力 するプレビュー機能(2)を考えています。 (1)も(2)もAction先は同じCGIで、プレビューの場合のみあるhidden値を 持たせ、Action先のCGI側でそのhiddenが存在すればプレビュー機能(2)、 なければ通常登録機能(1)と処理を分けています。 =====================機能 ここから===================== =====================画面 ここから===================== ※<>はHTMLタグを示す <form> 確認画面 ----------+---------------------------------+ |データ1 | 入力内容1 | +-------------------------------------------+ |データ2 | 入力内容2 | ----------+---------------------------------+ |データ3 | 入力内容3 | +-------------------------------------------+ +--------------+ +--------------+ | プレビュー | | 登録 | +--------------+ +--------------+ <input type="hidden" name="data1" value="入力内容1" /> <input type="hidden" name="data2" value="入力内容2" /> <input type="hidden" name="data3" value="入力内容3" /> </form> ※登録は以下で実行 <input type="button" value="登録" onClick="javascript: run();" /> ※プレビューは以下で実行 <input type="button" onClick="javascript: preview('30');" value="プレビュー" /> =====================画面 ここまで===================== =====================JS ここから===================== function preview(id){ var q = document.createElement('input'); q.type = 'hidden'; q.name = 'name'; q.value = id; newWindow =window.open("about:blank","preName","menubar=no,toolbar=no,location=no,status=no,scrollbars=yes,resizable=yes"); newWindow.focus(); document.forms[0].appendChild(q); document.forms[0].target = 'preName'; document.forms[0].action = run.cgi; document.forms[0].method = 'post'; document.forms[0].submit(); } function run(){ document.forms[0].action = run.cgi; document.forms[0].method = 'post'; document.forms[0].submit(); return; } =====================JS ここまで===================== =====================サブウィンドウ側 ここから===================== <body onLoad="opener.document.forms[0].removeChild(opener.document.forms[0].name);opener.document.forms[0].setAttribute('target', '');"> =====================サブウィンドウ側 ここまで=====================
質問日時: 2008/07/02 14:30 質問者: seseseseto
ベストアンサー
9
0
-
外部からファイルを読み込んだページを作りたい
HTMLページを作っているのですが以下のようなことは実現できないでしょうか。 (1)HTMLの"タイトル"に表示する文字列を、外部のテキストから読み込む。 (2)外部のテキストを更新すれば、(1)のHTMLの"タイトル"も変更される。 この様なHPを作りたいと考えています。 たとえば <title>こんにちわ</title> とべた打ちするのではなく、 titletext.txtというファイルに「こんにちは」と入力し、 <title></title>内にその内容(こんにちはという文字)を読み込むようにしたいです。
質問日時: 2009/10/27 22:58 質問者: kurigara_k
ベストアンサー
9
0
-
ウィンドウからウィンドウへ、フォームからフォームへデータの受け渡し。
あるページにボタンを用意し、そのボタンをクリックすることで、 新しいウィンドウが開くようにしました。 あるページを001.html ,新しいページを002.htmlと仮にします。 001.htmlのボタンのフォームのトコロに、hiddenで たとえば、「この文章を渡す」と記述しておきます。 そして、新しく開いたウィンドウの中のフォームにhidden で渡したいのですが、どのようにしたらいいのですか? 文章記述が曖昧でごめんなさい。補足要求があれば、 しますので、お願いします。 001.htmlにたとえば数学の問題があったとします。そうして、 その問題に対して質問があれば、そのページのボタンを クリックして質問してもらいたい。そのときに、何の問題かを 毎回書いてもらうのは面倒だと思い質問したのです。
質問日時: 2003/08/28 13:31 質問者: arrangemental_jp
解決済
9
0
-
JavaScriptからFORMを生成できるのでしょうか?
素朴な疑問かもしれませんが、 HTML側にFORMタグを置かずに、JavaScriptのみでsubmitを行う方法がありますでしょうか? methodやactionはてはnameまでプロパティ指定できてsubmitの対象をスクリプト内で制御する事例はあるのですがFORMそれ自身を生成(?)する事例を見たことがありません。 セキュリティうんぬんの問題ならもっと危険な関数が昔からあっていろいろな事例がありますので、禁じ手になっているとはどうしても思えません。 なぜ、こんな疑問を持ったかというとJSファイル使ってをHTMLとの分離を考えた場合、常に空のFORMタグをHTML側で用意しなければならないとしたら分離の意味がないような気がして・・・。しかもテキストボックスなどフォームのエレメントはDOM(ID=)を利用すればFORMタグに囲まれていなくても参照できますし・・・。さらにdocument.forms.lengthでフォーム数までわかるのにそれを追加する事例がまったく見あたりません。 childNodeとかではなく、シンプルな手法の解かる方がおられましたらヒントなりを教えてください。 よくご存知の方で、方法が無いということならその理由とか教えていただけると幸いに思います。
質問日時: 2008/07/02 19:17 質問者: ralf124c
ベストアンサー
9
0
-
すみませ~~ん!助けてぇ!
初心者です・・すいません! どうしても解決できずに頭抱えています!!うぅ・・。 a要素をマウスオーバーしたらdiv要素のクラスが入れ替わるようにしたいと思い こんなスクリプトを組んでみたんですが・・・できません。。 原因はたぶん function(){~~}の中身の記述の仕方が違うのかもと・・ そう思っています。 原因を教えていただけませんでしょうか?? ぜひご教授のほどよろしくお願いいたします。。お願いします! HTML------------------------------------------------------------------------- <body> <a href="http://www.yahoo.co.jp/" class="waiwai"></a> <a href="http://www.yahoo.co.jp/" class="waiwai" style="top:100px;"></a> <a href="http://www.yahoo.co.jp/" class="waiwai" style="top:200px;"></a> <a href="http://www.yahoo.co.jp/" class="waiwai" style="top:300px;"></a> <div class="hare"></div> <div class="hare"></div> <div class="hare"></div> <div class="hare"></div> </body> CSS------------------------------------------------------------------------- .hare{ display:block; background:url(toumei.gif) no-repeat; width:300px; height:100px;} .ame{ display:block; background:url(toumei2.gif) no-repeat; width:300px; height:100px;} .waiwai{background:url(toumei.gif) no-repeat; width:300px; height:100px; position:absolute; display:block;} javascript------------------------------------------------------------------- window.onload = function(){ var hai = document.getElementsByTagName("div"); var waku = document.getElementsByTagName("a"); for (var i=0; i<waku.length; i++){ waku[i].onmouseover = function(){ hai[i].className="ame"; } waku[i].onmouseout = function(){ hai[i].className="hare"; } } }
質問日時: 2009/02/24 15:28 質問者: satukun
ベストアンサー
9
0
-
IE6.0で実行した際に、構文エラーと表示されます。
<?xml version="1.0"?> <!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="jp-JP"> <head> <title>try</title> <script type="text/javascript"> <![CDATA[ function try01(){window.alert("try");} ]]></script> </head> <body onload="try01();"> <h1>try</h1> </body> </html> 以上のHTML文書を実行すると構文エラーになります。 私には、どこに問題があるか、わかりません。 何が問題なのか、分かる方がいらっしゃいましたら教えていただきたく思います。
質問日時: 2006/01/05 00:46 質問者: shirousa01
ベストアンサー
9
0
-
javascriptで合計金額を算出したいです。
はじめまして。javascriptに関しまして、初心者ですので是非教えていただけたら幸いです。 ショッピング用のwebサイトを作成していまして、formを商品名も個数もプルダウンで作成した場合、<選択した商品>×<個数>の合計金額の算出は可能でしょうか?また合計金額が3万円以上なら送料無料、3万円未満なら送料一律600円という機能も加えたいのですが・・・ ちなみに消費税の計算は大丈夫です。 どなたかわかる方がいましたら、教えていただけると本当に助かります。どうかよろしくお願い致します。
質問日時: 2009/11/01 04:23 質問者: mizunoke88
ベストアンサー
9
0
-
JavaScriptで連続する空白を、htmlタグ付きで別の文字の連続
JavaScriptで連続する空白を、htmlタグ付きで別の文字の連続に置換する方法 ※可視化のため下記のサンプルでは、空白を「_」で表現しています 「_」の連続を、「#」の連続とそれをタグで囲んだ状態にしたいと思っています。 やりたいことはこんな感じです。 (0):置換前:hoge_hogehove___asd#bn__ (1):置換後:hoge<span class="…">#</span>hogehove<span class="…">###</span>asd#bn<span class="…">##</span> しかし正規表現の書き方が分からなかった為、現状のコードはこんな感じにしています。 str.replace(/_/g, "<span class='…'>#</span>"); 実行結果はこうなります。 (2):現状:hoge<span class="…">#</span>hogehove<span class="…">#</span><span class="…">#</span><span class="…">#</span>asd#bn<span class="…">#</span><span class="…">#</span> 無駄に長いのですがとりあえず現状でも、htmlとして表示したときの結果は間違っていません。 しかし ・正規表現を十分に理解できていないレベルの低いコードっぽい ・最終的には比較的多くの文字列を処理をする ・保持しておいて繰り返し表示するので置換後の文字列を小さくしておきたい と思っています。 (0)を(1)の状態に変換する方法を教えてください。 出来れば正規表現でシンプルにパシッと決める方法を希望しています。 よろしくお願いします。
質問日時: 2010/11/08 12:24 質問者: mibusys
ベストアンサー
9
0
-
テキストボックスの空欄を消したい
urizakaと申します。 さて、現在JavascriptとHTMLで、HTMLのテキストボックスが空欄になって いた場合エラーになるという処理を作っているのですが、その時に空欄の 内容が""の時だけでなく、" "(スペースキー一回)や" "(スペースキー2回) 等の場合も、テキストボックスが空欄であると認識してエラーが出るように したいのですが、何か良い方法ってないでしょうか? VBScriptの場合は、" "を""に変換して比較するという方法が使えるの ですが… すみませんが、宜しくお願いします。 環境は、JBuilder4です。
質問日時: 2001/06/15 11:32 質問者: urizaka
ベストアンサー
9
0
-
下記のスクリプトを高速にする具体的な方法
下記のスクリプトを高速にする具体的な方法 現在、特定のクラスを表示、非表示にしたいと 考えております。 下記のスクリプトだとIEでの動作が遅いので改善方法を模索しております。 どなたかご教授ください。 宜しくお願いいたします。 <script type="text/javascript"> var ids = new Array(); ids = ['default','aaa','bbb']; function change(site){ if(!document.getElementsByTagName){return;} var objs = document.getElementsByTagName('*'); var check = ids.join('|'); var re = new RegExp('(?:^|\\s)'+site+'(?:$|\\s)'); for(var i=0; i<objs.length; i++){ var obj = objs.item(i); if(re.test(obj.className)){ obj.style.display = ''; }else{ if(obj.className){ if(obj.className.match(check)){ obj.style.display = 'none'; }else{ obj.style.display = ''; } } } } } </script> <html> <select name="site_change" id="site_change" onchange="change(this.value)"> <option value="default">デフォルト</option> <option value="aaa">aaa</option> <option value="bbb">bbb</option> </select> <div class="aaa bbb">aaa bbb</div> <div class="aaa">aaa</div> </html>
質問日時: 2010/06/21 10:27 質問者: hunter_999
ベストアンサー
9
0
-
画像マウスオーバーで説明文を表示したい。
ウェブ制作の納期がせまっているにも関わらず、知識不足で 技術的に対応できません。コーディング方法を教えて頂けま すでしょうか。 ------------------------------------- | | | 空間 | | | ------------------------------------- [会社概要] [English Instructor] [中国語講座] 1 2 3 1つの空間と3つの画像がある。 ページ読み込み時は「空間」に5行の企業メッセージが表示。 *背景はブルー、文字色はホワイト [会社概要]画像をマウスオーバーすると「空間」に3行の会社概要文が表示。 マウスをはずすと5行の企業メッセージに戻る。 *背景はブルー文字色はホワイト [English Instructor]画像をマウスオーバーすると「空間」に3行の英語文が表示。 マウスをはずすと5行の企業メッセージに戻る。 URL01(仮)にリンク。 *背景はブルー、文字色はホワイト [中国語講座]画像をマウスオーバーすると「空間」に3行の英語文が表示。 マウスをはずすと5行の企業メッセージに戻る。 URL02(仮)にリンク。 *背景はブルー、文字色はホワイト
質問日時: 2005/07/21 16:46 質問者: justman
解決済
9
0
-
指定時間でバーを100%にする
<div style="width:800px;border:solid 1px blue;"><div id="line" style="background-color:blue;width:0;overflow:hidden;height:1em;">バーの代わり</div></div> document.getElementById('line').style.width を徐々に伸ばして指定ミリ秒で100%にしたいのですが、なかなかできません、指定時間で100%に伸びるような動作はjavascriptではできないような気がしてきました。 何か方法はありますでしょうか?やっぱり無理なんでしょうか
質問日時: 2009/12/02 03:40 質問者: idhokanohi
ベストアンサー
9
0
-
このスクリプトで画像クリック時に新しいウインドウでサイトが開くようにす
このスクリプトで画像クリック時に新しいウインドウでサイトが開くようにするやり方を教えてください。target="_blank"は使えませんか? <a href="javascript:jump()" ><img src="http://bbs3.aimix-z.com/gbbsimg/kondo/3395.jpg"height="100" /></a> <script> url = new Array(); url[0]="http://www.goo.ne.jp/" url[1]="http://www.google.co.jp/" function jump() { p = Math.floor(Math.random() * url.length ); top.location.href = url[p]; } </script>
質問日時: 2010/05/19 02:56 質問者: koyukiran
ベストアンサー
9
0
-
ページTOPへ戻るボタンを常にブラウザの右下についてくるようにするには?
こちらではいつも大変お世話になっています。 今回もjavascriptについてまったくわからないので ヒントor参考サイトや、良ければ、実際のソースなどを 教えていただきたく、質問させていただきました。 ページ内リンクにて、ページの先頭に戻るボタンを押し ページTOPにアンカーリンクさせる場合についてですが 下記参考サイトのように常に右下にPAGE TOPというボタンがあり ブラウザの縦スクロールを移動させても それにくっついて移動するようなボタンを設置したいと思っています。 参考サイト http://r2.hangame.co.jp/playguide.nhn?m=pg01_01 http://ksnst.hangame.co.jp/playguide/playguide02_01.nhn 色々検索しましたが、それらしきものが見つからず困っております。 どうぞ、よろしくお願いします。
質問日時: 2009/07/10 12:25 質問者: testid
ベストアンサー
9
0
-
XHTML1.1に於いてのobject要素の操作
WEBページ作成初心者?(独学ではや6年以上…)です。 ちょこっとJavaScriptを使ったページを作ってます。 余り意味は理解していません。こう言うのにはこれって感じです… 普通にXHTML1.0ですとiframeを使って、画面を作りだし、リンクをクリックすると リンク内のtarget指定によりiframe内に違う情報(ページの変更)を出せます。 これをXHTML1.1においてobject要素だけでは無理なようです。 (object要素に違うページは表示できますがリンククリックしても新しいwindowでしか出ません) これをJavaScriptを利用して、以前の様なフレーム構造を実現するコードを調べているのですが さっぱり見つける事が出来ません… かつ自分で開発する知識も無く、申し訳ないのですが、お知恵をお借りしたいと思い投稿しました。 色々別ページを操作するJavaScriptは調べて試してみたのですが、 何分知識と書籍が無く(中身を見ないと有益な情報かどうかわかりませんし、 田舎な物でこう言った専門的な参考書が殆ど売ってません…) どうかお知恵をお貸し下さい。お願い致します…
質問日時: 2011/04/15 13:20 質問者: abacabu
ベストアンサー
9
0
-
type="text/javascript"
type="text/javascript"とかtype="text/css"を全く書いていないのですが、不都合はありますでしょうか
質問日時: 2009/04/19 19:40 質問者: imkgp
ベストアンサー
9
0
-
セレクトボックスの組み合わせを制限する
6つあるイメージの中から4回選択するものです。さらにこの選択に以下の条件をつけたいのですが。 ・4回選択する中で、イメージ1~3の中から2個 イメージ4~6の中から2個しか選択できない。 というものなのですが、javascriptでこういった条件を指定できるのでしょうか? <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <!--1つめ--> <FORM name="myform"> <SELECT name="imgselect" > <OPTION>イメージ1 <OPTION>イメージ2 <OPTION>イメージ3 <OPTION>イメージ4 <OPTION>イメージ5 <OPTION>イメージ6 </SELECT> <!--2つめ--> <SELECT name="imgselect2" > <OPTION>イメージ1 <OPTION>イメージ2 <OPTION>イメージ3 <OPTION>イメージ4 <OPTION>イメージ5 <OPTION>イメージ6 </SELECT> <!--3つめ--> <SELECT name="imgselect3" > <OPTION>イメージ1 <OPTION>イメージ2 <OPTION>イメージ3 <OPTION>イメージ4 <OPTION>イメージ5 <OPTION>イメージ6 </SELECT> <!--4つめ--> <SELECT name="imgselect4" > <OPTION>イメージ1 <OPTION>イメージ2 <OPTION>イメージ3 <OPTION>イメージ4 <OPTION>イメージ5 <OPTION>イメージ6 </SELECT> </FORM> </BODY> </HTML>
質問日時: 2006/05/23 18:17 質問者: teratera6
解決済
9
0
-
JavaSprictで時間取得と指定した経過時間の結果を表示させたいで
JavaSprictで時間取得と指定した経過時間の結果を表示させたいです。 今まではエクセルでやっていたのですが web上でやらなければならない状態になったので調べたところ JavaSprictだと出来るのではないかと思ったのですが まったく解らない状態でして、ご教示お願いします。 色々調べて貼り付けただけの状態なので、現状全く動かない状態です。 一行の場合、時間取得はできたのですが、 複数行になると時間取得すら出来ない状態です。。 とりあえず添付画像のようにhtmlで形を作ってみましたが、やりたい事は下記のとおりです。 1.時間取得ボタンを押す(24時間表示) 2.押したボタンの横にある時間表示フォームに時間が表示される 3.時間選択メニューから経過時間を選択 4.結果表示に、時間表示フォームに表示された時間+時間選択の時間が表示される これを複数行でできるようにしたいです。 時間取得ボタンで取得した時間が10:00で、10分後を選択した場合 結果表示には10:10と出るようにしたいです。 時間選択メニューをマウスのホイールで動かした時に 結果表示の時間も一緒に動くようにしたいです。 時間表示と結果表示は、TABLE枠内であれば 特にフォーム内に記載される必要はないです。 メモ欄には備考欄として文字を記入できるようにしたいです。 できれば、メモ欄はクッキーに保存されて残るようにしたいです。 色々と指定が多く面倒なことかと思いますが JavaSprictにお詳しい方がいらっしゃいましたらよろしくお願いします。
質問日時: 2010/03/31 10:19 質問者: trmimi
ベストアンサー
9
0
-
テキストをスクロールしてローテーションするには
テキストをスクロールしてローテーションしたいと思いますが、シンプルな方法はありますでしょうか。 次の用な動きを想定しています。 ------------------------------------- <html> <head> <title>一定時間でローテーションする広告</title> <body> <!--shinobi1--> <script type="text/javascript" src="http://x8.tubakurame.com/ufo/133597903"> </script> <noscript> </noscript> <!--shinobi2--> </body> </html> ------------------------------------- よろしくお願いします。
質問日時: 2009/12/02 23:44 質問者: hitoshi432
ベストアンサー
8
0
-
画像のランダムチェンジとフェードイン効果
質問ですが、まず最初に失礼がありましたらお許し下さい。 http://oshiete1.goo.ne.jp/qa3495988.html での質問に関連していると思うので、例を引用させて頂きます。 横590px縦300のメイン画像があり、その横に横180px縦50pxの画像を6個にしての設置を行います。横の180px縦50px画像をロールオーバーにし、更にその画像にマウスを乗せた時に横590px縦300pxのメイン画像も同時に変えたい・・ ここまでは回答で納得したのですが、メイン画像を一定時間でランダムチェンジさせる事とメイン画像の変化時にフェードイン効果を与える事の2点に挌闘しています。過去の質問ログを全部調べましたが、ないものですね。 <html> <head> <title></title> <style type="text/css"> img{border:1px solid red;} #box0 { width:770px; height:300px; position:relative; } #box mainview{ position:absolute; top:0;left:0; } #box0 ul{ position:absolute; top:0;left:590px; list-style-type:none; margin:0; padding:0; } #box0 li{ margin:0; padding:0; } #box0 li img{ vertical-align:top; } </style> <script type="text/javascript"> function sample(obj,mode){ var images = obj.getElementsByTagName('img'); images[0].style.display = (mode)?'none':'inline'; images[1].style.display = (mode)?'inline':'none'; var idNo = images[0].id.match(/(\d)/); for(var x=document.getElementById('mainview').firstChild; x;x=x.nextSibling){ if(x.id){ if(!mode && x.id.match(/0/) || mode && x.id.match(idNo[1])) x.style.display = 'inline'; else x.style.display = 'none'; } } } </script> </head> <body> <div id="box0"> <span id="mainview"> <img src="xxx0" width="590" height="180" alt="xxx0" id="xxx0"> <img src="xxx1" width="590" height="180" alt="xxx1" id="xxx1" style="display:none;"> <img src="xxx2" width="590" height="180" alt="xxx2" id="xxx2" style="display:none;"> <img src="xxx3" width="590" height="180" alt="xxx3" id="xxx3" style="display:none;"> <img src="xxx4" width="590" height="180" alt="xxx4" id="xxx4" style="display:none;"> <img src="xxx5" width="590" height="180" alt="xxx5" id="xxx5" style="display:none;"> <img src="xxx6" width="590" height="180" alt="xxx6" id="xxx6" style="display:none;"> </span> <ul> <li onmouseover="sample(this,true)" onmouseout="sample(this,false)"> <a href=""><img src="yyy1" width="180" height="50" alt="yyy1" id="yyy1"><img src="zzz1" width="180" height="50" alt="zzz1" id="zzz1" style="display:none"></a></li> <li onmouseover="sample(this,true)" onmouseout="sample(this,false)"> <a href=""><img src="yyy2" width="180" height="50" alt="yyy2" id="yyy2"><img src="zzz2" width="180" height="50" alt="zzz2" id="zzz2" style="display:none"></a></li> <li onmouseover="sample(this,true)" onmouseout="sample(this,false)"> <a href=""><img src="yyy3" width="180" height="50" alt="yyy3" id="yyy3"><img src="zzz3" width="180" height="50" alt="zzz3" id="zzz3" style="display:none"></a></li> <li onmouseover="sample(this,true)" onmouseout="sample(this,false)"> <a href=""><img src="yyy4" width="180" height="50" alt="yyy4" id="yyy4"><img src="zzz4" width="180" height="50" alt="zzz4" id="zzz4" style="display:none"></a></li> <li onmouseover="sample(this,true)" onmouseout="sample(this,false)"> <a href=""><img src="yyy5" width="180" height="50" alt="yyy5" id="yyy5"><img src="zzz5" width="180" height="50" alt="zzz5" id="zzz5" style="display:none"></a></li> <li onmouseover="sample(this,true)" onmouseout="sample(this,false)"> <a href=""><img src="yyy6" width="180" height="50" alt="yyy6" id="yyy6"><img src="zzz6" width="180" height="50" alt="zzz6" id="zzz6" style="display:none"></a></li> </ul> </div> </body> </html> の中に何を追加すれば・・・ ご教授の程よろしくお願いします。
質問日時: 2009/12/11 08:55 質問者: aikaj127
ベストアンサー
8
0
-
フラグについて
javascript初心者です。 タイマー作成などで使われる、「フラグ」ですが、よくわかりません。 myButton = 0; function myCheck(myFlg){ if (myButton==0){ myStart=new Date(); myButton = 1; document.myForm.myFormButton.value = "Stop!"; myInterval=setInterval("myCheck(1)",1); }else{ if (myFlg==0){ myButton = 0; document.myForm.myFormButton.value = "Start"; clearInterval( myInterval ); } ・ ・ ・ ・・・onclick="myCheck(0)"> なぜ、『myButton = 0;』のフラグと『myCheck(myFlg)』のフラグが2つ必要なのでしょうか?1つじゃできないんでしょうか? と、レベルの低い質問ですが、よろしくお願いいたします。
質問日時: 2010/02/21 18:47 質問者: jitsjp_spt
ベストアンサー
8
0
-
IE以外のブラウザで対応するには
超初心者です、見よう見まねで以下のような、セレクト1を選ぶとセレクト2は「選択」(2を選べばその逆)になる外部javascriptとhtmlを作ってみました。IEでは動く(option valueにリンクする)のですが他(サファリやファイアーフォックス)では全く動きません。どこか変なところがあるのでしょうか?それともIE以外では諦めなければならないでしょうか?ご教授の程、よろしくお願い致します。 #外部javascript(ファイルネーム select.js) var s; function reSel(c) { if(s&&(s!=c)) s.options[0].selected=true; s=c; } function A_Li() { parent.myNew.location.href=document.Link1.select1.options.value; Sel=document.Link1.select1.selectedIndex; Ms=document.Link1.select1.options[Sel].value; reSel(document.Link1.select1); } function B_Li() { parent.myNew.location.href=document.Link1.select2.options.value; Sel=document.Link1.select2.selectedIndex; Ms=document.Link1.select2.options[Sel].value; reSel(document.Link1.select2); } #以下 HTMLソース <script src="./select.js" type="text/javascript" ></script> <FORM name="Link1"> <select name="select1" onChange="A_Li()"> <option value= new.html selected>選択</option> <option value= aaa.html>aaa</option> <option value= bbb.html>bbb</option> <option value= ccc.html>ccc</option> </select> <select name="select2" onChange="B_Li()"> <option value= new.html selected>選択</option> <option value= ddd.html>ddd</option> <option value= eee.html>eee</option> <option value= fff.html>fff</option> </select> </FORM >
質問日時: 2009/08/25 11:23 質問者: chikomaru
ベストアンサー
8
0
-
配列への大量コピーってあるの?
今,単純に「,」で区切られたデータが大量に続くテキストファイルがあっとします。(もちろん有限ですが) 1,2,3,4,5,6,7,8,9,10,11,12・・・,9999兆 このテキストデータを,javascriptで読み込んでresponseTextに入れたものを, var res = oj.responseText; のようにresにします。 この後, rows = res.split(','); のように,それぞれの数字を配列に入れたとします。 このとき,この配列にデータを入れるという作業は,実際に,rows配列にデータがコピーされるのでしょうか。 それとも,何らかのポインタだけがrowsオブジェクトがに入って,rows[n]とかしたときに,rowsのメソッドが,を判断してn番目の数字を取得するようになっているのでしょうか。 また,それを確かめる方法(証拠)はありますでしょうか。 また,似たような質問ですが, 1,2,3,4,5,6,7,8,9,10,11,12・・・,9999 というデータから res.split(',')[n] のようにsplitメソッドでn番目を取り出す処理と, すでに配列になっているものからn番目を取り出す処理 rows[n] とでは,どちらの作業が軽い(高速)でしょうか? 感覚的には後者ですが,実際の処理はどうなのかなと
質問日時: 2007/03/30 14:09 質問者: ganwan2007
ベストアンサー
8
0
-
ほとんどのブラウザに対応したキーイベントのプログラムをJavascri
ほとんどのブラウザに対応したキーイベントのプログラムをJavascriptで書きたいのですが、 IEではwindow.eventは使えましたがFireFoxなどでは定義されていないエラーになります。 ブラウザごとのキーイベントについて知りたいです。 IE,FireFox,Safari,Chrome,Opera,Netscape,Other
質問日時: 2010/07/13 16:55 質問者: bazax
解決済
8
0
-
onmouseoverで、マウスカーソルの位置を基点(左上)として、別
onmouseoverで、マウスカーソルの位置を基点(左上)として、別ウインドウを開きたい。 テキストの上にマウスカーソルが重なった(onmouseover)とき、 そのマウスカーソルの位置を左上として、別ウインドウをひらきたいのですが、 やり方がわかりません。 どなたかご教授願います。 よろしくお願いします。 ↓(こんな感じです)=============================== onmouseover="mywin=window.open('aaa.jpg','','width=300,height=250,top=???,left=???;')" ↑(こんな感じです)===============================
質問日時: 2010/07/30 16:24 質問者: asakichi00
ベストアンサー
8
0
-
ソースを絶対見られない方法
ソースを絶対見られない方法ってのはあるのでしょうか? 「view-source」「onkeydown」では見れたので それら以外にソースを見られない方法がありましたら教えてください。
質問日時: 2002/10/09 14:13 質問者: matoi
解決済
8
0
-
読み込む外部スクリプトをセレクトボックスを使って選べないでしょうか?
お世話になります。 フォーム内に配置した、1から5までの数字を選べるセレクトボックスを使って、そのフォーム内に読み込む.jsファイルを選択することは出来ないでしょうか? 外部ファイルには、UsualSet.js、EmergencySet.js、PauseSet.jsなどがあって、そのスクリプトファイルの中身は document.write("<input name=\"youbi\" type=\"hidden\" value=\"土曜\"><input name=\"codenumber\" type=\"hidden\" value=\"732\"><input name=\"busho\" type=\"hidden\" value=\"経理\">"); とかいった感じになっています。 つまり、セレクトボックスで何番を選ぶかによって、CGIに渡す値を$youbiと$codenumberと$bushoとの3つ全ていっぺんに変更出来るようにしたい訳です。 しかし、そのセレクトボックスにどういう仕掛けをしたら良いかわからなくて困っています。 まさか、 <FORM ACTION="pro.cgi" METHOD="POST"> <select name="kazu"> <option value="<script language="javascript" src="UsualSet.js>" selected>1</option> <option value="<script language="javascript" src="EmergencySet.js>" >2</option> <option value="<script language="javascript" src="PauseSet.js>" >3</option> <option value="<script language="javascript" src="MorningSet.js>" >4</option> <option value="<script language="javascript" src="FulleSet.js>" >5</option> </select> <input type="hidden" name="kaijou" value="22890"> <input type="hidden" name="boxnumber" value="62"> <input type="submit" name="Submit" value="送信"> </FORM> なんてわけに行かないですもんね。 どうしたらいいかおわかりの方がいらっしゃいましたら、どうかよろしくお願い致します。
質問日時: 2008/11/19 17:38 質問者: chack
ベストアンサー
8
0
-
JavaScriptからphp関数の呼び出し
javaScriptで1秒毎にphpの関数を呼び出しているのですが、 php側で、returnしている日時が動的に表示されません。 何がいけないのか教えて頂けますでしょうか? 色んな参考ページを見ると、phpの関数で動的に 動かせると書いてあるのですが、動的になりません。 -------------------------------------------------------- <jsphptest.htmlソース> <html> <head> <script type="text/javascript"src="jsphptest.php"></script> <script language="javascript"> <!-- function time() { //JavaScriptで日時表示 var now = new Date(); mon = now.getMonth()+1; day = now.getDate(); hou = now.getHours(); min = now.getMinutes(); sec = now.getSeconds(); year = now.getYear(); if (year < 2000) { year += 1900; } if (mon <= "9"){mon = "0" + mon;}; if (day <= "9"){day = "0" + day;}; if (hou <= "9"){hou = "0" + hou;}; if (min <= "9"){min = "0" + min;}; if (sec <= "9"){sec = "0" + sec;}; document.form1.j_tokei.value= year +"/"+ mon +"/"+ day +" "+ hou +":"+ min +":"+ sec; //PHP関数の呼び出し document.form1.p_tokei.value= php_time(); //1秒毎 setTimeout('time()',1000); } // --> </script> </head> <body onLoad="time();"> <form name="form1" mathod=post> JavaScript日時<input type="text" name="j_tokei" size=25><br> PHP日時<input type="text" name="p_tokei" size=25> </form> </body> </html> -------------------------------------------------------- <jsphptest.phpソース> <?php $str .= "function php_time(){"; $str .= "return('".date('Y-m-d H:i:s')."');"; $str .= "}"; echo $str; ?>
質問日時: 2010/02/05 02:18 質問者: mintohime
ベストアンサー
8
0
-
メニューバーのカスタマイズ
javascriptについて教えてください。 いわゆる 折りたたみ型?のメニューバーを作成したく、 サンプルコードを入手したのですが知識が薄いため、進める事ができておりません。。 このページの内容です。slide in slide out でメニューバーを表示/非表示にしています。 http://demos.mootools.net/Fx.Slide 下のhorizon型の折りたたみ時に、以下の状態を作成したいのです。 1.メニューが少し見えるようにする(非表示は嫌なのです) 2.それに触れる(クリックでもOK)とバーが横展開する uniqlockのイメージに近いですね。 なんとか、ご指導いただけないでしょうか。 よろしくお願い致します。
質問日時: 2009/01/20 06:53 質問者: shuu07
ベストアンサー
8
0
-
テキストフィールドへの入力を禁止するには?
「JavaScript例文辞典」で掲載されている「テキストフィールドへの入力を禁止する」方法ですが.... ↓ http://www.openspc2.org/reibun/javascript/form_textfield/007/index.html これを「入力禁止」と「入力可能」ボタンで切り替えていますが。そうではなくて、選択できない、最初から入力できない方法はどうやりますか? 単にテキストフィールドへの入力を禁止したいだけなので、他の書き方があれば教えて下さい。
質問日時: 2003/03/13 18:16 質問者: megawind
ベストアンサー
8
0
-
JavaScriptでテーブルのソートを実行した結果でフォーム送信
ttp://neil.fraser.name/software/tablesort/ こちらを参考にして JavaScriptでテーブルの並び替えをしてみたんですが 並び替え自体は出来たんですが FormのPOST送信がうまくできません IE6では正常なんですが FireFoxではパラメータを取得することができません ソース例 ================================ ・・・・ <script language='javascript1.2' src='tablesort.js'></script> </head> <body> <table> <THEAD> <tr> <td label="nocase"></td> <td label="nocase">名前</td> <td label="case">メールアドレス</td> </tr> </THEAD> <TBODY> <form name="userlist" method="POST" action="aaa.asp"> <tr> <td><input type="radio" name="UserNo" value="0"></td> <td>太郎</td> <td>taro@sample.com</td> </tr> <tr> <td><input type="radio" name="UserNo" value="1"></td> <td>次郎</td> <td>jiro@sample.com</td> </tr> <tr> <td><input type="radio" name="UserNo" value="2"></td> <td>三郎</td> <td>saburo@sample.com</td> </tr> </TBODY> </table> <input type="submit" value=" 動作 "> </form> ================================ tablesort.jsを改良したり HTMLを工夫することによって どのブラウザでも正常に動作するようにするには ならないでしょうか?
質問日時: 2008/03/06 15:34 質問者: punipunipuniko
ベストアンサー
8
0
-
ルパン
こんにちは。 ルパン(アニメ)のタイトルが出るとき、一文字づつ表示されますよね? あれをjavascriptを使って作れますか?(タイプの音と決め音も含めて)
質問日時: 2004/07/04 15:42 質問者: MameSim
ベストアンサー
8
0
-
任意のinput要素同士の連動について
とあるCMSのページ編集画面のカスタマイズに取り組んでいます。 たとえば以下のようなフォームがあるとします。 [x] そのまま上書き保存 [ ] 日付を指定して保存する ([ ]月[ ]日) [実行] 簡略ですが、ソースは以下のような感じです。 <input name="sonomama" type="radio" checked /> そのまま上書き保存 <input name="hokanohi" type="radio" /> 日付を指定して保存 (<input type="text" />月<input type="text" />日) <input type="submit" /> これでちょっと困っているのが、「月」と「日」に適当な 日時を入力したにも関わらず、ラジオボタンname="hokanohi"への チェックを忘れたために結局「そのまま上書き保存」になって しまうことです。なので、<input type="text" />にフォーカスが 移れば自動的にhokanohiにチェックが入るようにJavaScriptを 書けばいいわけですが、これがCMSであるために行き詰まっています。 このCMSは</head>の直前に任意のコードを挿入するようにカスタマイズ することはできますが、inputタグ周辺そのものをカスタマイズする ことはできません。コアファイルを直接編集すれば可能ですが、 コアのアップデートの際の手間などを考えると、できるだけコアは さわらずにすませたいです。 なので、</head>の直前でJavaScriptを読み込み、それだけで 目的の挙動ができるような書き方ができないかと探しています。 最近流行しているAjaxやJavaScriptだと、もともとのソースには ほとんど手を加えず、ライブラリを読み込ませるだけで様々な 処理ができるものがあるようですが、そのような実装をイメージ しています。 このような書き方をすればいい、などのアドバイスが得られると 嬉しいです。
質問日時: 2007/07/15 11:48 質問者: dcorange
解決済
8
0
-
文字コードと小数変換
初歩的な質問かもしれませんが2つほどお願いします。 1.jsファイルの文字コード htmlファイルではheadにシフトJIS指定で記述したのですがjsファイルでは何も指定せずに(指定できるのでしょうか?) 保存したらjsファイルの読み込み時に文字化けしてしまいました。 どちらもWindowsのメモ帳で作成保存したのですがjsファイルの文字コードはどうなるのでしょうか? htmlのほうをEUC指定すると文字化けはおきないのですがフォントがずれるのであまり使いたくありません。 2.小数変換 小数第何位を四捨五入と指定できる関数というのはあるのでしょうか? Math.floorやMath.ceilでは整数値になってしまいます。 10^nで割ってから計算し直さないといけないのでしょうか?
質問日時: 2007/12/27 15:47 質問者: oxfax
解決済
8
0
-
document.form で nullまたは・・・jsエラー
いつもお世話になってます。解決方法を教えてください。 抜粋します。 --- disp.php (元のphpファイル) <form name="dispfm"> <? $test1 = "test1"; $test2 = "test2"; ?> <select name="select1" onchange="get_msg(this)"> <option value="aaa"><?=$test1;?></option> <option value="bbb" selected><?=$test2;?></option> </select> <textarea name="ta1"><?=$msg;?></textarea> </form> --- .js function get_msg(obj){ var no = obj.form.select1.options[obj.form.select1.selectedIndex].value; location.herf="chk.php?&type=select&no="+no; //ここまでは通っていることは確認できている } --- chk.php <? if(type == "select"){ $query = "--- SQL ---"; $rlt = mysql_query($query); $msg = mysql_result($rlt, 0); //ここまでもalertにて通っていることを確認済み //SQLも値とれている ?> <script type="text/javascript"> <!-- document.dispfm.ta1.value = $msg;<---☆ここでjsエラー(Nullまたはー) //★ここあたり //--> </script> <?exit; } ?> --- ☆の部分で「Nullまたはオブジェクトではありません」となり、 元のdisp.phpへ戻ることなく、nullページ(空白何も表示なし)となってしまいます。 ソースをみてもjs部分が書いてあるだけです。 form名とせずにform[0]でしてみたり、getElementByIdでも試しましたが、一向に動きません。 chk.phpでやりたいことは、選んだリストの値をもとに、SQLでtextareaにセットする値を取得する、それを画面を新たに読み込まずにセットしたい、また既に入力された他の値をそのまま残したい。 宜しくお願いします。
質問日時: 2010/01/10 04:16 質問者: 9pinkapple
解決済
8
0
-
メールフォームエラー表示について
お世話になります。 以下のフォーム内容エラー表示のスクリプトはWinIEでは動作するのですが、Firefox、Safariでは動作しません。なぜでしょうか?ご教授下さい。 又、メールアドレスを2つ入力個所を設け、その二つが異なる場合エラーを出したいのですが、どうしたらいいでしょうか? そして、あるチェックボックスにチェックを入れて場合のみ送信ボタンが押すことができるようにするにはどうしたらいいでしょうか? 度重なる質問で申し訳ありません。 何卒宜しくお願い致します。 <html> <head> <script type="text/javascript"> <!-- // メールアドレスチェック function isAddress(address) { if(address.indexOf("@",0)<=0) { return false; } else { return true; } } // submit可能か判定(form1) function jdgSubmit1() { var errItem = ""; // お名前が空の場合 if (document.form1.item('name1').value == null || document.form1.item('name1').value == "") { errItem = errItem + "お名前を入力して下さい。<br />"; document.form1.item('name1').style.backgroundColor = "#BBBBBB"; } else { document.form1.item('name1').style.backgroundColor = "#ffffff"; } // ふりがなが空の場合 if (document.form1.item('name2').value == null || document.form1.item('name2').value == "") { errItem = errItem + "ふりがなを入力して下さい。<br />"; document.form1.item('name2').style.backgroundColor = "#BBBBBB"; } else { document.form1.item('name2').style.backgroundColor = "#ffffff"; } // E-mailが空の場合 if (document.form1.item('eaddress').value == null || document.form1.item('eaddress').value == "") { errItem = errItem + "メールアドレスを入力して下さい。<br />"; document.form1.item('eaddress').style.backgroundColor = "#BBBBBB"; } else { if (!isAddress(document.form1.item('eaddress').value)) { errItem = errItem + "正しいメールアドレスを入力して下さい。<br />"; document.form1.item('eaddress').style.backgroundColor = "#BBBBBB"; } else { document.form1.item('eaddress').style.backgroundColor = "#ffffff"; } } // 本文が空の場合 if (document.form1.item('content').value == null || document.form1.item('content').value == "") { errItem = errItem + "お問い合わせ内容を入力して下さい。<br />"; document.form1.item('content').style.backgroundColor = "#BBBBBB"; } else { document.form1.item('content').style.backgroundColor = "#ffffff"; } // エラーがあるか確認 if (errItem != "") { err.innerHTML = errItem; return false; } document.form1.submit(); } --> </script> </head> <body> <form name="form" action="mail-send.php" method="POST"> <div id="err"></div> <div> <table cellspacing="0" cellpadding="0"> <tr> <td>お名前</td> <td><input type="text" name="name1" size="30" maxlength="100" /></td> </tr> <tr> <td>ふりがな</td> <td><input type="text" name="name2" size="30" maxlength="100" /></td> </tr> <tr> <td>E-mail</td> <td><input type="text" name="eaddress" size="30" maxlength="100" /></td> </tr> <tr> <td>本文</td> <td><textarea name="content" rows="6" /></textarea></td> </tr> </table> </div> <input type="submit" value="送信" name="submit" id="submit" onClick="jdgSubmit1();return false" /> </form> </body> </html>
質問日時: 2007/07/27 22:01 質問者: kssnb_2007
ベストアンサー
8
0
-
グローバル変数とローカル変数について
今JavaScriptを勉強している初心者です。 実は、ある本に書かれているソースコードでグローバル変数とローカル変数の違いがよく分からなくなりましてここに質問させて頂く次第です。 まずは、ソースコードを書きます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-type" content="text/html; charset=UTF-8"> <title>変数のスコープ</title> <script type="text/javascript"> function testFunc(){ var num; num=5; } </script> </head> <body bgcolor="#FFFFFF"> <p style="font-size:200%"> <script type="text/javascript"> var num=3; testFunc(); document.write(num, "<br>") </script> </p> </body> </html> このままだとブラウザに表示されるのはグローバル変数「3」になるというのも今一分からないのですが。 この次に<head>部分の var num; をコメントにします。 すると、何故かローカル変数「5」がグローバル変数になり、<body>部分のtestFunc()メソッドの結果ブラウザに表示される値が「5」になるというものです。 var num; をコメントとする事はnumは変数宣言されていないことになります。 なのに num = 5; が成り立つのもよく分かりません。 そこでアドバイスを頂きたくここに書き込む事にしました。 是非とも宜しくお願い致します。
質問日時: 2011/05/01 22:45 質問者: persona
ベストアンサー
8
0
-
かぶらないランダム画像
こんにちは。 現在ランダムに画像表示+画像毎に各リンク+マウスオーバーで画像切り替え を下記スクリプトで行っております。 function randomImage1() { img = new Array(); img[0] = "photo1.gif"; img[1] = "photo2.gif"; img[2] = "photo3.gif"; img[3] = "photo4.gif"; n = Math.floor(Math.random()*2); url = 'URL1 URL2'.split(' '); document.write('<a href="'+url[n]+'" target="_top"><img src="'+img[n]+'" border="0" onMouseOver="this.src=\''+img[n-0+2]+'\'" onMouseOut="this.src=\''+img[n]+'\'" onClick="location.href=\''+url[n]+'\'"></a>'); } ここで相談です。さらにこのソースを改造して 重複しないでランダムに画像表示させたいのですが、 どこをどう改造すれば良いかアドバイス宜しくお願い致します。
質問日時: 2008/07/20 20:00 質問者: 19780405
ベストアンサー
8
0
-
ブログの記事タイトルを他のページに表示させたい
yahooブログの記事タイトルを自分のホームページのトップページに表示させたいと考えています。 表示させたい内容は、最新の記事3件の更新日、更新時間、記事タイトルです。 スクリプトが分かる方教えて下さい。 広告が入らない方法でお願いします。
質問日時: 2009/10/29 14:05 質問者: fi7
ベストアンサー
8
0
-
テキストで折れ線グラフを表示したい
JavaScriptで実現可能かどうかわからないのですが、 テキストで折れ線グラフを表示したいと考えています。 折れ線グラフは値を取得してのものではなく、 あらかじめ、私が用意した数パターンの折れ線グラフにをひな形に テキストを表示できたらなと思います。 Flashでの表示は考えていません。 どなたかお詳しいかたよろしくお願いいたします。
質問日時: 2008/11/20 19:05 質問者: mokujin14
ベストアンサー
8
0
-
特定のclassを表示、非表示にする
javascriptで特定のclassを表示、非表示にする方法を検討中なのですが、 a,b,cと三つのボタンが有り、abcというclassがあります。 aをクリックするとb,cが非表示になり、aが表示される bをクリックするとa,cが非表示になり、bが表示される cをクリックするとa,bが非表示になり、cが表示される と言う動作をさせたいのですが、上手くいきません。 どなたかご教授ください。 お願いいたします。 <script type="text/javascript"> <!-- function change(site){ if(!document.getElementsByTagName){return;} var e = new Array('a','b','c'); var objs = document.getElementsByTagName('*'); for(i=0;i<e.length;i++){ if(e[i] != site){ for(y=0;y<objs.length;y++){ if(objs[y].className == e[i]){ objs[y].style.display = 'none'; }else{ objs[y].style.display = ''; } } } } } // --> </script> <table cellspacing="10"> <tr> <th>テスト</th> <td> <input type="text" name="" id="" class="a" value="" /> <input type="text" name="" id="" class="b" value="" /> </td> </tr> <tr> <th>test</th> <td> <input type="text" name="" id="" class="c" value="" /> </td> </tr> </table> <a href="javascript:change('a')">a</a> <a href="javascript:change('b')">b</a> <a href="javascript:change('c')">c</a>
質問日時: 2010/03/22 09:54 質問者: hunter_999
ベストアンサー
8
0
-
JAVAスクリプトでのFORM入力チェックの方法
JAVAスクリプトでのFORM入力チェックの方法を教えてください。 ネットでいろいろ探してはめ込んだのですが、動作するプログラムが下記のしかありませんでした。 ラジオボタンの入力チェックとプルダウンの入力チェックを同時にしたいのですがよくわかりません。 今の状態ではラジオボタンをチェックしても未入力のアラートが出てしまいます。 あとこれにプルダウンの入力チェックをつけたいのですが… すいませんがどなたか教えてください。よろしくお願いします。 function Form_Validator(theForm) { var flag=false; var i; for(i=0; i<theForm.OPT-00-06.length; i++){ if (theForm.OPT-00-06[i].checked){ flag = true; break; } } if(!flag){ alert("\"OPT-00-06\" にチェックしてください。"); return (false); } if(confirm("入力もれはありません。")){ return (true); }else{ return (false); } <form name="form1" method="POST" action="~cgi?" onsubmit="return Form_Validator(this);"> ・ ・ <input type="radio" name="OPT-00-06" value="A"> <input type="radio" name="OPT-00-06" value="B"> ・ ・ <select name="OPT-00-07"> <option value="">選択してください</option> <option value="80">80</option> <option value="81">81</option> ・ ・ ・ <select name="OPT-00-08"> <option value="">選択してください</option> <option value="35">35cm</option> <option value="36">36cm</option> ・ ・ ・ <input type="submit" value="カートに入れる" name="submit"> <input type="reset" value="内容をクリア" name="reset"> </div> </form>
質問日時: 2007/08/02 19:27 質問者: zyura
ベストアンサー
8
0
-
Arrayオブジェクトのsort()メソッド
テキストに書いているArrayオブジェクのsort()メソッドを実行しました。 ソースコードは以下のとおりです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-type" content="text/html; charset=UTF-8"> <title>Arrayオブジェクトのメソッド</title> <script type="text/javascript"> </script> </head> <body bgcolor="#FFFFFF"> <p style="font-size:200%"> <script type="text/javascript"> var ages = new Array(4, 6, 10, 24, 1, 11, 40); ages = ages.sort(); document.write(ages.join(" > ")); </script> </p> </body> </html> すると、ブラウザにこのように表示されました。 (ちなみに > は矢印記号で大小を比べるものではありません。) 1 > 10 > 11 > 24 > 4 > 40 > 6 これを見る限り数字の順番が変わっています。 テキストでは、これを「文字列として昇順に並び替えた」と書かれているのですが、私の知識の足りなさから意味がよく分かりません。 ただ、昇順の意味は分かっているつもりです。 もし、昇順に並び替えるのなら、 1 > 4 > 6 > 10 > 11 > 24 > 40 のようになるのではないでしょうか。 頭の悪い私のために是非ともアドバイスを頂ければ大変助かるのですが。 どうぞ宜しくお願い致します。
質問日時: 2011/05/06 18:15 質問者: persona
ベストアンサー
8
0
-
極小コードに挑戦!part2 数列を漢数字表記で!
前回のカレンダーが 便利というわけではないが・・・ と思われてしまったので、実用的かもしれないお題で! もちろんアルゴリズムは問いません。 ○ 1111 千百十一 × 1111 一千一百一拾一 数列を漢数字表記に変換するコードを匠の技で見せてください!^^; 不可思議とかまでいっちゃってもOK! <html> <script> alert(kansuji('12345678901234')); function kansuji(num){ var k = ' 一 二 三 四 五 六 七 八 九'.split(' '); var t = ' 十 百 千'.split(' ') var u = ' 万 億 兆 京'.split(' '); var m = num.length; var r = ''; var c = 0; var f = 0; for(var i=0;i<m;i++){ n=num.substr(m-i-1,1); if(c>3) {c=0;t[0]=u[++f];} r=((c && n==1)?'':k[n])+t[c]+r; c++; } return r; } </script>
質問日時: 2008/10/10 16:11 質問者: _pipi_
解決済
8
0
-
javascriptでフォーム部品の参照番号を直接取得する方法はありますか?
現在、下記のようにして参照番号を取得しています(o=フォーム部品)。 フォームの部品数が多くなると、時間が多くかかってしまいます。 直接参照番号を取得する方法があったらおしえてください。 for (i=0;i<o.form.length;i++) { if (document.forms[i].elements[i] == o){alert(i);break;} }
質問日時: 2009/02/09 08:55 質問者: kaesan
ベストアンサー
8
0
-
HTMLのフォーム名とJavaScriptの関数名
JavaScriptを勉強し始めたばかりの者です。 submitボタンがonClickされたときにcheckという関数を呼び出しているのですが、 フォーム名とJavaScriptの関数名を同じものにすると、その関数が呼び出されなくなっているようなのです。 ------------------ form.html ----------------------------------------------------- <html> <head> <meta http-equiv="Content-type" content="text/html; charset=euc-jp"> <script type="text/javascript" src="test.js"></script> <link rel="stylesheet" type="text/css" href="style.css"> <title>フォーム</title> </head> <body class="blue" marginwidth="100" topmargin="40" bottommargin="80"> <form name="check" method="post" action="form2.cgi"> <table border="1" cellpadding="7"> <caption>フォーム</caption> <tr> <td>※ID</td> <td><input type="text" name="id"></td> <td>テキストボックス</td> </tr> </table> <br> <input type="submit" name="send" value="送信" onClick="check()"> <input type="reset" name="clear" value="リセット"></td> </form> </body> </html> ------------------ test.js ------------------------------------------------------- <!-- function check() { if( document.check.id.value == "" ){ alert( "※のついている項目は入力必須項目です!" ); } return; } --> ------------------------------------------------------------------------------- 上記のソースで、テキストボックスに何も入力せずに送信ボタンを押してもalertは表示されませんが、 フォーム名あるいは関数名のどちらかをcheck1やcheck_1にすると表示されるようになります。 フォーム名と関数名を同じものにするとalertは表示されません。 フォーム名と関数名の関係はこのようなものなのでしょうか? また上記のソースに原因があるようでしたらお教えください。
質問日時: 2009/03/25 10:50 質問者: rhythm96
ベストアンサー
8
0
-
XMLHttpRequest()で、読み込むテキストファイルにJavaScriptを記載する
お世話になります。 tst.htmlの内容 中略・・・・ <script type='text/javascript'><!-- ・・・・・・・・・・ var httpObj; httpObj = new XMLHttpRequest(); httpObj.open( "GET", 'tst.txt', true ); ・・・・・・・・・・ 中略・・・・ ・・・・・・・・・・ var txtObj=document.getElementById('DivText') txtObj.innerHTML = httpObj.responseText; ・・・・・・・・・・ 中略・・・・ ・・・・・・・・・・ funnction dsptst(){ documento.write('JavaScriptのあいうえお'); } //--> </script> <div id="DivText"></div> tst.txtの内容------------------------ 表示のテストあいうえお<br> <IMG src="abc.gif"> <script type='text/javascript'><!-- dsptst(); //--> </script> eof -------------------------------------- としますと、 <div id="DivText"> のエリアに 表示のテストあいうえお とか、 画像 abc.gif は、表示されます。 しかし、 「JavaScriptのあいうえお」 は、表示されません。 innerHTML で、テキストファイルを取得したときに それを表示するエリアに JavaScriptで、定義した関数の表示を行うにはどのようにしたらよいでしょうか。 なにとぞよろしくお願いいたします。
質問日時: 2006/06/18 18:12 質問者: rqg2010
ベストアンサー
8
0
-
JavascriptのDOMについて
JavascriptのDOMについて <textarea id="ta"></textarea> というHTMLがあり、Javascriptで、 document.getElementById("ta").value = "test"; とすれば表示されますが、この .valueプロパティを知らずに最初 .innerHTMLとしていました。 textareaのプロパティで書き込むのはvalueと知る方法が知りたいです。 知らない人は.valueすら想像できません。 皆さんは、どのようにしてプロパティを見つけているのでしょうか?
質問日時: 2010/06/04 16:24 質問者: bazax
ベストアンサー
8
0
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
【JavaScript】に関するコラム/記事
-
弁護士が語る「合法と違法を分けるオンラインカジノのシンプルな線引き」
「お金を賭けたら違法です」ーーこう答えたのは富士見坂法律事務所の井上義之弁護士。オンラインカジノが違法となるかどうかの基準は、このように非常にシンプルである。しかし2025年にはいって、違法賭博事件が相次...
-
釣りと密漁の違いは?知らなかったでは済まされない?事前にできることは?
知らなかったでは済まされないのが法律の世界であるが、全てを知ってから何かをするには少々手間がかかるし、最悪始めることすらできずに終わってしまうこともあり得る。教えてgooでも「釣りと密漁の境目はどこです...
-
カスハラとクレームの違いは?カスハラの法的責任は?企業がとるべき対応は?
東京都が、客からの迷惑行為などを称した「カスタマーハラスメント」、いわゆる「カスハラ」の防止を目的とした条例を、全国で初めて成立させた。条例に罰則はなく、2025年4月1日から施行される。 この動きは自治体...
-
なぜ批判コメントをするの?その心理と向き合い方をカウンセラーにきいた!
今や生活に必要不可欠となったインターネット。手軽に情報を得られるだけでなく、ネットを介したコミュニケーションも一般的となった。それと同時に顕在化しているのが、他者に対する辛らつな意見だ。ネットニュース...
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンを押したあとに画像を表示さ...
-
スマホ上で、左右スワイプで次のペ...
-
ラジオボタンを複数選択したときの...
-
jsonテキストデータの並び替えがで...
-
Adobe acrobat proでフォームを準備...
-
画面に表示したらアニメーションを...
-
2025年相性がいい人のサイトの仕組み
-
jQueryでのレスポンシブが綺麗に動...
-
jsで質問です。 formをsubmitしてサ...
-
二次元配列を使って順位をだすとき...
-
【JS】selectでchangeした時のデー...
-
sessionStorageを調べています。
-
jsで質問です。 ボタンが二つ存在し...
-
ブックマークレットについて
-
タグを教えてください。
-
CookieをWebStoeageに変える
-
Outlookのアカウントがあるとメール...
-
jqueryのselect2で検索欄の文字が消...
-
<tr>指定した表の行要素をボタン...
-
食材の期限を管理するためにGASを利...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スマホ上で、左右スワイプで次のペ...
-
タグを教えてください。
-
jqueryのselect2で検索欄の文字が消...
-
jsonテキストデータの並び替えがで...
-
初心者です。gulpでコンパイルがで...
-
ラジオボタンを複数選択したときの...
-
階層別の組織図の自動作成について
-
jQueryで同じクラス名のものを別物...
-
二次元配列を使って順位をだすとき...
-
読み込んだQRコードをフォームに受...
-
画面遷移を行わずに同一ページでHTM...
-
セレクトを全て選択されていないと...
-
【Google Apps Script】「ライブラ...
-
Adobe acrobat proでフォームを準備...
-
二次元配列の全要素の全要素を区切...
-
【GAS】WEBアプリでハイパーリンク...
-
GASでGoogleフォームの自動返信シス...
-
フォームが空欄の時にフォームの外...
-
セレクトボックスで配列を呼び出し...
-
イラストレーター、縦中横のショー...
おすすめ情報