PHP リンクからPOSTデータを渡すには

使用する場合と致しましては、、 リンクのデザインを保持したままPOSTデータを送信したーい!という時に使っちゃいます。 (ボタンを使用しない)   (例)index.phpへ送信する場合 <form name=”form1″ method=”POST” action=”index.php” > <a href=”javascript:document.form1.submit()”>Submit</A> <input type=”hidden” name=”hogehoge_status” value=”1″> </form> 普通にformでかこってあげます。 そして、リンクの<a href =””>のなかにJavaScriptの処理をいれることで リンクをクリックすると同時にPOS […]

<article></article>タグ:HTML5

WEB担当の福原です。 さてさて、今回は『<article>』タグです。 <article>タグは、内容が単体で完結するセクションであることを示す際に使用。 例えば、ブログのエントリ、コメントなどです。 <article>を入れ子にして使用する場合、 内側の<article>の内容は、原則として外側の<article>の内容に関連していることになる。 例えば、<article>タグでくくられたブログのエントリの内側に、 さらに<article>タグでくくられたユーザーコメントを入れ子に配置することで、そのコメントがそのブログエントリに対して投稿されたものであることを示す。

<header></header>タグ:HTML5

WEB担当の福原です。久々の投稿です… 折角なので、HTML5のタグを書いていこうかなと思います。 今回は『<header>』タグについて。 <header>タグは、イントロダクションやナビゲーショングループであることを示す際に使用。 文書のヘッダ情報を表す<head>タグと間違えないように!

webで縦書きを表現する方法

CSSで対応する方法と画像に変換する方法があります。 CSSの場合は、こちらのページに書いてありました。「テキストを縦書きに表示する」 http://technique.eweb-design.com/0402_tt.html CSSにて 以下の項目を使うことで実現できます。ただし、IE限定とのことですが、最近のブラウザでは対応しているものが多いようです。 writing-mode: tb-rl;で文章を縦書きにしています。 direction: ltr;左から右にテキストを流しています。   ブラウザの差異を気にするようなら、画像を作るしかありません。 ということで、phpで画像に変換できるように作ってみました。 http://studio-q.link/tategaki/ ゴシック、明朝体、フォントサイズ、1列(縦書きなので)に表示する文字数を指定できます。 出来たのはこんな […]

checkbox(or radio)のスタイルを変更するには?

HTMLのFORM要素のcheckbox(input type=checkbox)とradio(input type=radio)。 checkboxとradioの見た目を変更したいという要望がある。 スタイルシート(CSS)を用いれば可能かと思うが、このFORM要素は、CSSで変更できない。特にIE8以下は、完全に不可能です。 ※CSS3から変更可能。 だけど、どうしてもデザイン的に変更させたい、というのであればいろんな手を使って実現させることは可能です。 ただ実現させるのではなくて、FORMの要素としてもちゃんとチェックされている、選択されているという状態であることも大事です。 (phpなどでサーバ側でチェックされている状態が受け取ることができることが重要) 実現方法を簡単に説明すると、チェックボックスを隠し、チェックされていない画像、チェックされた画像を用意し切り替える。 ということ […]

Excelからjson形式へ変換 by Mr. Data Converter

Mr. Data Converter ウェブシステムを作っていてサンプルデータを作ってモック作りたい!ということありませんか? そんなとき、2,3件のデータを用意するのは手作業が早いけど、もっと10件とか20件のデータを扱う場合、json形式だったりxmlだったり用意するのが大変です。 そんなときに便利なサイトがありました。 Mr. Data Converter http://shancarter.github.io/mr-data-converter/ すばらしいです。 XMLやJSON形式以外にももっとあります。ASP/VBScriptやphpの場合は、言語の配列Arrayに入れてくれます。 Actionscript ASP/VBScript HTML JSON – Properties JSON – Column Arrays JSON – Row […]