物覚えの悪いプログラマの備忘録

このブログには私が試してみたことを記載していっております。忘れたときのために備忘録として利用しているだけですので、間違ったことを書いているかもしれません。 みなさまの役に立つ情報があれば幸いです。

Jquery

要素をコピーしてから表示

<div class="alert alert-success" id="err"> <span id="err_coment"></span> <button type="button" data-dismiss="alert" class="close" data-ajax="false"> <span>×</span> </button> </div> クリックした場合 javascript //on click $("#err").clone(true).insertAfter("#err"); 結果 <div class="alert alert-success" id="err">…</div>

floatした横並びボックスの高さを揃える

<script> $(function(){ //MAXを定義 var maxHeight=0; //同じボックスに同じクラス名をつけてeachする $(".thumbnail").each(function(){ //一番上から順に class='thumbnail'の箱の高さを調べる if ($(this).height() > maxHeight) { //もし現在のmaxHeightより現…

jqueryでajaxフォーム送信

$('#submit').on('click',function(e){ //html送信キャンセル e.preventDefault(); var data = $("#form").serialize(); //送信フォーム内容全て //非同期通信開始 $.ajax({ type: "POST", url: "01.php", data: data, //成功時 success: function(xml){ var…

テキスト内の特定の文字からリストを作る

query("SELECT * FROM db_contents"); foreach ($sql as $row) { //[navidate]部分を取り除く $ret=GetBetweenStr2($row['text']); $date=str_replace($ret[0],"",$row['text']); $db=explode(";",$ret[1]); for($i=0;$i$dabe[db80]"; }else{ } } } echo $se…

Jqueryでloadして要素を追加する

複数の外部要素を読み込んで、追加していく時のメモ$.ajax({ url: "contents/topbox1.php", success: function(data) { $("#Center").append(data); } });

jQuery コードが動かない場合の簡易対処方法

$(document).ready(function(){ // jQueryの処理 });の場合どうすればいいのか?$を使わないで jQuery を呼び出し、 その命令内で省略形を別名定義すればいい。分かりにくいですね。 先ほど「別名」と言いましたが、当然別名なので「本名」があります。 そ…

Jquery セレクタいろいろ

Jqueryでelementを選択するには、 id : $("#idname") class : $(".classname") tag : $("tagname") 他にも便利なセレクタがありますが、名前でも選択が可能です。 以下のように書けばいい $("*[name=target]")

dialogを使い回すときjqueryでキャッシュを残さない

Jqueryでの開発中、編集してもブラウザによりリクエスト結果がキャッシュされるので、更新してもなかなか更新した表示がされないのでキャッシュを残さない方法があったので記録する $.ajaxSetup({ cache: false });

Jqueryのload()でボタン毎で同じ場所に読む込むファイルを変える

aタグに読み込みたいファイルのパスをhrefに書き、classにloadとする <a href="http://.../a/index.html" class="load">aのページを表示</a> <a href="http://.../b/index.html" class="load">bのページを表示</a> <a href="http://.../c/index.html" class="load">cのページを表示</a> 「 $(document).on('click', '.load',function(){ 」とする事で動的に読み込んだ先のclass="load"も機能する …

動的フォームを作る

javascript.js $(document).ready(function() { // CSSで非表示にした1行目の行を複製し、その行の下に挿入 $("#p2146-2-tbody > tr").clone(true).insertAfter($("#p2146-2-tbody > tr")); $('.removeList:eq(1)').css('display',"none"); // 行を追加する …