![]()
- 内部結合に関して
初歩的な質問で申し訳ありません。 以下のような３つのテーブルを結合する際に、ある１つのテーブルの内容を全て 表示したまま、その他のテーブルの内容を付加するような出力をしたいと考えています。 考え方としては、内部結合という事で、INNER JOIN を使うというような事は想像できますが、 ３つのテーブルではそのような事が可能でしょうか？ 最終的には出力想定イメージのような形としたいと考えています。 [口座] 銀行No 顧客No 残高 ------------------- B001 C001 30000 B001 C003 10000 B002 C001 40000 B002 C002 10000 B002 C004 50000 B003 C004 60000 [銀行] 銀行No 銀行名 --------------- B001 foo銀行 B002 bar銀行 [顧客] 顧客No 顧客名 -------------- C001 阿部 C002 村上 C003 渡辺 C004 越智 【出力想定イメージ】 銀行No 銀行名 顧客No 顧客名 残高 ------------------- B001 foo銀行 C001 安部 30000 B001 foo銀行 C003 渡辺 10000 B002 bar銀行 C001 安部 40000 B002 bar銀行 C002 村上 10000 B002 bar銀行 C004 越智 50000 B003 C004 越智 60000 ※ 口座情報に対し、銀行情報や顧客情報がないケースも存在します。 教えて下さい。 よろしくお願いします。
- ベストアンサー
- Oracle
- asamix_000
- 回答数2
- promptメソッドの働きについて
こちらのサイトを参考にjavascript勉強中の初心者です。 http://www.red.oit-net.jp/tatsuya/java/prompt2.htm ユーザが入力したパスワードが正しければ 指定したページにジャンプさせるというプログラムです。 その中に、 myPassWord = prompt("パスワードを入力してください", ""); という個所があり、どうも変数myPassWordに ユーザが入力した文字列を代入しているみたいなんですが 分からない事が2点あります。 【質問1】 リファレンスをひくと『prompt』というメソッドは 「指定したウィンドウに文字ダイアログを表示する」と書いてありました。 『prompt』にはダイアログ表示以外に、 入力された文字を抜き出すという機能もあるのですか？ この一行で、なぜユーザが入力した値が取得できるのかわかりません。 【質問2】 リファレンスには、promptの書式として ウィンドウ名.prompt(); とあったのですが、ウィンドウ名（window.）は 省略されていると考えていいんですよね？ 質問は以上です。 リファレンスの見方もまだ十分に理解できておらず 初歩的な質問で申し訳ありません。 お詳しい方からのご回答、お待ちしております、 初心者にもわかるよう噛み砕いて解説してくださると助かります。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- lade0225
- 回答数2
- javascript setTimeout
javascript初心者ですが、練習を兼ねて神経衰弱を作っています。 setTimeoutを使って「めくったカードが違う場合、少し時間を経過させてから元に戻す」 という動作を作りたいのですが、うまくいきません。 /--------------------------------------------------------/ <!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" /> <title>神経衰弱</title> <style type="text/css"> ul { width: 300px; list-style:none; margin: 0; padding: 0; } li { float:left; margin: 0; padding; 0: } img { vertical-align: bottom; /*上下隙間埋め*/ } #all { width: 300px; margin: 0px auto 0px; margin-top: 50px; } </style> </head> <body> <div id="all"> <ul> <li><img src="none.jpg" alt="3" width="100" height="100" id="c_1" onclick="conce('c_1')" /></li> <li><img src="none.jpg" alt="1" width="100" height="100" id="c_2" onclick="conce('c_2')" /></li> <li><img src="none.jpg" alt="4" width="100" height="100" id="c_3" onclick="conce('c_3')" /></li> <li><img src="none.jpg" alt="4" width="100" height="100" id="c_4" onclick="conce('c_4')" /></li> <li><img src="none_2.jpg" alt="" width="100" height="100"/></li> <li><img src="none.jpg" alt="2" width="100" height="100" id="c_5" onclick="conce('c_5')" /></li> <li><img src="none.jpg" alt="1" width="100" height="100" id="c_6" onclick="conce('c_6')" /></li> <li><img src="none.jpg" alt="2" width="100" height="100" id="c_7" onclick="conce('c_7')" /></li> <li><img src="none.jpg" alt="3" width="100" height="100" id="c_8" onclick="conce('c_8')" /></li> </ul> </div> <script type="text/javascript"> var card_c = 0; //数字が表示されているimgの数 var card_first; //altの数 var card_second; //altの数 var click_first; //開けた場所１ var click_second; //開けた場所2 function conce(aaa){ //クリックで無地に数字を表示 var imgId = document.getElementById(aaa);//クリックしたimgのid if(card_c==0){ //１枚目 imgId.src = imgId.alt+".jpg"; card_c++; card_first = imgId.alt; click_first=aaa; }else{//2枚目 imgId.src = imgId.alt+".jpg"; card_second = imgId.alt; click_second=aaa; if(card_first==card_second){ card_c=0; }else{ setTimeout("bunki()",500); card_c=0; } function bunki(){ document.getElementById(click_first).src="none.jpg"; document.getElementById(click_second).src="none.jpg"; } } } </script> </body> </html> /----------------------------------------------/ どこが間違っているのでしょうか。 よろしくお願いします。
- ベストアンサー
- JavaScript
- komado45oji4768
- 回答数1
- 内部結合に関して
初歩的な質問で申し訳ありません。 以下のような３つのテーブルを結合する際に、ある１つのテーブルの内容を全て 表示したまま、その他のテーブルの内容を付加するような出力をしたいと考えています。 考え方としては、内部結合という事で、INNER JOIN を使うというような事は想像できますが、 ３つのテーブルではそのような事が可能でしょうか？ 最終的には出力想定イメージのような形としたいと考えています。 [口座] 銀行No 顧客No 残高 ------------------- B001 C001 30000 B001 C003 10000 B002 C001 40000 B002 C002 10000 B002 C004 50000 B003 C004 60000 [銀行] 銀行No 銀行名 --------------- B001 foo銀行 B002 bar銀行 [顧客] 顧客No 顧客名 -------------- C001 阿部 C002 村上 C003 渡辺 C004 越智 【出力想定イメージ】 銀行No 銀行名 顧客No 顧客名 残高 ------------------- B001 foo銀行 C001 安部 30000 B001 foo銀行 C003 渡辺 10000 B002 bar銀行 C001 安部 40000 B002 bar銀行 C002 村上 10000 B002 bar銀行 C004 越智 50000 B003 C004 越智 60000 ※ 口座情報に対し、銀行情報や顧客情報がないケースも存在します。 教えて下さい。 よろしくお願いします。
- ベストアンサー
- Oracle
- asamix_000
- 回答数2
- java 会員登録プログラム
２番目の参照で困ってます。Member.java といったクラスファイルを使ってます。コンストラクタやゲッター、セッター等が入ってます。省略箇所有りですがどうぞ宜しくお願いします。 public class MemberSystem { public static void main(String[] args) { BufferedReader reader = new BufferedReader(new InputStreamReader(System.in)); try{ //loopを使い随時メニュー表示 boolean loop = true; while(loop){ System.out.println(""); System.out.println("ご希望のオプション番号を選択してください"); System.out.println("1>>登録 2>>参照 3>>検索 4>>削除 5>>保存 6>>読込 7>>終了"); String line = reader.readLine(); int n = Integer.parseInt(line); //ArrayList<Member>型のインスタンスを作成し、ArrayList<Member>型の変数rに代入 ArrayList<Member> r = new ArrayList<Member>(); switch (n) { case 1: System.out.println("登録>> 各情報を入力すると登録できます"); System.out.println("氏名"); String inputName = reader.readLine(); //エラーチェック 空入力 if(inputName.length() == 0){ System.out.println("空入力のため終了"); System.exit(0); } System.out.println("生年月日 例）2013/01/01"); String inputBirth = reader.readLine(); //エラーチェック 空入力 if(inputBirth.length() == 0){ System.out.println("空入力のため終了"); System.exit(0); } System.out.println("電話番号 例) 0901234567"); String inputTel = reader.readLine(); //エラーチェック 空入力 if(inputTel.length() == 0){ System.out.println("空入力のため終了"); System.exit(0); } //reader.redLineで取得したString型の情報を代入 r.add(new Member(inputName, inputBirth, inputTel)); System.out.println("下記、入力情報をストアし、会員ID番号を付加しました"); //入力情報と会員ID番号を表示 for(Member inputResult:r){ System.out.print(inputResult); } break; case 2: System.out.println("参照>> ご希望の会員情報を表示します"); System.out.println("会員ID番号を入力してください 例）0001"); //キーボード入力からデータを呼び込む String inputMemberID = reader.readLine(); //ここがうまくいきません。 for(Member inputResult :r) { if(inputMemberID.equals(inputResult.getID())){ //データ取得 System.out.println(inputResult); //エラーチェック 空入力 }else if(inputMemberID.length() == 0){ System.out.println("空入力のため終了"); System.exit(0); //エラーチェック 番号がない時や一致していない時 }else{ System.out.println("あなたの会員ID番号は該当しません"); System.exit(0); } } break; case 3: System.out.println("検索>> ご希望の会員を検索します 検索方法を番号で選択してください"); System.out.println("1>>氏名 2>>生年月日 3>>電話番号"); //switchを使い、検索選択肢を表示 String search = reader.readLine(); int x = Integer.parseInt(search); switch (x) { case 1: System.out.println("氏名"); String searchName = reader.readLine(); for(Member inName : r) { if (searchName.equals(inName.getName())){ System.out.print(inName); } } break; case 2: System.out.println("生年月日"); String searchBirth = reader.readLine(); break; default: System.out.println("電話番号"); String searchTel = reader.readLine(); break; } break; case 4: System.out.println("削除>> ご希望の会員を削除します"); System.out.println("会員ID番号を入力してください 例）0001"); String deleteMemeb
- a要素の末尾のスラッシュを正規表現で削除
htmlの開始タグの中の末尾から2文字目のスラッシュのみを指定する方法を探しています。 例： <a href="test.jpg" />文字列</a> 上記のような間違いが大量にあるHTMLファイルを綺麗にしたいので、正規表現での指定方法を教えて下さい。
- ベストアンサー
- その他（プログラミング・開発）
- okuma-ya
- 回答数2
- javascriptで困っています。教えてください
canvasタグの画像の描画で困っています。 Imageオブジェクトを生成して、画像ファイルを先読みしておいて var aaa = new Image(); aaa.src = "img/item00.png"; var bbb = new Image(); bbb.src = "img/item01.png"; 配列に入れる var i = [aaa,bbb] 描画コンテキストの取得s取得して、画像を表示させる var canvas = document.getElementById('sample'); if (canvas.getContext) { var context = canvas.getContext('2d'); 座標(10, 10)(50, 50)の位置にイメージを表示 context.drawImage(aaa, 10, 10); context.drawImage(bbb, 50, 50); } としています。このあとクリックなどのきっかけで、画像の絵を入れ替えたいと思い、 var cha1 = i[0].src; var cha2 = i[1].src; i[0].src = cha2; i[1].src = cha1; もう一度描画させているのですが、うまくいきません。 cha1,cha2が取得できているかチェックすると、undifineとでます。 これでは、入れ替えることがでないのでしょうか？ 入れ替えるとしたらどのような方法があるのでしょうか。 よろしくお願いします。
- ベストアンサー
- JavaScript
- dkong
- 回答数2
- htmlをjavascriptで読み込むには
私はjavascriptにあまり詳しくないのでどなかた教えてください。 現在swiffyでhtml5に変換したアニメーションファイル（xx.htm）を下記の方法で表示しています。 <object data="xx.html" width="20" height="200" type="text/html"></object> これらのファイルが大量にあるため上記部分をjavascript処理してで呼び出したいのですがうまくできません。分かる方どうかアドバイスをお願い致します。
- ベストアンサー
- JavaScript
- yasyas999
- 回答数1
- （大至急）JavaScriptの質問です
xmlファイルを読み込んで 書籍１： Title:ハリーポッター ・ ・ 書籍２： Title:広辞苑 ・ ・ 書籍3: ・ ・ のように表示させるJavaScriptのプログラム（拡張子はhtml）を作りたいのですが、上手く行きません。大至急教えて頂けないでしょうか？！本当に困ってます・・・ ///////////作りかけのJavaScriptプログラム//////// <HTML> <script> xmldoc=new ActiveXObject("Microsoft.XMLDOM"); xmldoc.load("Books.xml"); var str=""; var i=0,j=0,imax=0; imax = xmldoc.documentElement.childNodes.length; var Titles = xmldoc.documentElement.getElementsByTagName("Title"); var Authors = xmldoc.documentElement.getElementsByTagName("Author"); var Prices = xmldoc.documentElement.getElementsByTagName("Price"); for(var i=0;i< imax;i++){ str=str+xmldoc.documentElement.childNodes.item(i).text+"<BR />"; document.writeln(str); } </script> <body> </body> </HTML> ///////////作りかけのJavaScriptプログラム//////// ////////////Books.xml////////////// <?xml version="1.0" encoding="SHIFT_JIS" ?> <?xml-stylesheet type="text/xsl" href="kadai3.xsl" ?> <Books> <Book> <Title>ハリーポッター</Title> <Author>j.kローリング</Author> <Price>3800</Price> </Book> <Book> <Title>広辞苑</Title> <Author>鈴木太郎</Author> <Price>6800</Price> </Book> <Book> <Title>魚の図鑑</Title> <Author>田中雅夫</Author> <Price>4500</Price> </Book> </Books> ////////////Books.xml//////////////
- 締切済み
- JavaScript
- scarecrow2013
- 回答数1
- 初歩的な文字入力フォームの添削をお願いします
文字入力を複数のページで共有するために 入力された文字列を変数に代入して 外部化したスクリプトから書き出そうと試行錯誤しています。 以下のコードでは、同じページにスクリプトがある場合には正常に作動しますが 一旦、スクリプトを外部化すると、全く作動しません。 同じスクリプトを使用する必要はありませんので、 ・スクリプトを外部化する方法と、 ・同じ文字列の色だけを出力先で変更する方法の ２点を教えて下さい。 <script type="text/javascript" > function textout(outputId, formName, itemName) { var text3 = document.forms[formName].elements[itemName].value; document.getElementById(outputId).textContent = text3; } </script> <form name="form3"> <INPUT size="15" type="text" name="in3"> <input type="button" onClick="textout('Disp3','form3','in3')" value="Show Me" > </form> <div id="Disp3"> </div>
- プラス演算子の使い方
このサイトでjavascriptを勉強中です。 http://www.red.oit-net.jp/tatsuya/java/alert.htm 掛け算の出題フォームにランダムな整数（1～9）を入れて 入力された値の可否をアラートで出すというプログラムです。 不正解だった場合、 「はずれ ！ こたえは "+myKotae+" です！」 と表示されるのですが、なぜ myKotae の前後に 『 + 』がついているのかわかりません。 確かに + を取って、"myKotae"だけにすると正しく動作しません。 javascriptで『 + 』がどんな働きをするのか調べたら 数値を足したり文字列をつなげたりするとありました。 使い方の例には変数や数値の前に + を付けているものはありましたが 前後につけているものはなかったので混乱しています。 なぜ"myKotae"だとダメなんですか？ 初心者にもやさしく解説してくださる方からの回答お待ちしております。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- lade0225
- 回答数5
- Eclipseの設定
Eclipseのエディタで複数のソースを開いている時、別のタブに移動したら「プロジェクト・エクスプローラー」（またはナビゲーター）ではタブで選択したソースファイルがアクティブになると思います。 現在開いているソースをエクスプローラーでアクティブにすると言うのは設定で無効に出来たりできますか？ よろしくお願いします＞＜
- 初歩的な文字入力フォームの添削をお願いします
文字入力を複数のページで共有するために 入力された文字列を変数に代入して 外部化したスクリプトから書き出そうと試行錯誤しています。 以下のコードでは、同じページにスクリプトがある場合には正常に作動しますが 一旦、スクリプトを外部化すると、全く作動しません。 同じスクリプトを使用する必要はありませんので、 ・スクリプトを外部化する方法と、 ・同じ文字列の色だけを出力先で変更する方法の ２点を教えて下さい。 <script type="text/javascript" > function textout(outputId, formName, itemName) { var text3 = document.forms[formName].elements[itemName].value; document.getElementById(outputId).textContent = text3; } </script> <form name="form3"> <INPUT size="15" type="text" name="in3"> <input type="button" onClick="textout('Disp3','form3','in3')" value="Show Me" > </form> <div id="Disp3"> </div>
- 頭文字→大学→学部を選択する入力フォームの作り方
プログラミング初心者です。 頭文字を選択するとその頭文字から始まる大学が選択でき、大学を選択するとその大学に所属する学部を選択できるような登録フォームを作りたいです。 ちょうどリクナビの登録フォーム（https://job.rikunabi.com/2015/accounts/regist/）と同じような感じです。 検索してもなかなか役に立ちそうなページにたどり着けず、どのように作ったらいいのか全く分かりません。どなたか知恵をお貸しください。 ちなみにPHP（フレームワークはLaravel）、SQLiteで開発中です。 回答宜しくお願いします。
- ベストアンサー
- PHP
- dwyane_messi
- 回答数2
- チェックボックスの値について
こんばんは。 チェックボックスの値の加工で悩んでいます。 【やりたいこと】 チェックボックスのvalueを加工し表示しています。 重複している文言は表示しないようにしたいです。 現在の値を変数に入れておいて、forの中で判定させる？のでしょうか？ 参考URL等あれば教えていただけませんでしょうか？ よろしくお願いいたします。 【現状valueの値を下記のように表示しています。】 ■日本北海道 ××区 ・ああ町 ■日本北海道 ××区 ・いい町 ■日本北海道 ××区 ・うう町 ■日本北海道 ＹＹ区 ・ええ町 ■日本東京都 ＹＹ区 ・ＡＡ町 ■日本東京都 ＹＹ区 ・ＢＢ町 ■日本東京都 ＺＺ区 ・ＢＢ町 ■日本東京都 ＺＺ区 ・ＢＢ町 【こんな感じで重複している文言は表示しないようにしたいです。】 ■日本北海道 ××区 ・ああ町 ・いい町 ・うう町 ■日本北海道 ＹＹ区 ・ええ町 ■日本東京都 ＹＹ区 ・ＡＡ町 ・ＢＢ町 ■日本東京都 ＺＺ区 ・ＢＢ町 ●if1つ前の値と比較して、重複を消せるかと思ったのですがうまくいきませんでした。 function textcopy(){ var word01; var word02; var word03; var word04; naiyo = ''; for(i=0; i<document.f.a1.length; i++){ if(document.f.a1[i].checked){ source = (document.f.a1[i].value); kekka = source.split("*"); if((kekka[0])==(word01)){ kekka[0]=""; } if((kekka[1])==(word02)){ kekka[1]=""; } if((kekka[2])==(word03)){ kekka[2]=""; } naiyo = naiyo + kekka[0] + kekka[1] +'\n'+' ' + kekka[2] +'\n'+ ' '+ '・'+ kekka[3] + '\n'; word01= kekka[0]; word02= kekka[1]; word03= kekka[2]; word04= kekka[3]; } } document.f.log.value = naiyo ; } 【サンプルソース】 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <title></title> <script type="text/javascript" language="JavaScript"></script> <SCRIPT TYPE="text/javascript"> <!-- function textcopy(){ naiyo = ''; for(i=0; i<document.f.a1.length; i++){ if(document.f.a1[i].checked){ source = (document.f.a1[i].value); kekka = source.split("*"); naiyo = naiyo + kekka[0] + kekka[1] +'\n'+' ' + kekka[2] +'\n'+ ' '+ '・'+ kekka[3] + '\n'; } } document.f.log.value = naiyo ; } --> </SCRIPT> </head> <body> <form name="f"> <input type="checkbox" name="a1" value="■日本*北海道*××区*ああ町">ああ町<br> <input type="checkbox" name="a1" value="■日本*北海道*××区*いい町">いい町<br> <input type="checkbox" name="a1" value="■日本*北海道*××区*うう町">うう町<br> <input type="checkbox" name="a1" value="■日本*北海道*ＹＹ区*ええ町">ええ町<br> <input type="checkbox" name="a1" value="■日本*東京都*ＹＹ区*ＡＡ町">ＡＡ町<br> <input type="checkbox" name="a1" value="■日本*東京都*ＹＹ区*ＢＢ町">ＢＢ町<br> <input type="checkbox" name="a1" value="■日本*東京都*ＺＺ区*ＢＢ町">ＢＢ町<br> <input type="checkbox" name="a1" value="■日本*東京都*ＺＺ区*ＣＣ町">ＣＣ町<br> <input type="button" value="確認" onclick="textcopy()"><br> <textarea name="log" rows="21" cols="84" id="image1"> </textarea> </form> </body> </html>
- ベストアンサー
- JavaScript
- megane5050
- 回答数3
- 正規表現にて文字数をチェックするには？
正規表現にて、入力した文字列が、 (1)アルファベットABC、 および (2)「'」(アポストロフィ)から始まるアルファベットDEF で構成された文字列で、文字列の長さが1～10の範囲にあるかどうかを検査する正規表現を作成しようとして難航しています。 以下だと、「アポストロフィ＋文字」の二文字が１０回繰り返しで20文字の場合もtrueになります。 とにかく全体で10文字以内かどうかを検査する正規表現の書き方をご存じの方、教えてください。 /(([A-C]|'[D-F]){1,10})/
- ベストアンサー
- その他（プログラミング・開発）
- yamadango
- 回答数2
- 文字入力の初歩的な疑問にお答えください
以下のコードで、文字入力変数（tx3） を他のページでも共用するために 文字入力目的の function textout() を 外部ファイル化したいのですが 方法が分かりません。 入力欄と同じページに、入力された文字列を確認のために、 入力窓を消さずに表示するために、なるべく変数を使用する形で エレメントにあまり依存せずにこの目的を達成する方法を教えて下さい。 できれば、一つのページに４つくらいの入力欄を設けたいため、 具体的なスクリプトを例示していただければ助かります。 <html> <head> <script type="text/javascript"> function textout(){ if (document.getElementById){ var tx3 = document.form1.text1.value; document.getElementById("output").innerHTML=tx3; }} </script> </head><body> <form name="form1"> <textarea name="text1" cols="50" rows="4"></textarea> <br> <input type="button" onClick="textout()" value="verify"> </form> <div id="output"></div> </body> </html>
- どのようなHTML、CSSを書けばいいのか？
添付画像のように、表示したいのですがどのようなHTML、CSSを書けばいいのでしょうか？ 具体的には ・「キーワード」と書かれた文字が中心に来るように線で囲む ・検索フォーム・ボタンは通常のtextarea、buttonです ・「キーワード」・「textarea」・「button」を横一列に表示 です。 宜しくお願い致します
- 文字入力の初歩的な疑問にお答えください
以下のコードで、文字入力変数（tx3） を他のページでも共用するために 文字入力目的の function textout() を 外部ファイル化したいのですが 方法が分かりません。 入力欄と同じページに、入力された文字列を確認のために、 入力窓を消さずに表示するために、なるべく変数を使用する形で エレメントにあまり依存せずにこの目的を達成する方法を教えて下さい。 できれば、一つのページに４つくらいの入力欄を設けたいため、 具体的なスクリプトを例示していただければ助かります。 <html> <head> <script type="text/javascript"> function textout(){ if (document.getElementById){ var tx3 = document.form1.text1.value; document.getElementById("output").innerHTML=tx3; }} </script> </head><body> <form name="form1"> <textarea name="text1" cols="50" rows="4"></textarea> <br> <input type="button" onClick="textout()" value="verify"> </form> <div id="output"></div> </body> </html>
- javascript src書き換え
javascript 初心者なのですが、質問させてください。 クリックした画像を3.jpgに書き換えるというコードを書いたのですが、うまく動きません。 どこが違間違っているのでしょうか。 /-------------------------------------------------------------/ <!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" /> <title>神経衰弱</title> <style type="text/css"> ul { width: 300px; list-style:none; margin: 0; padding: 0; } li { float:left; margin: 0; padding; 0: } img { vertical-align: bottom; } #all { width: 300px; margin: 0px auto 0px; margin-top: 50px; } </style> </head> <body> <div id="all"> <ul> <li><img src="none.jpg" alt="3" width="100px" height="100px" id="c_1" onclick="conce(c_1)" /></li> <li><img src="none.jpg" alt="1" width="100px" height="100px" id="c_2" onclick="conce(c_2)" /></li> <li><img src="none.jpg" alt="4" width="100px" height="100px" id="c_3" onclick="conce(c_3)" /></li> <li><img src="none.jpg" alt="4" width="100px" height="100px" id="c_4" onclick="conce(c_4)" /></li> <li><img src="none_2.jpg" alt="" width="100px" height="100px" id="c_5"/></li> <li><img src="none.jpg" alt="2" width="100px" height="100px" id="c_6" onclick="conce(c_5)" /></li> <li><img src="none.jpg" alt="1" width="100px" height="100px" id="c_7" onclick="conce(c_6)" /></li> <li><img src="none.jpg" alt="2" width="100px" height="100px" id="c_8" onclick="conce(c_7)" /></li> <li><img src="none.jpg" alt="3" width="100px" height="100px" id="c_9" onclick="conce(c_8)" /></li> </ul> </div> <script type="text/javascript"> function conce(aaa){ document.getElementById("aaa").src = "3.jpg"; } </script> </body> </html> /-----------------------------------------------------------------------/ よろしくお願いします。
- ベストアンサー
- JavaScript
- komado45oji4768
- 回答数2