ウェブページでHTML, CSS, JavaScript, C/C++, JAVA, Perl, Rubyなどがハイライトされていないコードをハイライトして、読みやすくするブックマークレットを紹介します。
過去のエントリーの改訂版です。 今回はより簡単にHTML+JavaScriptでiPhoneアプリを作る方法を紹介します。 より少ない手順で、ビルド時に警告もありません。 iPhoneSDKにはSafariにも搭載されているレンダリングエンジンのWebkitが含まれています。これを利用して、HTMLでもiPhoneアプリを作ることができます。 このままAppStoreにも登録できます。 ゲームも作ろうと思えば作れますが、iPhoneのCPUはPCと比べると非常に遅いので、いくらJavaScriptが早いSafariと言えども、動作速度は期待できません。 HTMLファイルの準備 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" co
Desktop Opera One R2 introduces dynamic Themes August 20th, 2024 Opera One R2 introduces dynamic Themes which allow you to customize your browser with animated backgrounds and change the UI... Opera for iOS Introducing Opera One for iOS: a fresh take on mobile browsing August 14th, 2024 We're excited to announce the launch of Opera One for iOS, our redesigned, AI-powered browser for iPhone. Opera
jQueryを利用してコンボボックスを選択状態にできないかなって思って調べていたら、selectで指定のものを選択状態にってエントリを発見。早速試してみました。 <select id="col1" name="col1"> <option value="val1">値1</option> <option value="val2">値2</option> <option value="val3">値3</option> </select> ってHTMLに対して $("#col1").val("val2"); って記述でほんとに選択状態にできました。素敵過ぎです。 checkboxとかradioとかはどうなのかと思ったら、こっちは $(".col2[@value=val2]").attr("checked","checked"); って記述でいけるみたい。これまたシンプル! HTML中にsel
IE6〜IE8のinnerHTMLには問題が多く、そのひとつに、HTML5の新要素を食わせると悪夢のようなDOMツリーを生成するというものがあります。 var div = document.createElement("div"); div.innerHTML = "<section>section</section>"; document.body.appendChild(div); 上記のコードを実行すると、body以下にはこのような構造ができてしまいます。 <body> <div> section </SECTION> </div> </body> どうやら、innerHTML に与える文字列を div でラップし、div要素の前に何か一つ以上のダミーの文字列を設定しておき、あとでアンラップすれば上手くいくようです。 http://jsdo.it/uupaa/IEInnerHTMLB
HTML5とJavascriptを用いて弾幕STGを作りました。 大学のJavascriptで何か作って来いレポートで3日で作ったものです。 手軽に作れるのでみなさんも試してみてはいかがでしょうか。 雲色の風 動作環境 推奨 chromeの最新版 動作 firefox3.0以降 safari3.1 ipad ipadのタッチ動作にも対応してますが重いです。
とりあえず、色々と直リン関係に役に立つサイトのリンク集を作ってみました。 よかったら参考にしてください。 ダウンロード必須の素材には使えませんが 大きな画像を表示させている、イラスト展示サイトなら 画像を分割して表示させれば、コミュニティータウンの壁紙に使われたり 悪意のある直リンは防げると思います
メッセージ出さない場合、簡単な方法は <BODY ONCONTEXTMENU="return false;"> と<BODY>の個所に追加します。 ただし、IE5以上で有効です。ネットスケープでは効果はありません。 右クリック禁止-ビルダー素材集(スクリプト)から挿入 [素材集]の[スクリプト]の中にある[m_click.js]を選択して[挿入]ボタンをクリックします。 Sample・・左画像を右クリックすると「右クリック禁止」のダイアログが開きます。 設置例→JavaScript編 > 素材スクリプト見本例 右クリックしたとき、メッセージを表示するには とほほのWWW入門さんのサイトからの転載です。 (対応ブラウザ、注意事項についてはとほほのWWW入門さんのサイトを参考にしてください。) ※このページに右クリック禁止のスクリプトを設置しています。右クリックし、試してみてください。 ◆設置
I remember googling for something of this nature a while ago but all I found were countless attempts using the cols and/or rows attribute of the textarea, thus making it pretty useless if you weren’t using a fixed-width font. Inspired by Jason Frame’s method, I’ve created an animating ‘autoResize’ jQuery plugin. Although it was inspired by his plugin it has a few slight differences, most notably t
サイトやブログをJavaScriptを使って動きのあるページに、スタイルシートで見栄え良く装飾してみませんか? コピーしてご自由にご利用ください。 textarea要素 element.scrollHeightプロパティでテキストエリアの高さを自動変更。 * 自動折り返し、Enterキー,改行で高さが自在に変わります。 ウェブ検索するだけで楽天スーパーポイントがもらえる ホームページが無料で作れます サンプルソース <html> <head> <title>テキストエリアの高さをリサイズ</title> <script type="text/javascript"> <!-- function resize(Tarea){ var areaH = Tarea.style.height; if(Tarea.value == ""){areaH=26+"px";} areaH = parseI
このエントリは ライブラリ へ移動しました。
jQueryでSelectタグ系でちょい便利なワザのメモです。 html <select name="hoge_n" id="hoge_i"> <option value="">---------</option> <option value="1">hoge1</option> <option value="2">hoge2</option> <option value="3">hoge3</option> <option value="4">hoge4</option> </select> selectで指定のものを選択された状態に // hoge4を選択状態にしたい場合 $(#pref).val(4); option要素を追加する // hogeというIDのSelectにラベル:hoge5、値:5というOptionを追加 $('#hoge_i').append($('<option>
Excel のウィンドウ枠の固定のように、テーブルのヘッダや左側を固定して、残りの部分をスクロールさせるための jQuery プラグインを書きました。 マークアップはシンプルで、普通にテーブルを書いたら、jQuery の作法でプラグインを呼び出すだけです。 jQuery のおれおれプラグインはいくつか書いた事がありましたが、こうやって公開するのは初めてです。ごてごての機能が欲しいんじゃなくて、単に既存のテーブルを固定スクロール化したいだけの時に、いいのが見つからなくて書いたので、けっこうニーズがあるんじゃないかと思ってます。 下記は簡単なサンプルです。詳細は専用ページを見てみて下さい。 HTML <table id="tablefix"> <thead> <tr> <th rowspan="2">ヘッダA</th> <th rowspan="2">ヘッダB</th> <th colspan
フレームページで別のページを操作するJavaScriptです。 今回は、別のページの背景色を操作してみたいと思います。 サンプルページはこちらです。 このページのHTML、Javascriptの書き方は以下のようになります。 (1)フレーム画面の大元のHTML <HTML> <FRAMESET ROWS="89,*" FRAMESPACING="0"> <FRAME SRC="another_sample1_top.html" NAME="fr1"> <FRAME SRC="another_sample1_under.html" NAME="fr2"> </FRAMESET> </html> これは単純な親フレームのHTMLの記述ですが、注意点は太字になっている「NAME」部分です。このNAMEの値を利用することになります。 (2)フレーム画面の上部分のHTML・JavaScri
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く