常連

注目の的

自己紹介

観覧ありがとうございます．

asp.net mvc4 ，C#でプロジェクトの改修をしています．
外部jsファイルから別の外部jsファイルの関数を呼び出したいです，
ご教示ください．


調べて以下の方法を試しましたがうまくできませんでした．


 ```javascript
###hoge.js
function hogefunction(form) {
  document.write("<script type='text/javascript' src='piyo.js'></script>");
  window.onload = function(){piyofunction(form, url);};
}
```

詳しいコードについては会社からでないと見れないので今はわかりません．
申し訳ありません．
覚えている限り下記に示します．

```javascript
function piyo.js(form,url) {
  // フォームとurlを指定してwindow.openでurl先を開く処理．
  window.open(url);
}
```
hoge.jsを使用しているhtmlは
```html
  <head>
// 略
 <script type="text/javascript" src="../Scripts/hoge.js"></script>
</head>
<body>
// 略
 <input type="button" value="button" onClick="hogefunction(document.forms[0], '../Views/a.cshtml')">
</body>
```

外部jsファイルから別の外部jsファイルの関数を呼び出したい．

こんばんは、js入門者です。jsのAjaxとJqueryのJSONを使ってボタンを押すと３件ずつ新しい記事を読み込む「もっと見る」機能を作ろうとしているのですがうまくいきません。もっと見るボタンを押すと同じ記事だけが繰り返されます…コードは下になります。

```ここに言語を入力
『サーバーサイド』
  $connect=mysql_connect("サーバー","ID","パスワード");
	mysql_query("SET NAMES utf8",$connect);
	$db="データベース";
	if (isset($_GET["page"])) {
		$page=$_GET["page"];
	}else{
		$page=0;
	}
	$sql="SELECT * FROM plan ORDER BY date_time DESC LIMIT $page,3";
	$result=mysql_db_query($db,$sql);
	while($rows=mysql_fetch_assoc($result)){
		$jrows[]=array("id"=>$rows["id"],"title"=>$rows["title"],"image"=>$rows["image"],"body"=>$rows["body"],"planner"=>$rows["planner"],"date_time"=>$rows["date_time"]);
	}
	echo json_encode($jrows);



『HTML』
//最初は３つの記事を先に見せる
$(function() {
  $.getJSON("サーバーURL" , function(data) {
    var
      ulObj = $("#showMore"),
      len = data.length;

    for(var i = 0; i < len; i++) {
      ulObj.append($("<li>").attr({"id":data[i].id}).text(data[i].title));
    }
  });
});

//サーバーに要請！
  function showMore(){
   var request=new XMLHttpRequest();
   request.onreadystatechange=function(){
  		var show=document.getElementById("showMore");
  		var showChild=show.childNodes.length;
  		if (request.readyState==4) {
  			if (request.status==200) {
  				$(function() {
				  $.getJSON("サーバーURL" , function(data) {
				    var
				      ulObj = $("#showMore"),
				      len = data.length;

				    for(var i = 0; i < len; i++) {
				      ulObj.append($("<li>").attr({"id":data[i].id}).text(data[i].title));
				    }
				  });
				});
  			}else{
  				show.innerHTML="サーバーにエラーが発生しました！";
  			}
  		}else{
      //
  		}
  	}
      var show=document.getElementById("showMore");
      var showChild=show.childNodes.length;
  	request.open("GET","json_ajax.php?page="+showChild,true);
  	request.send();
  }

//show_btnのボタンが押されたらshowMoreを実行
  document.addEventListener("DOMContentLoaded", function(){
    document.getElementById('show_btn').addEventListener('click', showMore, false);
  }, false);
</script>
```
長くなりましたが整理すると、
①最初HTMLファイルからは、サーバーのPHPファイルからJSON形式のデータを受け取って表示しようとする。

②その時PHPは
if (isset($_GET["page"])) {
	$page=$_GET["page"];
}else{
	$page=0;
}
$sql="SELECT * FROM plan ORDER BY date_time DESC LIMIT $page,3";
となっているため$pageは０になり、最新の記事３つだけ返す。（ここまではいいんです）

③今度はもっと見るボタンを押して、すでに表示されている記事の３つ前の記事を３つ表示いようとするが、なぜか同じ記事がまた表示される（これの繰り返し）。。。ということになります。

原因はなんでしょうか？そしてうまく動作させるためにはコードをどう変えたらいいでしょうか？長文で申し訳ないのですがぜひ皆さんの知恵をお借りしたいです！おろしくお願いします！

jsとjQueryでもっと見る機能を作りたいと思ってます！

フレームワーク初心者です。
PHPではFuelを使って開発をしようとおもい勉強しています。
FuelPHPを使って画像を表示させようとしているのですが、絶対パスや相対パスを使わないと
いけないのでしょうか？
皆様はどのパスで読み込ませていますか？

FuelPHPで画像ファイルを読み込ませるには

みなさんこんにちは

HTML、CSS、JavaScriptでトランプゲームのようなものを作りたいと思っています

下はイメージなのですが場に5枚のカード（画面下側に並んでいるカード）があって、クリックすると台札として、画面上側中央にスーッと移動（アニメーション付きで）させたいと思っています。

![イメージ説明](002b567c7154bac4caef42e037ceaec1.png)

いろいろ試しているのですがどうもうまくいきません。

