テーブル名の変更

テーブル名を間違えた際に名前をつけなおす為のSQLをよく忘れるのでメモ

ALTER TABLE 変更前テーブル名 RENAME TO 変更後テーブル名;

コレで名前を間違っても安心ｗ

categories SQL | flowind | datetime 2010/06/17 3:09 PM | comments Comments (0)

PLESKでメール受信後にプログラムを起動する方法

PLESKでメール受信後にプログラムを起動するには

/var/qmail/mailnames/[ドメイン]/[メールの@より前]/.qmail

をviかemacsエディタで開いて
例
emacs /var/qmail/mailnames/[ドメイン]/[メールの@より前]/.qmail

| true
./Maildir/
|/usr/bin/php /var/www/vhosts/[ドメイン]/{httpdocsと同じ階層}

上のように実際に起動したいプログラムを
{起動するのに使うプログラム}（PHPなら/usr/bin/php）␣{動かしたいファイル}
と指定。

メールを保存しない場合は

./Maildir/を#でコメントアウトすればOKらしい。

categories Plesk | flowind | datetime 2010/06/10 4:27 PM | comments Comments (0)

SQLのINSERT＆UPDATE

しょっちゅう忘れるので、メモ。

INSERT INTO　…..ﾂ ON　DUPLICATE KEY UPDATE

これでINSERTできなければUPDATEがかかる。

categories SQL | flowind | datetime 2010/06/07 1:17 PM | comments Comments (0)

TinyMCEで改行が文字化けする件

TinyMCEで改行すると

<p>[半角スペース]</p>

が入り、この半角スペースが文字化けを起こすことがある。

この影響でDBにちゃんと反映されなかったりしたので回避方法をメモ

force_br_newlines : true,
forced_root_block : '',
force_p_newlines : false,

をinitのオプションに追加すると
改行が<br />
で扱われるので回避できる。

categories Ajax | flowind | datetime 1:15 PM | comments Comments (1)

PHPで画像を回転させる

PHPで画像を回転させる方法をメモ

resource imagerotate ( resource $image , float $angle , int $bgd_color [, int $ignore_transparent = 0 ] )

//ﾂ読み込み
$sourceﾂ=ﾂimagecreatefromjpeg($filename);

//ﾂ回転
$rotateﾂ=ﾂimagerotate($source,ﾂ$degrees,ﾂ0);

//ﾂ出力
imagejpeg($rotate);

上記の方法で可能。JPGの場合。

※GDライブラリが必要（たいていは入っていますが）。

categories PHP | flowind | datetime 2010/06/04 3:13 PM | comments Comments (0)

ハイパーリンクにスクロールアニメーションを加える（jQuery）

ハイパーリンクをクリックした際デフォルトではパッと移動しますが

移動にスクロールのアニメーションをつけれないかと自作してみました。

j$ = jQuery;

var delay = 20; //処理間隔（ms）
var sw = 0.35; // 移動の細かさ （0 < sw <1 の範囲で）

var baseDelH = 10;
var beforeH;

j$(function(){
j$(“[href^='#']“).each(function(index){
j$(this).click(scrollEvent);
});

});

function scrollEvent(eo) {
var hlId = j$(this).attr(‘href’);
smoothScroll(hlId);
return false;
}

function smoothScroll(hlId) {
var targetH = j$(hlId).offset().top;
var targetW = j$(hlId).offset().left;
var w = j$(window);
var sH = w.scrollTop();
var wH = w.height();

var delH = sH – targetH;

var offset = delH * sw;
var nextHeight = sH – offset;

if (delH > 0) {
if (delH < baseDelH) {
w.scrollTop(targetH);
} else {
w.scrollTop(nextHeight);
var timerId =ﾂ setTimeout(
function () {
smoothScroll(hlId);
clearTimeout(timerId);
},delay);
}
} else if (delH < 0) {
if (delH > baseDelH || (beforeH == nextHeight)) {
w.scrollTop(targetH);
} else {
w.scrollTop(nextHeight);
var timerId =setTimeout(function () {
smoothScroll(hlId);
clearTimeout(timerId);
},delay);
beforeH = nextHeight;
}
} else {
w.scrollTop(targetH);
}
}

