railsのラジオボタンで初期選択状態にしたい場合

コメ0 東京ウェブ制作ブロマガ 140ヶ月前

{:checked => true} をつけると、初期選択状態になる。東京<%= radio_button 'page', 'area', 'とうきょう', {} %>　大阪<%= radio_button 'page', 'area', 'おおさか', {:checked => true}  %>　名古屋<%= radio_button 'page', 'area', 'なごや', {} %>　の場合、大阪がデフォルトで選択された状態となる。東京ウェブ制作

CakePHPでフォームから入力される文字列内のHTMLタグを無効化する

コメ0 東京ウェブ制作ブロマガ 140ヶ月前

●入力画面コントローラ：  public function index130428c() { $this->set("title_for_layout","東京ウェブ制作けいく130428c"); } // end of functionビュー：　ファイル名　index130428c.ctp<h1>名前を登録する</h1><p>本名をフルネームで入力してください</p>  <?php echo $this->Form->create(false,array('type'=>'p...

CakePHPでフォームヘルパーを使って簡単なフォームを作る

コメ0 東京ウェブ制作ブロマガ 140ヶ月前

●入力画面コントローラ（ファンクション）：public function index130428b() { $this->set("title_for_layout","東京ウェブ制作けいく130428b");} // end of functionビュー：　ファイル名　index130428b<h1>名前を登録する</h1><p>本名をフルネームで入力してください</p>  <?php echo $this->Form->create(false,array...

CakePHPで簡単なフォームを作る

コメ0 東京ウェブ制作ブロマガ 140ヶ月前

●フォーム入力インタフェースコントローラ：　public function index130428a() { $this->set("title_for_layout","東京ウェブ制作けいく");} // end of functionビュー：　ファイル名　index130428a.ctp<h1>I am index130428a.ctp</h1><p>this is test View.</p><p>　</p><p>  <form method="post" action="./form01" na...

CakePHPでページタイトルを設定する

コメ0 東京ウェブ制作ブロマガ 140ヶ月前

●ビューのソース　ファイル名：　hoge02.ctp<h1>私は hoge02.ctp です。</h1><?php echo $name; ?><hr>●コントローラのソース<?phpApp::uses('AppController', 'Controller');class YamatoController extends AppController {  public function hoge02() { $this->set("title_for_layout","東京ウェブ制作けいく"); $thi...

シリコンバレーで普通に使われているWebマーケティングSaaS13選

コメ0 in the looop 142ヶ月前

一昔前は、マーケティング担当者や事業部担当者だけでは、ウェブページ1つ、ランディングページ1つ作るさえ出来ず、ウェブ制作担当者が必要とされました。マーケティング系ツールの導入にはIT部門の協力が必須で、導入に1ヶ月かかる [...]

CSSで特定のクラスを持つ要素のみを非表示にする

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

●HTML<p class="tokyo">東京</p><p class="osaka">大阪</p><p class="nagoya">名古屋</p>●CSSp.tokyo{display: none;}本来なら、東京、大阪、名古屋、と３つのp要素がブラウザに表示されるはずである。しかしブラウザには、東京は表示されない。これは、CSSでdisplay: none;を東京に適用しているからである。大阪と名古...

jQueryで複数あるp要素の、2番目以降の文字の色を全て変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

●スクリプト$(function(){  $("p:not(:first)").css("color", "red");});●HTML<p>東京</p><p>大阪</p><p>名古屋</p>スクリプトの　p:not(:first)　は、p要素の一番最初以外、つまり２番目以降を意味する。２番目以降にはすべてcssでredが適用されるので、東京のみ黒字となり、大阪と名古屋は赤字となる。サンプルソースh...

jQueryで複数あるp要素の最初の文字のみ色を変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

●スクリプト$(function(){  $("p:first").css("color", "red");});●HTML<p>東京</p><p>大阪</p><p>名古屋</p>３つあるp要素のうち、最初のp要素（東京）のみを first で選択する。その選択された要素にのみ、cssでredが適用される。よって、東京の文字だけが赤色になる。サンプルソースhttp://tokyo-webs.jp/sample_sour...

jQueryでボタンを押すたびにHTMLを追記する

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){  $("button").click(function(){    $(".tokyo").after("<span>東京です。</span>");    })});</script><p>ボタンを押すと、HTMLが追加されます。</p><button>ここをクリック</button><div class="tokyo"></div>ボタンを押すタイミングで、イベントが発生し、jQueryにて...

