ベストセラー人気 WordPress テーマTop 30 詳細

CSS値をJavascript変数に設定する

jQueryを使用して、ピクセル(pixel)に幅(Width)の値を取得するvar width = $( '#mydivid')。width(); jQueryを使用してDIVの幅を設定する$( "#mydivid")。css( "width"、 "100px"); 100pxの代わりに必要な幅の値に置き換えるようにします。 Javaのスクリプルル使用して幅の値を取得するdocument.getElementById( "mydivid」)。offsetWidth;

[Javascript] JavaScriptの特殊文字コードのリスト

[Javascript] JavaScriptの特殊文字コードのリスト1

たとえば、Javaスクリプト(javascript)警告(alert)ボックスに表示されるテキストの改行(new line)を追加するには、\ nを使用することができます。 alert( "最初の行\ n二行目"); あるいはalert( '最初の行\\ n \\ n二行目'); 注意:\ nは、単一引用符の場合、正常に動作していません。 次のような...

続きを読む

マウスを下にスクロールすると、コンテンツがスライド上に上がるParallaxスクロール効果(javascript / jQuery)

マウスを下にスクロールすると、コンテンツがスライド上に上がるParallaxスクロール効果(javascript / jQuery)2

いくつかの WordPress テーマでマウスを下にスクロールすると、コンテンツ領域がスライド上に上がる効果を実装する場合を見たことがあるでしょう。 このような効果をParallaxスクロールと呼びます。 仮に Salientという人気のある WordPress テーマのデモページでフロントページにスライドがフルページで出てきて、...

続きを読む

リンクを無効にする(CSS / javascript / jQuery)

CSSを使用してリンクを無効にするCSSを使用してリンクを無効にする方法です。 要素名{pointer-events:none; cursor:default; } pointer-eventsの詳細については、こちらをご覧ください。 この方法を使用すると、ソースを修正しなくても目的の要素(element)が含まれているリンクを無効にすることができ...

続きを読む

リンクを共有ポップアップウィンドウ表示(javascript)

リンクを共有ポップアップウィンドウ表示(javascript)3

文のURLを簡単にコピーして共有することができるようにアイコンをクリックすると、ポップアップウィンドウが浮かび上がり、その文のURLアドレスをコピーして別の場所に貼り付けられ、単にたいと思えば、次のようなjavascript関数を使用することができます。 window.copyURL = function(){prompt( "[Ctrl + ...

続きを読む

メールの検証(javascript)

メールの検証(javascript)4

さまざまな方法で電子メールを検証することができます。 最も簡単なのは、HTML5に組み込まれた電子メールの検証(email validation)機能を活用することです。 メールフィールドにtype = "text"の代わりにtype = "email"を使用します。 この方法は、formタグ内の位置が必要とsubmitを押し...

続きを読む

入力フィールドで事前に入力した文字を削除しないようにする(javascript)

入力フィールドで事前に入力した文字を削除しないようにする(javascript)5

例えば、入力フィールドに「Eメール: "、"電話番号: "など、あらかじめ入力されているテキストが削除されず維持されるようにするためのJavaスクリプトです。 $( '#eMail')。keyup(function(){$(this).css( 'color'、 '#000');}); $( '#eMail')。blur(function(){var value = $( '#labletext')。text()+ $(this).val(); alert(value);}); // Source:http://stackoverflow.com/デモ