ｊQueryの下で読み込めば勝手にハイパーリンクにアニメーションが加わります。

イージングを大雑把にした動きになります。

ページの感じが変わるので良かったらどうぞ＾＾

categories jQuery | flowind | datetime 2010/06/03 5:33 PM | comments Comments (0)

jQueryオブジェクトの比較

jQuery(“#head”)同士が同じ場合の処理をしたい時

思いつく処理は

jQuery(“#head”)ﾂ ==ﾂ jQuery(“#head”)

ですが結果は

false

になります。

先に作られたjQueryオブジェクトと後に作られたjQueryオブジェクトは同じにならないみたいで

この問題を解決するには

jQuery(“#head”).get(0) == jQuery(“#head”).get(0)

とDOM同士を比べることで解決できます。

categories jQuery | flowind | datetime 5:27 PM | comments Comments (0)

FireFoxアドオン WebDeveloper 機能一覧

Webクリエーターの方が良く使っているというかWeb製作に必須と言っても過言でないほどのツールである

FireFoxのアドオンWebDeveloper

導入しても何が出来るのか分からないと使えないという事で機能一覧を作成します。

細かい事は後に追加していく予定です

機能一覧

  • 無効化
  1. キャッシュを無効にする
  2. Javaを無効にする
  3. JavaScriptを無効にする
  4. Meta要素によるリダイレクトを無効にする
  5. 最小フォントサイズを無効にする
  6. ポップアップブロックを無効にする
  7. プロキシを無効にする
  8. リファラー送信を無効にする
  • Cookie
  1. Cookieを無効にする
  2. セッションCookieを削除する
  3. ドメインCookieを削除する
  4. パスCookieを削除する
  5. Cookie情報を表示する
  6. Cookieを追加する
  • CSS
  1. CSSを無効にする
  2. メディアタイプ指定のCSSを表示する
  3. スタイル情報を表示する
  4. スタイルシートを追加する
  5. CSSを編集する
  6. ボーダーボックス計算式を使う
  • フォーム
  1. フォームの情報を表示する
  2. パスワードを表示する
  3. フォームの情報を別ウィンドウに表示する
  4. form要素のmethod属性値を変更する
  5. select要素をinput要素に変換する
  6. autocomplete属性を削除する
  7. コントロールを有効にする(disabled属性を無視)
  8. ラジオボタンをクリアする
  9. コントロールを入力可能にする(readonly属性を無視)
  10. フィールド自動割り当て機能を使う
  11. maxlength属性を削除する
  • 画像
  1. 画像を無効にする
  2. alt属性値を表示する
  3. 画像のファイルサイズを表示する
  4. 画像のパスを表示する
  5. パスに問題のある画像を探す
  6. 画像を枠で囲う
  7. 画像情報を表示する
  8. 背景画像を非表示にする
  9. 画像を非表示にする
  10. 画像のwidth,height属性を無視する
  11. 画像を非表示にする(レイアウトを維持)
  12. 画像をalt属性値で置き換える
  • 情報
  1. Abbreviation(略語)を表示する
  2. アクセスキーを表示する
  3. ページ内のアンカーを表示する
  4. ブロック要素のサイズを表示する
  5. div要素の順序を表示する
  6. 要素の情報を表示する
  7. id属性値とclass属性値を表示する
  8. リンクのパスを表示する
  9. object要素の情報を表示する
  10. スタックレベルを表示する
  11. tabindex属性値を表示する
  12. table要素の入れ子の深さを表示する
  13. tableの情報を表示する
  14. 入れ子構造を視覚的に表示する
  15. アンカーの情報を表示する
  16. 色情報を表示する
  17. 見出し(h要素)を表示する
  18. ドキュメントサイズを表示する
  19. Javascriptの情報を表示する
  20. リンクを表示する
  21. meta要素の情報を表示する
  22. ページ情報を表示する
  23. HTTPレスポンスヘッダーを表示する
  • その他
  1. プライバシー情報をクリアする
  2. ガイドラインを使う
  3. 拡大機能を利用する
  4. ルーラを使う
  5. コメントを表示する
  6. 可視化しない要素を表示する
  7. ウィンドウクロムを表示する
  8. HTMLを編集する
  9. リニアライズ(線形化)する
  10. フレームのnoresize属性を無効にする
  11. 小さな画面でのシミュレーション表示
  12. リンクの表示
  • 枠表示
  1. フレームを枠で囲う
  2. h要素を枠で囲う
  3. リンクを枠で囲う
  4. table要素を枠で囲う
  5. ブロックレベル要素を枠で囲う
  6. 非推奨要素を枠で囲う
  7. 位置情報をもつ要素を枠で囲う
  8. マウスカーソル個所の要素を枠で囲う
  9. 任意の要素を枠で囲う
  10. 枠表示には要素名も表示する
  • サイズの変更
  1. ウィンドウサイズを表示する
  2. タイトルバーにウィンドウサイズを表示する
  3. ウィンドウサイズを変更する..
  4. 幅と高さの規定値を編集する
  5. ズーム
  • ツール
  1. HTML構文の検証（Html-lint：日本語)
  2. CSS 構文の検証 (W3C：英語)
  3. RSSとATOMの検証 (Feed Validator：英語)
  4. HTML 構文の検証 (W3C：英語)
  5. リンク切れの検証 (W3C：英語)
  6. 米国508条アクセシビリティの検証 (Cynthia Says：英語)
  7. W3C/WAIの検証 (Cynthia Says：英語)
  8. ページ速度の検証 (英語)
  9. ツールを編集する
  10. DOMインスペクタ
  11. エラーコンソール
  12. Javaコンソール
  13. ページの構文チェックを表示する
  14. ローカルファイルのCSSを検証
  15. ローカルファイルのHTMLを検証
  16. ローカルのアクセシビリティを検証
  • ソース
  1. ソース
  2. フレームのソースを表示
  3. 実行結果を反映したソースを表示
  4. ソースを表示するアプリケーションを指定する
  • オプション
  1. 設定を持続させる
  2. 設定をリセットする
  3. 設定
  4. ヘルプ
  5. Web Developer 日本語版について

日本語版のダウンロードはこちら

※FireFox3.5対応です

WebDeveloper日本語版ダウンロード（ミナトラボ）

 <table border="1" summary="『Web Developer 日本語版』の「Cookie」機能の一覧です。">
        <caption id="func_cookies">Cookie</caption>
        <tbody>
        <tr>
          <th scope="row">Cookieを無効にする</th>

          <td>
            <ul>
              <li>全てのCookie</li>
              <li>外部サイトのCookie</li>
            </ul>
          </td>
        </tr>
        <tr>

          <th scope="row">セッションCookieを削除する</th>
          <td>有効期限が「セッション終了時」であるセッションを削除します。</td>
        </tr>
        <tr>
          <th scope="row">ドメインCookieを削除する</th>
          <td>表示されているページのドメインのCookieを削除します。</td>
        </tr>

        <tr>
          <th scope="row">パスCookieを削除する</th>
          <td>表示されているページのパスのCookieを削除します。</td>
        </tr>
        <tr>
          <th scope="row">Cookie情報を表示する</th>
          <td>新しいタブを開いてCookie情報を表示します。</td>

        </tr>
        <tr>
          <th scope="row">Cookieを追加する...</th>
          <td>Cookieを追加ダイアログによってCookieを追加することができます。</td>
        </tr>
        </tbody>
      </table>

categories WebDeveloper | flowind | datetime 2010/06/02 2:52 PM | comments Comments (0)

WordPress Themes