jQueryでボタンを押したときに写真を変更する

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){  $("button").click(function(){    $("img").attr("src","neko.png")    })});</script><p>ボタンを押すと、犬の写真が猫に変わります。</p><button>画像を変更する</button><img src="inu.png">もともとは犬の画像を表示させている。しかしjQueryによって、ボタンクリ...

jQueryでリンク先を変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){  $("a").attr("href","http://www.yahoo.co.jp/");});</script><a href="https://www.google.co.jp/">グーグルにリンク（でもヤフーに変わる）</a>本来ならグーグルhttps://www.google.co.jp/にリンクするところを、jQueryの.attrによって、ヤフーのURLhttp://www.yahoo.c...

jQueryでHTMLを追加する（リンク付きダブルクォート含む）

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){  $(".onamae").after("<span>ケン<a href=\"#\">イチ</a>ロウ</span>");});</script><span class="onamae">大和</span>jQueryの.afterで追加するHTMLソースコードは、""で囲む必要がある。しかし、ソースコード自体に " が含まれる場合は、直前に \ をつけてエスケープし...

jQueryでHTMLを追加する

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){  $(".onamae").after("<span>ケンイチロウ</span>");});</script><span class="onamae">大和</span>ブラウザには大和ケンイチロウと表示される。ケンイチロウの部分が、jQueryによって追加されたHTMLである。サンプルソースhttp://tokyo-webs.jp/sample_source/130311d/東...

jQueryでclass毎に色を変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){  $(".rin").css("color","#FF6666");  $(".mik").css("color","#3333FF");  $(".ban").css("color","#339933");});</script><ul><li class="rin">りんご</li><li class="mik">みかん</li><li class="ban">ばなな</li></ul>以上のように、jQueryにて、class毎にCSSで色を指...

jQueryでid毎に色を変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){  $("#ringo").css("color","red");  $("#mikan").css("color","blue");  $("#banana").css("color","green");});</script><ul><li id="ringo">りんご</li><li id="mikan">みかん</li><li id="banana">ばなな</li></ul>以上のように、jQueryにて、id毎にCSSで色を指定でき...

jQueryで文字の色を変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

jQueryライブラリを読み込んでいる状態で、<script type="text/javascript">$(function(){  $("li").css("color","red");});</script>と記述する。HTML側は<ul><li>りんご</li><li>みかん</li><li>ばなな</li></ul>とする。すると、文字の色が赤に変わる。これは、jQueryのfunctionにて、CSSのcolorが操作されたことを意...

CSSでposition:absoluteを用いてdiv毎に絶対位置を指定する

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<div class="tokyo">東京</div>  <div class="kanagawa">神奈川</div>  div{width: 200px;border: 1px solid #F00;}div.tokyo{position: absolute;top: 0px;left: 0px;}div.kanagawa{position: absolute;top: 0px;left: 0px;}東京と神奈川、いずれも top と left を 0 にしているので、２つのdivが重なって見える。top ...

ゆるキャラ街ネタはニュースメディアの王となるか？

コメ0 未来地図レポート 146ヶ月前

　神戸で10月上旬、「みん経ナイト2012 in 神戸」というイベントがあった。私もゲストとして参加したのだけど、これが関西ノリで非常におもしろい話満載だったので紹介してみたい。　「みん経」というのは「みんなの経済新聞」のことだ。2000年に最初にスタートした「シブヤ経済新聞」をはじめ、日本各地に広がっている...