2011年01月01日に投稿

[Javascript]セレクトボックスの選択項目が変更されたら指定のページへジャンプさせる

HTMLで作成できるフォームのひとつにセレクトボックスがあります。このセレクトボックスが変更されたらすぐに指定のURLに遷移させる方法です。

[HTML]

[/HTML]

セレクトボックスが変更されたら、optionタグのvalue要素に指定されたURLをlocation.hrefへ代入するようにonchange要素を記述します。

2010年12月20日に投稿

[PHP] 画像をダウンロードしてサーバーの特定のディレクトリに保存する

PHP を利用してウェブ上の画像をダウンロードすることができます。下記のサンプルコードは Codaholic のタイトルロゴをサーバーに保存するプログラムです。

<?php
    $url = 'https://codaholic.org/wordpress/wp-content/themes/default/images/logo.jpg';
    $data = file_get_contents($url);
    file_put_contents('./download/dl.jpg',$data);

<?php

$url = 'https://codaholic.org/wordpress/wp-content/themes/default/images/logo.jpg';

$data = file_get_contents($url);

file_put_contents('./download/dl.jpg',$data);

このプログラムを実行すると、downloadディレクトリにdl.jpgという名前で画像が保存されます。PHPマニュアルによると file_get_contents 関数はテキストで表現される情報だけでなく、バイナリデータも取り扱うことができるとのことです。

PHP ダウンロード画像

2010年12月14日に投稿

[CSS]Firefoxにおいてリンクテキストをクリックした時に表示される点線の枠を消す

Firefoxではリンクテキストをクリックすると、点線の枠が表示されます。(スタイルシートでいうdottedボーダーのようなものです。)これはどこをクリックしたのか分かりやすくするためのものだと考えられますが、WEBサイトを作成する時にレイアウトが崩れる原因になる可能性があります。私は過去に表示されたボーダーのせいで、ボーダーが表示されている間はfloatが崩れたり、スクロールバーが表示されてしまったりすることがありました。

この枠線を非表示にするには、下記のスタイルシートを適用します。
[css]
a{
outline:none;
}
[/css]

border CSS Firefox ボーダー

2010年12月07日に投稿