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>