ふつうのHTMLを書こう！ イマドキのJSFの書き方 - タグ編 - Qiita
はじめに JSFは始まりの1.0の頃はGUI Editorの使用を前提としていたため、カスタムタグの塊です。また、Editorで扱いやすくするためValidatorとかConvertorも全部テンプレートに埋め込むので、faceletsと出力されるHTMLの間にはかなり乖離がありました。 しかし、それはもう遠い昔のことです。 JSF 2.x、特にJavaEE 7で取り込まれた2.2以降はbootstrapやangularを始めとしたHTML構造に強く制約を与えるテンプレートに、容易に対応できるようHTML5-Friendly Markupを標榜した書き方ができるようになりました。 PrimeFacesが使えるような開発者主導の体制ならともかく、デザイナーがテンプレートを作るような体制の場合、カスタムタグを使っていると、デザイナーの作ったテンプレートをJSFに置き換えるというタンポポ作業がツ
JavaScript：removeChild を使って特定のid や tag を消す | むずむずサイト製作：凝ったきれいなブログのコツ
一定期間更新がないため広告を表示しています
メタタグmeta要素 :検索エンジン最適化で順位アップ ::SEO塾(情報サイト)
メタタグキーワード キーワードタグは、Googleでは重要ではないが、Yahoo!ではインデックスされている。 キーワードタグでは、5つほどキーワードを記述しておく。 <meta name="keywords" content="キーワードA,キーワードB,キーワードC,キーワードD,キーワードE"> メタタグrobots 以下の記述で、OKはインデックス可、NOはインデックス不可。 <meta name="robots" content="index,follow"> このページはOK このページからのリンク先ページもOK 同じ効果：<meta name="robots" content="all"> <meta name="robots" content="index,nofollow"> このページはOK このページからのリンク先ページはNO <meta name="rob
margin、paddingの初期化：CSS入門
つまり、「すべての適用先に対して、margin、paddingを指定します！」という意味になります。 ▲ページの先頭に戻る 4：margin、paddingを初期化する （06） それでは、CSSコードに追加してみましょう。記述する場所は、より上の方に記述します。 なぜ、上の方に記述するか分かるかしら？なぜなら、CSSは、上から順番に実行するからです。初期化ですから、下の方に書いても意味がありません。 * { margin: 0; padding: 0; } body { background-color: #ffff00; } h1 { background-color: #191970; color: #ffffff; } h2 { background-color: #ffffff; border-top: 2px solid #191970; border-right: 2px s
複数のカテゴリーを選択しての検索
商品紹介サイトを制作しています。 商品をカテゴリーで分けているのですが、（料金、メーカー、タイプ等） 複数のカテゴリーをラジオボタン等で選択して検索ボタンを押して検索したいと思っています。 どのようにしたらよろしいでしょうか。 初心者なので分かり易く説明していただけると助けります。 よろしくお願い致します。 商品をカテゴリーで分けているのですが、（料金、メーカー、タイプ等） 複数のカテゴリーをラジオボタン等で選択して検索ボタンを押して検索したいと思っています。 検索は AND 検索ですか? OR 検索ですか? カテゴリーをタグに変換してしまえば、複数タグの AND 検索または OR 検索は比較的簡単にできます。 http://blog.example.com/?tag=赤色+Tシャツ (AND の例) http://blog.example.com/?tag=青色,緑色 (OR の例) た
WordPressでカテゴリー&タグを絞り込み検索をする
Posted: 2011.06.17 / Category: WordPress / Tag: テンプレートカスタマイズ Wordpressのブログ内検索はテキストフィールドに入力したテキストが検索されますが、ドロップダウンリストでカテゴリーやタグを選択して絞り込み検索ができる機能を追加してみます。 テキスト検索 まずは、普通のテキストのみの検索です。 wp template <div id="search"> <form method="get" action="<?php bloginfo( 'url' ); ?>"> <input name="s" id="s" type="text" /> <input id="submit" type="submit" value="検索" /> </form> </div> これで「search.php」を作成して適当にループさせるだけで該当し
inputタグの下の隙間をCSSで消すには - OKWAVE
CSSの左横に隙間ができてしまいます。 画像の左横に謎の隙間(8mmほど)ができて埋まりません。 そのため、4枚収めたい画像のうち、最後の1枚が改行されてしまっています。 padding や vartical-align、text-alignなど試してみましたが、ダメでした。 とても困っています、どなたかご教示くださいますようお願いいたします。 << CSS >> #header { width:940px; height:59px; margin: 0 0 20px 0; } #logo { width:300px; height:59px; float:left; margin: 0 20px 0 0; } #menu { width:620px; height: 59px; padding: 0; margin: 0; float:right; } #menu img { paddi
html初心者です。テキストフォームと検索ボタンがずれる。 - htmlで検索フォームを作りたいのですが、テキストフォームの横の検索ボタン... - Yahoo!知恵袋
html初心者です。テキストフォームと検索ボタンがずれる。 htmlで検索フォームを作りたいのですが、テキストフォームの横の検索ボタンは画像で 作りたいと思っています。以下のようにしたのですが、テキストフォームよりも画像が 少し上に上がってしまいます。キレイに揃えるにはどうしたらいいのでしょうか？ わかる方がおられたら教えてください。 <form action="" method="post"> <input type="text" name="name" value="" maxlength="30"> <input type="image" src="search_button.gif" width="50" height="24" alt="検索"> </form>
イラストレーターCS6のhtml保存ができない
現在、イラストレーターCS6を使って操作を勉強中です。 ただ、本はCS5のものを使用していますので、若干異なる点というか、わからない部分があります。 「イラストにリンクを設定して、htmlで保存する」というところなのですが、 リンクは設定できたものの、gifしか保存できません。 本の通りにやると、 「ファイル」→「Webおよびデバイス用に保存」→「プリセットはGIFにしておく」→「保存」→「最適化ファイルを別名で保存」 ここで「ファイルの種類」を「HTMLと画像」に選択することができるのですが、CS6でやるとここで「画像のみ」しか選択できないようになっています。 どうすればHTMLとして保存することができるのでしょうか？ よろしければご回答お願いいたします。
Illustratorでパスに沿ったクリッカブルマップをつける | グレヌデサ La graine du dessin
Illustratorでクリッカブルマップをつける方法を自分メモがわりに投稿します。 詳しくはつづきで。 今回はこの近畿エリアの都道府県ボタンにクリッカブルマップをつけてみます。 １．クリッカブルマップにしたいパスを選択します。 ※パスが「複合パス」になっていると、パス通りのクリッカブルマップになりません。 ２．[ウィンドウ]メニューから[属性]をクリックして、属性パレットを表示させ、「イメージマップ」を「多角形」にします。 ３．「URL」にリンク先を指定。今回はアンカーリンクにしています。 ４．[ファイル]メニューから[Webおよびデバイス用に保存]をクリック。 ５．保存時に「ファイルの種類」を「HTMLと画像」に設定しておきます。 ６．パス通りのクリッカブルマップができました。あとはHTMLファイルのソースをコピペするだけです。
IllustratorからMAPタグを自動生成してイラストの枠通りにリンクを貼る方法 | 楽してプロっぽいデザイン | Forty-N-FiveBlog
Illustratorにこのような機能があったことを最近知りました。HTMLタグでMAPタグがあるのはご存知かと思いますが、通常MAPを利用する際はDreamweaverで操作されるのが通常だと思います。しかし、Dreamweaverでは複雑な形には対応できないと思います。しかしイラストレータを使用すると、どんな複雑なイラストでもその枠通りにリンクを貼り付ける事が可能です。この機能を実際使うかどうかは別問題ですが… イラストレーターからMAPタグを自動生成してイラストの枠通りにリンクを貼る方法 例えばこんな場合に活用 例えば地図のイラストがあって、国ごとや県ごとにリンクを貼りたい場合。今回で言うと、赤・橙・緑にリンクを貼りたい時、まず赤の部分を選択します。次に「ウイドウ」から「属性」を表示させます。（F11でも属性が表示されます） 属性の設定 属性の設定ですが、イメージマップは「多角形」を
PHPのeval関数のウルテク - ゆっくり*ゆっくり
<?php eval("echo 'hello';"); #=> hello eval("<?php echo 'hello' ?>") #=> Syntax error... 通常evalの中では<?php 〜 ?>で囲まれた状態になっています。evalに渡す文字列の中に<?phpとかを使うとエラーになってしまいます。HTML文字列を渡してその中に含まれるPHPを展開したいということを行いたいのですが、evalに渡すだけではだめ・・・だと思っていたらやる方法があるみたいです。 <?php $html = <<<EOS <div id="content"> <?php echo \$email ?> </div> EOS; $fail = false; ob_start(); // PHP終了タグに続けてコードを渡す if (eval('?>'.$html) === false) { $f
3/5 HTML解析ツールを作る [Javaプログラミング] All About
HTML解析ツールを作る(3ページ目)今回は、URLを入力するとそのページにアクセスし、そこに含まれているリンクやイメージファイルを抜き出す解析ツールを作ってみます。 ParserCallbackでHTMLのタグを解析する 続いて、HTMLのソースコードを解析して特定の要素を取り出す方法について考えてみましょう。誰もが考えそうなのは、正規表現を使ってタグの特定の要素を抜き出すというものですね。これでも確かに可能ですが、JavaにはHTMLソースコードを解析するのに便利なものが用意されていますからそれを使ってみましょう。 Javaには、HTMLなどの構文解析を行うクラスが用意されています。これらは一般に「パーサ」と呼ばれています。HTMLの解析には、javax.swing.text.html.HTMLEditorKit.Parserというクラスが用意されており、このクラスによりタグやデータを
![3/5 HTML解析ツールを作る [Javaプログラミング] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
XML用語事典 [CDATAセクション] xml内でcコードなど記載する際に問題になる<>を記述する方法
CDATA Section XMLはマークアップ言語であるため、XML文書を記述する際には、マークアップ用として指定された記号を直接文字として記述することができない。これを記述してもマークアップの指定と解釈され、文字として解釈されないためである。しかし、場合によっては、この方法はXML文書の記述や管理を煩雑にする場合がある。このような場合に、マークアップ専用の記号であって、通常の文字として扱う特例的な部分をつくることができる。これを、CDATAセクションという。 CDATAセクションは、<![CDATA[という文字列で始まり、]]>という文字列で終わる。CDATAセクションの内部には、XMLで利用可能な文字をすべて記述することができる。唯一の例外は]]>という文字列だけで、これを記述することはできない。記述しても、CDATAセクションの終了を示すと解釈されてしまう。 以下は、CDATAセク
jmblog.jp - ソースコードを表示させるのに使うべきHTMLタグは？
ソースコードをWebページで表示させるために、どんなHTMLを書いてますか？私はこれまで、<pre>…</pre> を使っていました。<code>…</code> というタグは知っていましたが、これだと半角スペースや改行がうまく反映されていない、という理由で使っていなかったのです。 が、Web標準の教科書という本を読んで、目からうろこが落ちました。 （pre要素の解説で） pre要素は、code要素と組み合わせてスクリプト言語やプログラミング言語のソースコードを示すのに使うのが一般的である。 （code要素、var要素、samp要素、kbd要素の解説で） コンピュータに特有のテキストを定義するには、次の4つの要素を使用する。 （略） これらはインライン要素であり、インライン要素やテキストを含むことができる。 そうだったのかー！code要素はインライン要素なので、半角スペースや改行が反映
ウノウラボ Unoh Labs: symfonyでモバイルサイトを作るときにやったこと
こんにちは。中村です。 symfonyを使ってモバイルサイトを作るときにやったことを思い出しながら少し紹介しようと思います。symfonyといってもバージョンは1.0系です。最新のsymfonyでは勝手が違うかもしれませんのでご了承ください。 docomoの場合はURLにセッションIDを埋め込む iモードブラウザ2.0ではないdocomo端末はCookieに対応していないため、セッションを利用する場合にはセッションIDをURLに埋め込む必要があります。これについては解決方法がいろいろありそうですが、私の場合、sfMySQLSessionStorageを利用しようとしたところ親クラスのsfSessionStorageがsession.use_cookiesの値でCookieを使うかどうかを決定していたため、initializeメソッドを継承して分岐を入れることにしました。iniの設定をUse
iモードIDとutn(端末情報)との違い - maru.cc@はてな
「DoCoMoのiモードIDについて - maru.cc@はてな」でも書いたとおり、DoCoMoでiモードIDという、契約者を識別するIDを勝手サイトでも使用することが出来るようになった。 元々、iモードIDが使える前にも、utnと言われる端末情報やFOMAカードの番号を取得する方法はあったが、それとはまったく意味が違うことになる。 iモードIDの仕様については、SSLで送ってこないとか、formのpost時の要求方法が変だとか、セキュリティ的にどうかとういのはもちろんあるし、SSLで使えないくせにCookieベースのセッションが使えないとか、不満はいろいろあるが、それでも使えるようになったことで意義があると思う。 そもそものutnとiモードIDとの違い ■utn(端末情報) mova端末の場合には、端末製造番号 FOMa端末の場合には、FOMAカードの番号と端末製造番号 が、それぞれ送ら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSF2.2(JavaServer Faces)学習記 JSFタグ
mapタグ
Share Technical Blogs | Java, Android, iPhone, PHP...