私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ【jQuery】JavaScript ライブラリ総合質問所 vol.1

みんなの評価 :
レスフィルター : (試験中)
ちょろっとソースみてみたけど、改造はややこしそうな気もする。
自動スクロールと手動スクロールが初期化の時から区別されてるから。
isAutoの場合分け多すぎや…
やるとしたら、手動スクロールモードにして、定期的にボタンを押すイベントを発生させる。
hoverの時にそのタイマーを止める。
ぐらいかな。
でも、スクロール処理などのエッセンスだけ抜き出して、いちから作るほうが楽かもよ。
自動スクロールと手動スクロールが初期化の時から区別されてるから。
isAutoの場合分け多すぎや…
やるとしたら、手動スクロールモードにして、定期的にボタンを押すイベントを発生させる。
hoverの時にそのタイマーを止める。
ぐらいかな。
でも、スクロール処理などのエッセンスだけ抜き出して、いちから作るほうが楽かもよ。
jquery cycleでbeforeもしくはafterでaudio再生させる方法ありますか?
音が鳴った後に写真が切り替わるようにしたいんです。
クリックにaudioを割り当てるスクリプトはありますが
それをjquery cycle内に割り当てる方法がわかりません。
音が鳴った後に写真が切り替わるようにしたいんです。
クリックにaudioを割り当てるスクリプトはありますが
それをjquery cycle内に割り当てる方法がわかりません。
>>905
jquery cycle内のファンクションでサウンドを鳴らす設定…以外のは見つかっているのかい?
たとえば色を変えるとかテキストを出すとか。
あれば、その部分を「クリックにaudioを割り当てるスクリプト」のaudioを再生している部分と
置き換えてみればいいのでは。
jquery cycle内のファンクションでサウンドを鳴らす設定…以外のは見つかっているのかい?
たとえば色を変えるとかテキストを出すとか。
あれば、その部分を「クリックにaudioを割り当てるスクリプト」のaudioを再生している部分と
置き換えてみればいいのでは。
$("#904").sine()
$("#904").cosine()
$("#904").tangent()
$("#904").cosine()
$("#904").tangent()
>>911
安藤りんご乙
安藤りんご乙
$("#aaa img.finger")
セレクタで対象を選択
.click(function(){ ... })
で対象のクリックイベントに引数で渡した関数を関連付け。
落ち着いて考えれば分かるはずだけど
このコードでは、要素に関数を関連付けした後
class属性なんて関係ない。関連付けした関数を削除しろ。
セレクタで対象を選択
.click(function(){ ... })
で対象のクリックイベントに引数で渡した関数を関連付け。
落ち着いて考えれば分かるはずだけど
このコードでは、要素に関数を関連付けした後
class属性なんて関係ない。関連付けした関数を削除しろ。
確かにクリックされた要素のFingar要素は取れてるね。しかし、クリックされてない要素はどうだろう?
某ブログのjQueryでポップアップさせる記事をもとに実践中なんですが
読み込み中のGIFが表示されるだけでなにも表示されません
すみませんが、画像や簡単なHTMLを表示できるようにお力を貸していただけないでしょうか?
ちなみにタグは何もいじらずそのままコピペで使用しています。
以下記事引用
↓
prettyPopin公式サイトからダウンロードできます。
http://www.no-margin-for-errors.com/projects/prettypopin/
prettyPopinの使い方
prettyPopinのスタイルシートとJavascriptを定義します。
<script src="jquery.js" type="text/javascript"></script>
<link href="css/prettyPopin.css" rel="stylesheet" type="text/css" media="screen" />
<script src="jquery.prettyPopin.js" type="text/javascript"></script>
ポップアップしたいaタグのリンクに対して「rel=”prettyPopin”」を定義します。
<a href="ajax/regular.html" rel="prettyPopin">Regular content</a>
prettyPopinの定義
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPopin']").prettyPopin();
});
</script>
読み込み中のGIFが表示されるだけでなにも表示されません
すみませんが、画像や簡単なHTMLを表示できるようにお力を貸していただけないでしょうか?
ちなみにタグは何もいじらずそのままコピペで使用しています。
以下記事引用
↓
prettyPopin公式サイトからダウンロードできます。
http://www.no-margin-for-errors.com/projects/prettypopin/
prettyPopinの使い方
prettyPopinのスタイルシートとJavascriptを定義します。
<script src="jquery.js" type="text/javascript"></script>
<link href="css/prettyPopin.css" rel="stylesheet" type="text/css" media="screen" />
<script src="jquery.prettyPopin.js" type="text/javascript"></script>
ポップアップしたいaタグのリンクに対して「rel=”prettyPopin”」を定義します。
<a href="ajax/regular.html" rel="prettyPopin">Regular content</a>
prettyPopinの定義
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPopin']").prettyPopin();
});
</script>
エラーが出ていないか確かめる。
デモをダウンロードして、自分の環境にいれて確かめる。
よくあるのがローカルで動かしていたってのだが。
デモをダウンロードして、自分の環境にいれて確かめる。
よくあるのがローカルで動かしていたってのだが。
エラーは出ていないです。
ダウンロードしたZIPファイルにデモが入っているのですがそれも表示されておらず
ローカル上でもサーバー上でも表示されませんでした。
ダウンロードしたZIPファイルにデモが入っているのですがそれも表示されておらず
ローカル上でもサーバー上でも表示されませんでした。
公式サイト上のdemoは動いています。
ん~自分の環境が悪いのですかねぇ・・・
ん~自分の環境が悪いのですかねぇ・・・
すみません あきらめます。
レスを返してくれた方、ありがとうございました。
レスを返してくれた方、ありがとうございました。
チェックされた行だけテーブルから削除する処理を作りたいんですがうまく行きません。
テーブルは別htmlファイルにして<iframe id="news_list">で読み込んでいます。
■index.html
function delclick(){
var i = 0;
while(i < $("#news_list").contents().find("#tb02 tr").length){
if($("#news_list").contents().find("form:eq(i)").attr("checked") == true){
$("#news_list").contents().find("#tb02 tr:eq(i)").remove();
}
else{
i++;
} } }
■Table.html
<form name="chbox">
<table id="tb02">
<!-- ↓これがたくさん -->
<tr><td><input type="checkbox"></td>
<td><p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p></td>
<td><p>2012/11/10</p></td>
<td><p>AAAAAAAA</p></td>
</tr>
<!--↑これがたくさん-->
</table>
</form>
↓の処理が怪しいような気がします。何か間違ってたら教えて下さい。
if($("#news_list").contents().find("form:eq(i)").attr("checked") == true){
テーブルは別htmlファイルにして<iframe id="news_list">で読み込んでいます。
■index.html
function delclick(){
var i = 0;
while(i < $("#news_list").contents().find("#tb02 tr").length){
if($("#news_list").contents().find("form:eq(i)").attr("checked") == true){
$("#news_list").contents().find("#tb02 tr:eq(i)").remove();
}
else{
i++;
} } }
■Table.html
<form name="chbox">
<table id="tb02">
<!-- ↓これがたくさん -->
<tr><td><input type="checkbox"></td>
<td><p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p></td>
<td><p>2012/11/10</p></td>
<td><p>AAAAAAAA</p></td>
</tr>
<!--↑これがたくさん-->
</table>
</form>
↓の処理が怪しいような気がします。何か間違ってたら教えて下さい。
if($("#news_list").contents().find("form:eq(i)").attr("checked") == true){
当方、CSS板で質問してJAVAスクリプトでないとムリだと聞いたのでここで質問させていただきます。
一辺100pxの画像(リンク入り)にマウスを乗せると、
その画像自体の真上に重なる形で下の画像を表示させたまま
一辺30pxの画像(別のリンク入り)を表示させることは可能でしょうか?
もし可能ならば方法を教えていただきたいです。
ちなにみ下記のCSSで実行しようとしたところ、
動作はしますがそれぞれの画像に別のリンクを指定することはできませんでした。
HTML
<div id="imgHover"><ul><li><a href="リンク1">
<span class="thumbnail"><img src="大きい画像.jpg" alt="sample image" /></span>
<span class="mainImage"><img src="小さい画像.gif" alt="sample image" /></span>
</a></li></ul></div>
CSS
#imgHover ul li { float: left; margin-right: 5px; }
#imgHover ul li img { border: none; }
#imgHover ul li a { display: block; }
#imgHover ul li a:hover { position: relative; }
#imgHover ul li a .mainImage { display: none; }
#imgHover ul li a:hover .mainImage { display: block; position: absolute; top: 0; left: 0; }
一辺100pxの画像(リンク入り)にマウスを乗せると、
その画像自体の真上に重なる形で下の画像を表示させたまま
一辺30pxの画像(別のリンク入り)を表示させることは可能でしょうか?
もし可能ならば方法を教えていただきたいです。
ちなにみ下記のCSSで実行しようとしたところ、
動作はしますがそれぞれの画像に別のリンクを指定することはできませんでした。
HTML
<div id="imgHover"><ul><li><a href="リンク1">
<span class="thumbnail"><img src="大きい画像.jpg" alt="sample image" /></span>
<span class="mainImage"><img src="小さい画像.gif" alt="sample image" /></span>
</a></li></ul></div>
CSS
#imgHover ul li { float: left; margin-right: 5px; }
#imgHover ul li img { border: none; }
#imgHover ul li a { display: block; }
#imgHover ul li a:hover { position: relative; }
#imgHover ul li a .mainImage { display: none; }
#imgHover ul li a:hover .mainImage { display: block; position: absolute; top: 0; left: 0; }
ここはJavaScriptのライブラリに関する質問スレであって、
JavaScript(カタカナはやめれ)の総合的なスレは別なんだが
JavaScript(カタカナはやめれ)の総合的なスレは別なんだが
え!?板違いだったのですか・・・
ライブラリというのがよくわからなくて、すみませんでした。
ではこの質問は閉め切ります。
ライブラリというのがよくわからなくて、すみませんでした。
ではこの質問は閉め切ります。
先ほどJavaScriptの質問用スレでもスレチと言われてしまいました・・・
向こうでのことは扱う技術に該当するしないとは少し別なんだが、
少なくてもこっちでは扱うことのできる話題ですらないので
というかそれ、class名の付け方とかHTMLの構造も微妙だが、
やること自体はCSSで十分だからもうちょっとCSSで試行錯誤しなよ
まぁ向こうの人もそれをわかっててスレチと言ったのかもしれないが
少なくてもこっちでは扱うことのできる話題ですらないので
というかそれ、class名の付け方とかHTMLの構造も微妙だが、
やること自体はCSSで十分だからもうちょっとCSSで試行錯誤しなよ
まぁ向こうの人もそれをわかっててスレチと言ったのかもしれないが
>>930で十分
Thickbox3.1というLightboxのようなライブラリ?を使っています。
YouTubeをthickbox内で開こうとすると、
常に2こ表示されます。
同じ動画が上下に2個並んでいる状態。
普通のHTMLや、静止画像ではこのような問題は発生しません。
どなたかThickboxをご存知の方、
解決策を教えていただけませんか?
Firefox15, IE8, Safari5、Windows7で確認しています。
YouTubeをthickbox内で開こうとすると、
常に2こ表示されます。
同じ動画が上下に2個並んでいる状態。
普通のHTMLや、静止画像ではこのような問題は発生しません。
どなたかThickboxをご存知の方、
解決策を教えていただけませんか?
Firefox15, IE8, Safari5、Windows7で確認しています。
jQuery mobileのタッチイベントでその画像の位置をタッチしてるあいだは画像が消え(表示されない)、タッチをやめると画像が現れるようにするにはどうすればいいでしょうか?
ちなみに初期の段階では画像はあります。
助言お願いします。
ちなみに初期の段階では画像はあります。
助言お願いします。
>>944
挙動イマイチだけどhover
挙動イマイチだけどhover
>>944
vmousedownでクラス追加、vmouseupでクラス削除とか
vmousedownでクラス追加、vmouseupでクラス削除とか
教えて欲しいんだけど、
・jQueryで画像をスライドショー
・スライドショーする画像のサムネを表示
・サムネの配置は自由にレイアウト可
こんな事ってできるかな?
・jQueryで画像をスライドショー
・スライドショーする画像のサムネを表示
・サムネの配置は自由にレイアウト可
こんな事ってできるかな?



類似してるかもしれないスレッド
- 【jQuery】JavaScript ライブラリ総合質問所 vol.3 (1001) - [98%] - 2014/6/18 20:58 △
- 【jQuery】JavaScript ライブラリ総合質問所 vol.2 (986) - [98%] - 2013/5/20 7:00
- JavaScript ライブラリ総合質問所 vol.4 (985) - [75%] - 2015/12/16 15:00
- JavaScript ライブラリ総合質問所 vol.5 (344) - [75%] - 2022/3/14 17:45
- jQuery ライブラリ 総合質問所 vol.4 (986) - [65%] - 2016/1/12 15:15
- 1行javascriptプログラミング (431) - [30%] - 2022/8/23 15:30
トップメニューへ / →のくす牧場書庫について