ホームページ制作講座

ホームページ制作のHTMLやCSS、JavascriptやDTDとかDreamweaverなどWEB制作について

Javascript

jQueryって

jQueryについての説明になります。jQueryはオブジェクト型スクリプト言語JavaScriptライブラリの1種についての説明になります。 詳細については、John Resig(ジョン・レッシグ)氏によって開発・公開されており、バージョンは1系と2系に別れており、それぞ…

async属性の非同期処理JavaScriptの知識

async属性の非同期処理JavaScriptに関係のある知識が必要な場合は、Yahooサーチ検索では下の関連キーワードで検索してもよいでしょう。 言葉の組み合わせ"async属性の非同期処理JavaScriptについてより理解を深めるための検索キーワードの組み合わせには、as…

JavaScriptのdocument.writeがHTML5で非推奨のときにとる対策

さてJavaScriptでテキストや値をHTML上に書きだすときに、document.write("テキスト"); などの記述はよく使われてきましたが、HTML5ではdocument.writeは非推奨とされています。document.writeはブラウザのレンダリングに悪しき影響を与えるとして、HTML5の…

FirefoxのJavaScript有効と無効設定

以前のバージョンでは、オプションからの設定が可能だったのだが、最近のバージョンではプラグインあabout:configからしか設定できないらしい。アドレスバーに、『about:config』を入力して、警告画面を確認して、設定項目一覧の画面をブラウザ上のウィンド…

Javascriptでメール送信フォームいろいろなチェック

JQueryなどで簡単にチェックできるライブラリも多いのですが、シンプルなJavascriptのメールフォームチェックについて。通常の入力チェックから、メールアドレスの正誤チェック、ラジオボタンやチェックボックス、プルダウンメニューのselectタグやテキスト…

JQuery使用時の$ドルマークの意味は?

ホームページ制作でも、ダイナミックな動きで演出したい機能があり、その場合、JQueryが利用されることも多いのです。その場合、JQueryの機能を利用する際に、HTMLソースコードに$マークがついた記述を埋め込む場合があります。$(function(){ $('button').r…

JavaScript「識別子、文字列または数がありません」エラー

JQueryを使用してホームページを制作する機会や頻度がとても高くなりました。一方、IneternetExplorerのバージョンはいくつもリリースされてきて、それぞれレンダリングエンジンが異なるブラウザといってもよいくらい、HTMLやcss、JavaScriptの解釈がことな…

scrollsmoothy.jsの動きがおかしい場合の対処法

スクロールを滑らかにするjsライブラリは同一ページ内に限定されましたが、別ページのアンカーテキストもある程度滑らかにスクロースさせるサイトも増えてきました。ページ内だけでなく、サイト内の別アンカーにたいしてもスクロールしながら動くので、ユー…

Smooth scrollingの実装

最近は結構JavaScriptライブラリを使用して、WEBブラウザの表現がいろいろ増えてきています。 エラーダイアログがデザインされていたり、一見フラッシュなどのリッチコンテンツのような表現のものがJavaScriptで制御されていたり。 なかでもアンカータグをク…

Syntax Highlighterとは

HTMLページでJavaやPHPなどのスクリプトコードや、JavaScriptやHTML/CSSなどのソースコードを記述することもあります。 ただソースコードをそのままペーストすると、タグやスクリプトがソースと解釈されたり、なにより読みにくいケースが多かったりします。 …

JavaScriptプルダウン制御

WEBサイト制作ではAjaxに代表されるように、どんどんJavaScriptとホームページが密接になってきました。 そのような理由から今回もJavaScriptについてもある程度の知識を増やしていきます。 今回はフォームタグ内に設置されたプルダウンメニュー(リストボッ…

JavaScriptでタグ内の値を取得する

今回から、JavaScriptについても取り上げていくことになりました。 WEBサイト制作においてJavaScriptは必須といえますから、HTMLタグやCSS以外でも習得しておいたほうがよいでしょうか。 初回は、JavaScriptはHTMLページソースの特定のタグ内の値を取得する…

Lightbox2の紹介

Javascriptによる画像表示制御のフリーソースです。 WEBサイトの視覚効果を期待できるDHTML、DOMなどというのでしょうか。よくWEBサイトの画像をクリックすると、背景の明度が暗くなって、画像ウィンドウが表示されるWEBサイトなどがありますが、基本的にはL…

Javascript全角日本語変数指定

WEBサイト(ホームページ)内のメールフォームでは、確認画面などをCGIやPHPにてサーバー再度の処理は必要なものの、入力内容チェックはサーバ負荷やユーザビリティを考慮して、ローカルでのUAチェック、いわゆるJavascriptでの入力内容チェックを使用するサイ…