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

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

2014-01-01から1年間の記事一覧

macでファイル作成日を変える

ターミナルで実行 setfile -d '12/12/2014 12:43:56' /Volumes/USK/*.jpg

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

<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より現…

Mysqlで重複項目を除いて表示

Mysqlで重複項目を除いて表示SELECT DISTINCT col_name, ... FROM tbl_name;

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…

レスポンシブ 上下を入れ替える

css

display プロパティーの table-row-group や table-header-group などの値を応用すれば、上下の入れ替えが可能です。説明だと分かりづらいので、demo をご参照ください。 <html> <head> <meta charset="utf-8"> <title>demo</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> .mod-groupContainer{} .mod-group1{} .mod-group1-inner{ padd…</meta></meta></head></html>

HTMLで縦書きは実現できるか - CSSでの実装とライブラリの活用

css

さまざまな言語表記法をサポートする仕様。 writing-modeプロパティで縦書きを指定できる。 writing-mode: tb-rl; /* IE独自仕様 */ writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -webkit-writing-mode: vert…

cssで幅を計算する

css

.menu li{ calc(100%/5); }

横幅や高さを自動で可変する

css

img { max-width: 100%; height: 100vw; /*正方形の画像の例ですが、縦横比3:2の画像であれば66.7vwとなります*/ }img { max-height: 100%; width: 100vh; /*正方形の画像の例ですが、縦横比3:2の画像であれば66.7vwとなります*/ }高さの指定に幅の数値を使…

cssで指定した要素の前後にコンテンツを入れる

css

E:before, E:after //画像を貼る content: url("../images/ico32.gif") ;//文字を入れる content: "●サンプル●"

Fatal error: Call to a member function execute() on a non-object in ******

四苦八苦。 何度も何度も同じミスを繰り返す Fatal error: Call to a member function execute() on a non-object in ******が何度やっても消えない何だぁ!!! $sql = $pdo->query('select・・・・');を1回で何度も繰り替えす場合$sql->closeCursor();で…

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

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

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

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

正規表現

php

リファレンス 参考になった正規表現例

Jquery セレクタいろいろ

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

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

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

CSSファイルbackground-imageのパスの指定

css

CSSファイル[style.css]からbackgroundでimgを呼び出す場合、 トップ(index.html)でなくstyle.cssから見た相対パスを指定する以下の階層の場合 index.html ├css/style.css └img/logo.gif ○background:url(../img/logo.gif); //ピリオド2つ ×background:ur…

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"); // 行を追加する …