タグ

Javascriptに関するku-kai27のブックマーク (165)

  • [ajax] JavaScript版 RSSリーダー

    Kawa.netxp [ajax] JavaScriptRSSリーダー RSS(ウェブフィード)をダウンロードし、 テンプレートを使用してHTMLページ中に展開する ajax の習作です。 JKL.ParseXML と JKL.Hina を利用しています。 RSS をダウンロード~展開 (DEMO) JavaScript ソース HTML テンプレート RSS 2.0 を利用している場合 日時の表示形式を変更する 表示件数を制限する 対応ブラウザ 応用例 コメントはこちらへ このページへのトラックバック RSS をダウンロード~展開 (DEMO) ボタンを押すと、 RSSファイルをダウンロード~展開します。⇒ 実行 [ここに展開されます] JavaScript ソース JKL.ParseXMLとJKL.Hinaを利用するので、 まず、head 要素内で jkl-hina.js と jk

    ku-kai27
    ku-kai27 2010/09/07
    JavaScriptでRSSを取得セヨ。
  • perl & javascript - PNGにテキストを埋め込む : 404 Blog Not Found

    2010年09月05日05:30 カテゴリLightweight Languages perl & javascript - PNGにテキストを埋め込む いっそこんな利用法はどうか。 404 Blog Not Found:Ajax - データ交換 via PNG 使いどころが限定的すぎる。 Demo 0 アイコンの中にエンコーダーのソースコードを埋め込んである。 $('#demo0 input').click(function(){ $('#demo0dst').text(showTextInPNG($('#demo0img').get(0))); }); Perlでテキストを取り出すソースコードは以下のとおり。 #!/usr/bin/env perl use strict; use warnings; use Imager; use autodie; my $img = Imager->

    perl & javascript - PNGにテキストを埋め込む : 404 Blog Not Found
    ku-kai27
    ku-kai27 2010/09/05
    pngにテキストを埋め込もう。
  • サービス提供終了のお知らせ

    日頃より、Momoたろうインターネットクラブをご愛顧いただきまして誠にありがとうございます。 「ホームページサービス」のサービス提供は2015年11月30日をもちまして終了させていただきました。 これまで長らくご利用いただき、誠にありがとうございました。 今後も、皆様によりよいサービスをご提供させていただけるよう、サービス品質向上に努めて参りますので、何卒、ご理解いただけますようお願 い申し上げます。 <Momoたろうインターネットクラブをご契約のお客様へ> 後継サービスとして「userwebサービス」を提供させていただいております。 詳しくは、以下のリンクをご参照ください。 ▼「userwebサービス」のご案内 http://www.ejworks.info/userhp/mmtr/index.html 今後ともMomoたろうインターネットクラブをご愛顧いただけますようお願い申し上げます

    ku-kai27
    ku-kai27 2010/09/04
    ホームページの自動更新@Javascript
  • 同一名称imageファイルの自動更新、画像入れ替え - OKWAVE

    ブラウザ:FireFox 表示中の画像を定期的に更新するページを作っています。 現在は、javascriptで作成しておりますが、Ajaxでできるのかなと考えております。ただ、Ajaxでの作成方法が分かりません。 お分かりの方いらっしゃいましたら、宜しくお願い致します。 <div id='test'></div> <script type='text/javascript'> hoge=""; hoge += "<img src='test.png'>"; $("document").ready(function(){ $('#test').append(hoge); }) setInterval('update()', 10000); function update(){ hoge=""; hoge+= "<img src='test.png'>"; $('#test').empty()

    同一名称imageファイルの自動更新、画像入れ替え - OKWAVE
    ku-kai27
    ku-kai27 2010/09/04
    画像ファイルの自動更新
  • 画像をランダムに表示する方法!JavaScriptで切り替え [ホームページ作成] All About

    画像をランダムに表示する方法!JavaScriptで切り替え 複数の画像リストの中から、JavaScriptでランダムに1つが選ばれて表示される仕組みを作ってみましょう。お気に入りの写真の中から1枚だけを毎回ランダムに選んで大きく表示させたい場合などに活用できます。 アクセスするたびに1枚がランダムに選ばれるだけなので、スライドショーで画像を順番に表示する場合とは異なり、大きなスクリプトを読み込んだり書いたりする必要はありません。リアルタイムに切り替わっていくわけではないので、ブラウザ上の表示はうるさくなりません。乱数を使って表示対象を選ぶだけの短いJavaScriptソースで作れます。ぜひ試してみて下さい。 【記事の目次】 JavaScriptを使ってランダムに表示画像を切り替えるサンプル JavaScriptで画像を毎回ランダムに切り替える手順 乱数を使ってランダムに表示画像を選ぶJ

    画像をランダムに表示する方法!JavaScriptで切り替え [ホームページ作成] All About
    ku-kai27
    ku-kai27 2010/08/31
    画像のランダム表示
  • 画像をランダムに表示する - JavaScript

    サンプルと機能 → Sample 1:画像をランダムに表示する(画像にリンクを貼る場合) → Sample 2:画像をランダムに表示する 画像をランダムに表示します。 画像にリンクを貼ることで、ランダムバナーを作ることもできます。 サンプルスクリプト 緑の文字が変更箇所で、赤い文字が対応するスクリプトです。 "//"以下はコメントです。削除しても影響ありません。 必要な箇所をコピー&貼り付けして編集してください。 → Sample 1:画像をランダムに表示する(画像にリンクを貼る場合) <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY bgcolor="#ffffff"> <SCRIPT language="JavaScript"> <!-- // ランダムに画像を表示する jmp = new Array(); img

    ku-kai27
    ku-kai27 2010/08/31
    痒いところに手が届くTips!
  • Ajax - jQueryでjQueryを内観する : 404 Blog Not Found

    2010年08月25日06:30 カテゴリLightweight Languages Ajax - jQueryでjQueryを内観する jQueryは使っても楽しいのですが、ソースを読むのはもっと楽しかったりします。 いっそjQuery自身にjQueryを読ませたら読むのも楽になるのでは? jQuery Source Browser というわけでこさえたのがこちらです。 Open in New Window select from the menu on the left こんなのがあっという魔に作れるところも、jQueryの魅力です。 で、実際にソースを見てみると、白魔術も黒魔術も使いまくりですね。 たとえばjQuery.isType()。toString.call(obj)とはね。 たとえばjQuery.globalEval()はeval()を全く使っていないし。 あとこれ書いて気づ

    Ajax - jQueryでjQueryを内観する : 404 Blog Not Found
  • JavaScriptのDOM Core基礎 - 三等兵

    Coreの簡易リファレンス。Coreは要素を参照したり、相対位置から周りのノードを参照したり、要素を生成するといった部分。主に利用するであろうプロパティやメソッドはカバーしているつもりですけど、これも入れとけってのあったら教えてください。 このあたりは地味で使いづらくその上理解しにくいという残念な部分。ふと忘れたときに使う個人的なものですが、慢性jQuery拒絶症候群な人よかったらどうぞ。それにしても暑い。ガリガリ君おいしいね。 DOMとは。 Document Object Model (DOM) は、HTML および XML ドキュメントのための API です。これはドキュメントの構造的な表現を提供し、内容や表示形態の変更を可能にします。端的に言えば、Web ページをスクリプトやプログラミング言語とつなぐような機構です。 https://developer.mozilla.org/ja/

    JavaScriptのDOM Core基礎 - 三等兵
  • javascript - Math.Complex をこさえました。 : 404 Blog Not Found

    2010年08月14日07:15 カテゴリLightweight LanguagesMath javascript - Math.Complex をこさえました。 Prime Obsession John Derbyshire [邦訳:素数に憑かれた人たち] これを読んだらついムラムラと。 dankogai's js-math-complex at master - GitHub とっても車輪の再発明の気がするのですが、適当なのが見つからなかったので。 Demo こんな感じ。基的なものはそろっています。 var cplx = Math.Complex, cplxe = Math.Complex.polar; var c1 = cplx(1,2), c2 = cplx(3,4); p(c1); p(c1.neg()); p(c1.con()); p(c1.add(c2)); p(c1.ad

    javascript - Math.Complex をこさえました。 : 404 Blog Not Found
    ku-kai27
    ku-kai27 2010/08/14
    Code例
  • javascript - NANDで何でもやってみよう-1.まずは足し算から : 404 Blog Not Found

    2010年08月06日21:30 カテゴリLightweight Languages書評/画評/品評 javascript - NANDで何でもやってみよう-1.まずは足し算から ゼロから学ぶ ディジタル論理回路 秋田純一 Make: Tokyo Meeting 5 で入手したこの「ゼロから学ぶディジタル論理回路」を読んでいたら、無性に作りたくなってきたので。 夏休みの課題にも手頃かも。 前口上 ここではJavaScriptを「なんちゃってHDL」として使うことにします。HDLよりはよっぽど高機能なので、ここでは以下の制約をもうけます。 NAND以外は(なるべく)使わない まあそれがこの企画の趣旨でもあるので。条件分岐すらなしです。複数ビットの表現のため、配列は使います。そうでないものはそうとわかるようにしておきます。 ゲートは関数として表現 JavaScriptでやる以上、当然ですね。

    javascript - NANDで何でもやってみよう-1.まずは足し算から : 404 Blog Not Found
  • [JS]jQuery初心者もOK、サイトにアニメーション効果を取り入れるチュートリアル

    jQueryを使用して、サイトにフェードやスライド、表示・非表示、タイマーなどのアニメーション効果を取り入れるチュートリアルを紹介します。 Super-Easy Animated Effects with jQuery チュートリアルは英語ですが、使用する関数、ソース(HTMLJavaScript)が必要最小限でまとめられており、デモページ(シンプルすぎかも)もあるため、英語が苦手な人でも大丈夫だと思います。 下記に、チュートリアルをいくつかご紹介。 アニメーションでフェードイン・フェードアウト <textarea name="code" class="html" cols="60" rows="5"> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascr

  • HisasAnn.com is for sale | HugeDomains

    Make 24 monthly payments Pay 0% interest Start using the domain today. See details

    HisasAnn.com is for sale | HugeDomains
  • コリス

    ページは、アフィリエイト広告を利用しています。 🙏ソシム社大感謝祭🙏 Kindle特大セールが開催しています!! このセールを待っていた人も多いと思います! 今年発売された新刊をはじめ、ベストセラーのデザイン書も55%オフ。当ブログで紹介した書籍も多数あり、どれもお勧めです。 セール期間は7/31まで。 ソシム社のセールは貴重なので、気になっていた書籍は迷わず買いです!

    コリス
  • WordPress - シーザー暗号ショートコードのプラグイン - komagataのブログ

    お客さんからクローラーにメアド取られたくないという要望があったので以前のエントリ内容をWordPressのプラグイン(ショートコード)にしてみました。 [caesar-cipher komagata@gmail.com] こう書くと、 こういうJSが吐かれて、 メアドが表示される。 紀元前の人でも簡単に解読できますが、とりあえずクローラーにわからなきゃいいかなということで・・・。 更新:wordpress.orgのsubversionで管理するのが普通っぽいのでGithubの方はやめて家に登録しておきました。 WordPress › Caesar Cipher « WordPress Plugins 関連:JSシーザー暗号でお手軽メアド隠し - komagata [p0t]

    ku-kai27
    ku-kai27 2010/07/23
    少し便利
  • Ajax - Amazonと楽天に二股かけてみる : 404 Blog Not Found

    2010年07月09日05:00 カテゴリLightweight Languages Ajax - Amazon楽天に二股かけてみる えーっ!? 勝間和代公式ブログ: 私的なことがらを記録しよう!!: 楽天ブックスに感動→ブログのリンクをamazonから楽天ブックスに切り替えます 私のブログのメインの画面のリンクはだいたい楽天ブックスに張り替えてみましたので、まだ体験していない方がいらっしゃったら、試してみてください。 っても 楽天ブックスに感動→ブログのリンクをamazonから楽天ブックスに切り替えます (勝間和代公式ブログ: 私的なことがらを記録しよう!!) - ヲハニュース 結局、アフィリの報酬(料率)なんですよね。 ですよねー ん、まてよ? 二股かけられんか? かけられるじゃん。 ASIN: Status: Title: Author: itemPrice:円 Amazonで購入

    Ajax - Amazonと楽天に二股かけてみる : 404 Blog Not Found
  • jsdo.it

    Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a

  • 連載:Ajax時代のJavaScriptプログラミング再入門 ― @IT

  • 透過PNGや角丸などをIE6や7でも実装出来るJavaScriptのメモ - かちびと.net

    IE6のPNG透過や6、7での 角丸、ドロップシャドウを実装 するjsライブラリのまとめです。 同じ用途でもライブラリによっ て良し悪しだと思いますので、 備忘録的にメモ。 もうIEはいいよとも思いますが、現実そうも行かないのはもどかしいですね。万能では無いですけど、作業工数を減らせるならjsに頼ってもいいと思います。そういう訳で、透過の問題や角丸、ドロップシャドウを実装してくれるjsのメモ。 IE7.js IE6以下でもIE7と同じようなXHTML / CSSの解釈をしてくれます。要DOCTYPE 宣言。 IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 DD_belatedPNG.js IE6でも透過PNGを実装できるライブラリ。class名等を指定します。リピートにも対応。 IE6用透過png対応策、DD_belatedPNGの使用法と注意点 合わせて読みたい:DD_be

  • これは一見の価値ありな、1ページのJSサイト集:phpspot開発日誌

    25 Creative Single Page Websites With Awesome JavaScript Effects 一見の価値ありな、1ページのJSサイト集がまとまってます。 1ページとはいえ、JSでページを1ページ内でスクロールするのでコンテンツは複数ページと同等です。 アイデアが秀逸なものが多くて感心するものが多いです MelissaHie ページがパネル風に分かれていて、ページ全体がダイナミックに移動するサイト DanteStyle 横にズラッとページが配置されていてアニメーションで切り替わる Webleeddesign ページが縦にスクロールされるのですが、そのアニメーションがなかなか秀逸です。 Howarths ページをめくる風のUIが実現されてます。 他にも色々あるので真似してみるのもよさそうですね。

  • javascript - Array.prototype.slice.apply(arguments) // 引数一発配列化 : 404 Blog Not Found

    2010年04月28日22:00 カテゴリLightweight Languages javascript - Array.prototype.slice.apply(arguments) // 引数一発配列化 これなのですが… 細かいJavaScriptの仕様や習慣やテク集 - 三等兵 var func = function() { var leng = arguments.length; for(var i = 0, arr = []; i < leng; i++){ arr[i] = arguments[i] * 10; } alert(arr); }; こう書けます。 var func = function() { var args = Array.prototype.slice.apply(arguments); var arr = args.map(function(n){ r

    javascript - Array.prototype.slice.apply(arguments) // 引数一発配列化 : 404 Blog Not Found