2017-07-11から1日間の記事一覧

css

body { color: #252525; font-family: 'Verdana','MS PGothic','Courier','Lucida Grande','Times New Roman','Consolas','Meiryo','MS Gothic'; font-size: 13pt; line-height: 150%; letter-spacing: 1px; background-color: #888fff; margin: 20px 50px 2…

AjaxとServletの連携

Ajax と Servlet を連携するやり方について紹介します。サーブレットコンテナは Jetty を用いています。 注)Jetty は、サーブレットコンテナとして機能だけではなく、 Webサーバの機能も備えています。 ファイルの配置 まず、Jetty のzipファイルをダウンロ…

css

body { color: #252525; font-family: 'Verdana','MS PGothic','Courier','Lucida Grande','Times New Roman','Consolas','Meiryo','MS Gothic'; font-size: 13pt; line-height: 150%; letter-spacing: 1px; background-color: #888fff; margin: 20px 50px 2…

css

body { color: #252525; font-family: 'Verdana','MS PGothic','Courier','Lucida Grande','Times New Roman','Consolas','Meiryo','MS Gothic'; font-size: 13pt; line-height: 150%; letter-spacing: 1px; background-color: #888fff; margin: 20px 50px 2…

夏は花火だ!

最近、花火を見ていないので、久しぶりに見たいな!

JavaScript 備忘録

ドキュメントオブジェクトを操作するモデルをDOM(Document Object Model)と呼びます。 JavaScriptでは、オブジェクトのメンバーをプロパティと呼びます。Javaのフィールドやメソッドに対応します。 Window Object Properties & Window Object Methods HTML…

ビールが飲みたい!

ビールがおいしい季節ですね!

HTML:CSSで作成した多階層ドロップダウンメニュー

CSSだけで何階層でも可能なドロップダウンメニューを作成しました。また、transition を使って、アニメーション効果を出しています。 尚、作成に当たり下記のサイトを参考にさせて頂きました。ありがとうございました <(_ _)> 1.CSSだけで作る「多階層」な…

HTML:インラインフレーム

iframe(インラインフレーム) Character Set を UTF-8 で指定した場合は、HTML ファイルを UTF-8 フォーマットで保存すること。 iframe.htm <html lang="ja"> <head> <meta charset="utf-8"> <title> iframe </title> <link rel="stylesheet" type="text/css" href="iframe.css"> </head> <body> <iframe src="header.htm" id="header"></iframe> <…</body></html>

HTML:ヘッダーとサイドバーを固定するためのCSS

ヘッダーとサイドバーを固定するための設定を紹介します。 sample.htm <html> <head> <style> body { margin: 0px; padding: 100px 0px 0px 200px; } #header { top: 0px; left: 0px; width: 100%; height: 100px; text-align: center; background-color: #888fff; } #sidebar {</head></html>…

HTML:inurlを使ったサイト内検索

Googleのinurl(URLに含まれる文字列)を使ったサイト内検索方法です。 search.htm <html> <body> <form action="http://www.google.com/search" target="_blank"> <input type="hidden" name="hl" value="ja"> <input type="text" name="hq" value="inurl" size="50"> <input type="text" name="q" value="keyword" size="50"> </form></body></html>

手続き型プログラミングとオブジェクト指向プログラミングの違い

手続き型プログラミングでは、関数が関数外部の変数に依存しないのに対し、オブジェクト指向プログラミングでは、関数(メンバー関数、メソッド)が関数外部の変数(メンバー変数、フィールド)に依存します。 言い換えると、手続き型プログラミングでは、関…