たとえば．．
cssで、もともとカードにはcardというクラスをつくってスタイリングしておいて、クリックされたときにmovingというクラスを追加すればよいかな？とおもったんですが．．．これはうまくいきませんでした。

.moving {
postion:absolute;
left:0;
right:0;
top:30px;
margin:auto;
}

card {
transition:all 1s;
}

ではということで．．．
カードをクリックすると、クリックしたカードの要素を取得して
JavaScriptで
obj.setAttribute('style','position: absolute;top:30px;left:0;right:0;margin:auto;')
としてみたのですが．．カード自体は移動されますがアニメーションされずに瞬間的にいってしまいます。
transition:all 1s;が効いていない感じです。

どのような方法だとスマートに出来るでしょうか？

要素の位置をアニメーション付きで移動させるには？

### 質問概要
`<input type="text" id="hoge">`のようなテキストボックスを、
ユーザが動的追加できるようにした場合の、**全てのボックスのテキストの取得方法**が知りたい


### 質問詳細
現在趣味で開発しているサービスで、ゲームの作者を入力する欄を作りたいのですが、
作者が複数人いる場合があり、`<input type="text" id="hoge">`のようなテキストボックスの隣に`＋ボタンを設置`し、
ユーザが自由に複数の作者を登録できるようにしたいと考えています。

この時、動的に作られたテキストボックスの値を取得したいのですが、

**【1】一般的にどのように動的作成しているのでしょうか？**
例：`id="hoge"`の統一（HTML文法的にアウトですよね…？）
例：`name="hoge`で統一…？

**【2】その動的作成されたテキストボックスの値をどのように取得すればよいのでしょうか？**


### やってみたこと
動的追加ではありませんが…

`<input type="text" id="hoge"><input type="text" id="hoge">`
と、2つボックスを用意して、
`$("#hoge").val();`→1つ目の値しか取得できなかった

---
`<input type="text" id="hoge" name="test"><input type="text" id="hoge" name="test">`
と、name属性を同じに設定した2つボックスを用意して、
`$(':text[name="test"]').val()`→1つ目の値しか取得できなかった

を試してみましたがどうもできませんでした…
ご存じの方がいらっしゃいましたら、上記の【1】【2】のご教授をお願い致します。
よろしくお願いいたします。

【JavaScript】動的追加したテキストボックスは、どのようにして取得・管理するのか

お世話になっております。
###前提・実現したいこと
現在htmlにて管理画面のデザイン部分を作成しております。
「入力欄追加」のボタンを押したら入力欄の設置されているdivが追加され、
削除ボタンが押されたらその入力欄を削除させるという機能を実装させたいです。

###発生している問題・エラーメッセージ
下記コードのように、追加ボタンが押されたらクローンの中身を追加という方法で実装させたのですが、「削除」ボタンを押さずに「入力欄追加」し、「削除」を行えば希望通りの動作をいたします。

ところが、一度全ての入力欄を「削除」させた後に
「入力欄追加」を押すと、「入力欄追加」のボタンは問題ないのですが、
削除ボタンが動作しなくなってしまいました。

これを削除させた後にも正常に動作させたいのですが、
どこの記述を直せば良いでしょうか？

###

clone();を使った理由としては、ここでは省きましたが、
div.fieldの中身が実際はこれよりも相当多いため、
clone();が適していると思いこちらを使っております。

ブラウザはGoogleChrome ver 54です。

ご回答いただけますと幸いです。

###該当のソースコード
```javascript
<script>
$(function() {
	"use strict";
	var $content = $('.field:last-child');
	$('.add_btn').on('click', function() {
		$content.clone(true).appendTo('.parent');
});

$('.trash_btn').on('click', function() {
  	$(this).parents('.field').remove();
	});
});
</script>
```
```html
<body>
 <button type="button" class="btn bg-white mt10 miw100 add_btn" value="" name="">入力欄追加</button>
    <br>
    <br>
        <div class="parent">
              <div class="field" style="padding-bottom:8px; border-bottom:1px solid #ccc;margin-bottom:20px;">
                <textarea rows="2">aaa</textarea>
                      <button type="button" class="btn trash_btn ml10" value="" name="">
                        削除
                      </button>
              </div>
         </div>
   </body>
```

【jQuery】入力欄追加のボタンを押したらdivが追加され、削除ボタンが押されたらその入力欄を削除させたい

作成したボタン（HTML）押下後、テキストボックスへ出力するにはどのようにすればよいでしょうか？
このテキストボックスは
 ・暗証番号機能（数値のみ）
 ・4桁の入力制限

以上です。
よろしく願いいたします。

作成したボタンの値をテキストボックスへ出力方法

mysqlを利用して特定のカラム(複数)の存在確認をしたいと考えています。
確認したいカラムが一つであれば

```mysql
SHOW COLUMNS FROM hogeTable LIKE 'hogeColumns';
```
で確認できるのでそれを複数回繰り返してもいいのですが
できれば一回で探したいのです
いいやり方はないものでしょうか？

特定のカラムの存在確認

rails new で作成したrailsアプリケーションの削除方法を教えてください。
※ローカル部分

アプリケーションフォルダを削除するだけで良いのでしょうか？
マイグレーションファイルから作成したデータベースなどがローカルに残ってしまうかと思うのですが。