arexis の回答履歴

全189件中21～40件表示
  • getElementsByClassについて

    こんにちは。 http://www.dustindiaz.com/top-ten-javascript/のgetElementsByClass関数を使って 指定したクラスのクラスを書き換えたいのですが どのようにすればいいかわかりません。 ------------------------------------------------------------------- function getElementsByClass(node,searchClass,tag) { var classElements = new Array(); var els = node.getElementsByTagName(tag); // use "*" for all elements var elsLen = els.length; var pattern = new RegExp("\\b"+searchClass+"\\b"); for (i = 0, j = 0; i < elsLen; i++) { if ( pattern.test(els[i].className) ) { classElements[j] = els[i]; j++; } } return classElements; } function SwitchClass() { getElementsByClass('show').className = 'hide'; } ------------------------------------------------------------------- のような感じでクラスを書き換えたいです。 getElementsByIdでいいじゃないって思うかもしれませんが、どうしてもClassで指定したいんです。 どうかよろしくお願いします。m(_ _)m

  • getElementsByClassについて

    こんにちは。 http://www.dustindiaz.com/top-ten-javascript/のgetElementsByClass関数を使って 指定したクラスのクラスを書き換えたいのですが どのようにすればいいかわかりません。 ------------------------------------------------------------------- function getElementsByClass(node,searchClass,tag) { var classElements = new Array(); var els = node.getElementsByTagName(tag); // use "*" for all elements var elsLen = els.length; var pattern = new RegExp("\\b"+searchClass+"\\b"); for (i = 0, j = 0; i < elsLen; i++) { if ( pattern.test(els[i].className) ) { classElements[j] = els[i]; j++; } } return classElements; } function SwitchClass() { getElementsByClass('show').className = 'hide'; } ------------------------------------------------------------------- のような感じでクラスを書き換えたいです。 getElementsByIdでいいじゃないって思うかもしれませんが、どうしてもClassで指定したいんです。 どうかよろしくお願いします。m(_ _)m

  • ブログのＴＯＰページのみに表示

    ブログに JavaScript を設置しましたが、全てのページで表示されてしまいます。 これを index.html　のみで表示させたい場合は、どうすればよいでしょうか？ ちなみにこれには下記のような他の条件も入っています。 if( 2 < d ) document.write(" ・・・・・ ")； JavaScript はあまりわからないのですが、予測では if(( 2 < d ) && ( url == http://～ )) document.write("・・・・・ ")； みたいな感じではと思います。よろしくお願いします。

  • WebページまたはRSSフィードから任意の文字列を抽出する（または色を変える太字にする）ブックマークレットを探しています

    WebページまたはRSSフィードから任意の複数の文字列（※）を抽出する（または色を変えて表示する、フォントを変える、太字にする）方法はありませんか？ JavascriptによるBookmarkletで実現可能だと思ったのですが、アドバイスお待ちしています。 （※「WebページまたはRSSフィードから任意の複数の文字列」という表現が分かりにくいですが、例えばこの質問が載っているページを例にとると「カテゴリー」「ブックマーク」「回答」と言った任意の文字列を一度に抽出[または色を変えて表示する、フォントを変える、太字にする]方法を探しています。）

  • 複数のページ（html）のvalueを加算する方法は？

    複数のページ（html）で、下記のようにスコアをだしています。 １～３ページの合計スコアを４ページ目に出したいのですが、全く方法がわからなく、困っています。 ページ１～３のスコアを書きこむ箇所は、s1,s2,s3にしています。 どうか教えてください。よろしくお願いいたします。 --------------------------------------------------------------- function dispscore() { var score=0; if (document.form1.q1[0].checked) { score += 10; } else{ score += 0; } document.form1.s1.value=score } // --> </SCRIPT> </HEAD> <BODY bgcolor="#ffffff"> <FORM name="form1"> <TD width="415" height="44" align="right"><B><FONT color="#000000" size="2"><INPUT size="10" name="s1" type="text" style="border-width : 0px 0px 0px 0px;border-style : solid solid solid solid;"></FONT></B></TD>

  • Smoothboxを使ってみたらFlashビデオが前に出て表示が崩れてしまった。

    下記サイトの構築でSmoothboxを使ってみたら Flashビデオが前に出て表示が崩れてしまいました。 テストサイト http://www.dream-kids.net/yamacine/ Macのsafari3.0.4だとうまく表示できていますが、 MacのFireFox2.0やwinのIE6.0等では表示が崩れてしまいます。 SmoothboxのInline Contentを使っています。 http://gueschla.com/labs/smoothbox/ 表示が崩れない方法はありませんでしょうか。 どんなご意見でもかまいませんよろしくお願い致します。

  • Smoothboxを使ってみたらFlashビデオが前に出て表示が崩れてしまった。

    下記サイトの構築でSmoothboxを使ってみたら Flashビデオが前に出て表示が崩れてしまいました。 テストサイト http://www.dream-kids.net/yamacine/ Macのsafari3.0.4だとうまく表示できていますが、 MacのFireFox2.0やwinのIE6.0等では表示が崩れてしまいます。 SmoothboxのInline Contentを使っています。 http://gueschla.com/labs/smoothbox/ 表示が崩れない方法はありませんでしょうか。 どんなご意見でもかまいませんよろしくお願い致します。

  • 背景色を一定時間ごとにランダム変化

    http://wakabano.cool.ne.jp/dream/useful/snippets/sni_03.html ↑のページを参考に、特定の要素の背景色を一定時間ごとにランダム変化するJavascriptを考えた末、以下のようになりました。 function ChangeBg(){ var r,g,b; r = decToHex(randomNumber(256)-1); g = decToHex(randomNumber(256)-1); b = decToHex(randomNumber(256)-1); if(document.getElementById){ document.getElementById('vector').style.backgroundColor= "#" + r + g + b ; T_ID=setTimeout("ChangeBg()",30000); } else{ if(document.all){ document.all('vector').style.backgroundColor= "#" + r + g + b ; T_ID=setTimeout("ChangeBg()",30000); } } } function randomNumber(limit){ return Math.floor(Math.random()*limit); } function decToHex(dec) { var hexStr = "0123456789ABCDEF"; var low = dec % 16; var high = (dec - low)/16; hex = "" + hexStr.charAt(high) + hexStr.charAt(low); return hex; } これに、<body onLoad="ChangeBg()">と書いて、30秒ごとにid名が「vector」の<div>要素の背景色を変化させることには成功したのですが、たとえばclass名が同じ複数の<div>要素の背景色を一定時間ごとに変化させることは可能でしょうか。また、<body onLoad="ChangeBg('abc')">のように、id名をhtmlから指定する場合はどうすればいいのでしょうか。 前者は全くやり方がわからなくて、後者は四苦八苦した末、ページロード時にランダムに変わるのみで、その後は変化しませでした。

  • Smoothboxを使ってみたらFlashビデオが前に出て表示が崩れてしまった。

    下記サイトの構築でSmoothboxを使ってみたら Flashビデオが前に出て表示が崩れてしまいました。 テストサイト http://www.dream-kids.net/yamacine/ Macのsafari3.0.4だとうまく表示できていますが、 MacのFireFox2.0やwinのIE6.0等では表示が崩れてしまいます。 SmoothboxのInline Contentを使っています。 http://gueschla.com/labs/smoothbox/ 表示が崩れない方法はありませんでしょうか。 どんなご意見でもかまいませんよろしくお願い致します。

  • スクロールしても画像・文字がついてくる

    教えて!goo内にて、スクロールしても画像もしくは、文字がついてくるJavascriptのコードが下記のようにありました。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript"> function F1() { v='.pixelTop=';dS='';sD='.style';y='document.body.scrollTop';} function F2() { obj='obj1';yy=eval(y);eval(dS+obj+sD+v+yy);setTimeout('F2()',10);} </script> </head> <body onload="F1();F2();"> <div id='obj1' style='position:absolute;left:0px; top:0px;'> ここが動きます。 </div> <script type="text/javascript"> for(var i=0;i<100;i++){document.write('<br>')} </script> </body> </html> そこで質問なのですが、DOCTYPEを下記のように変更すると動作しなくなったのですが、この原因が調べてもわかりませんでしたので、どなたか原因がわかる方教えていただけませんでしょうか？　使用ブラウザは、IE6 です。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> ↓ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  • Smoothboxを使ってみたらFlashビデオが前に出て表示が崩れてしまった。

    下記サイトの構築でSmoothboxを使ってみたら Flashビデオが前に出て表示が崩れてしまいました。 テストサイト http://www.dream-kids.net/yamacine/ Macのsafari3.0.4だとうまく表示できていますが、 MacのFireFox2.0やwinのIE6.0等では表示が崩れてしまいます。 SmoothboxのInline Contentを使っています。 http://gueschla.com/labs/smoothbox/ 表示が崩れない方法はありませんでしょうか。 どんなご意見でもかまいませんよろしくお願い致します。

  • スクロールしても画像・文字がついてくる

    教えて!goo内にて、スクロールしても画像もしくは、文字がついてくるJavascriptのコードが下記のようにありました。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript"> function F1() { v='.pixelTop=';dS='';sD='.style';y='document.body.scrollTop';} function F2() { obj='obj1';yy=eval(y);eval(dS+obj+sD+v+yy);setTimeout('F2()',10);} </script> </head> <body onload="F1();F2();"> <div id='obj1' style='position:absolute;left:0px; top:0px;'> ここが動きます。 </div> <script type="text/javascript"> for(var i=0;i<100;i++){document.write('<br>')} </script> </body> </html> そこで質問なのですが、DOCTYPEを下記のように変更すると動作しなくなったのですが、この原因が調べてもわかりませんでしたので、どなたか原因がわかる方教えていただけませんでしょうか？　使用ブラウザは、IE6 です。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> ↓ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  • prototype.jsのoffsetLeftのブラウザ依存

    prototype.jsとprotoload.jsを使用して ロード画面を作成しました。 http://youmos.com/news/protoload_js テーブルのdivのidを指定してロード画面を組み込んだのですが Fire Foxだと大丈夫だったのにＩＥだとロードイメージがすごくズレます。 ＩＥの場合だけmargin-left、margin-topを使ってロードイメージを調整したのですがブラウザの大きさを変えるとやはりずれてしまいます。 prototype.jsのoffsetLeftがブラウザによって値が変わってしまうのが 原因ぽいです。 このブラウザ依存をなくすか、offsetLeftの正しい取得方法など わかる人いませんでしょうか？ よろしくお願いします。

  • 右クリックを左クリックと同じ効果に。

    画像を使ったリンクで、右クリックを、左クリックをしたときと同じ効果(ページ移動)にするソースを教えていただけないでしょうか。 もちろん、右クリックメニューは表示されないものでお願いします。

  • JavaScriptのAddFavoriteがIE7でエラー発生

    JavaScriptでお気に入りに追加用のリンクを作ろうとしています。 IE6までは window.external.AddFavorite('URL','名前'); FireFox等では window.sidebar.addPanel('名前', 'url',''); と処理分岐することで、うまく動作するリンクを作成出来たのですが、 IE7でリンクをクリックした所、「要素が見つかりません」と言う エラーメッセージが表示されてしまいます。 これは、IE7では使用出来なくなったと言う事なのでしょうか…？ もしIE7でお気に入りに追加を行う方法をご存知の方がいらっしゃいましたら、ご教授願えればと思います。 どうぞよろしくお願いいたします。

  • 新しい子ウィンドウを開くと古い子ウィンドウのすぐ上に表示されるようにしたい。

    Javascript初心者です。わかりやすく具体的に教えてください。 親ウィンドウから画像1、画像2にリンクを張り、それぞれ子ウィンドウとして開きます。 現在はつぎのようにしています。 <script type="type/javascript"> function wopen1{ window.open('画像1のURL','new1',scrollbars=no,resizable=no,width=420,height=280');} function wopen2{ window.open('画像2のURL','new2',scrollbars=no,resizable=no,width=300,height=450');} </script> <body> <a href="#" onClick="wopen1()">画像1</a>　<a href="#" onClick="wopen2()">画像2</a> </body> これだと画像1を開いた後に画像2を開くと階層的（レイヤー的？）に上から順に「画像2の子ウィンドウ>親ウィンドウ>画像1の子ウィンドウ」と表示されます。 これを「画像2の子ウィンドウ>画像1の子ウィンドウ>親ウィンドウ」の順で表示されるようにしたい。 また、画像2を開いた後に画像1を開く場合は同様に「画像1の子ウィンドウ>画像2の子ウィンドウ>親ウィンドウ」となるようにしたい。 どうしたらよいでしょうか？ よろしくお願いします。

  • 新しい子ウィンドウを開くと古い子ウィンドウのすぐ上に表示されるようにしたい。

    Javascript初心者です。わかりやすく具体的に教えてください。 親ウィンドウから画像1、画像2にリンクを張り、それぞれ子ウィンドウとして開きます。 現在はつぎのようにしています。 <script type="type/javascript"> function wopen1{ window.open('画像1のURL','new1',scrollbars=no,resizable=no,width=420,height=280');} function wopen2{ window.open('画像2のURL','new2',scrollbars=no,resizable=no,width=300,height=450');} </script> <body> <a href="#" onClick="wopen1()">画像1</a>　<a href="#" onClick="wopen2()">画像2</a> </body> これだと画像1を開いた後に画像2を開くと階層的（レイヤー的？）に上から順に「画像2の子ウィンドウ>親ウィンドウ>画像1の子ウィンドウ」と表示されます。 これを「画像2の子ウィンドウ>画像1の子ウィンドウ>親ウィンドウ」の順で表示されるようにしたい。 また、画像2を開いた後に画像1を開く場合は同様に「画像1の子ウィンドウ>画像2の子ウィンドウ>親ウィンドウ」となるようにしたい。 どうしたらよいでしょうか？ よろしくお願いします。

  • CSSで指定したwidthをマウスで変更したい

    frameはnoresizeを指定しなければ、マウスドラックでサイズの変更ができますが、同じような事をframeを使わずにCSSとjavascriptで出来ないものでしょうか？ 具体的に言うと、以下に示すhtmlの20%,80%のwidthをマウスドラックで変更できないでしょうか？ <html> <head> <style type="text/css"> #f1 { float:left; width:20%; overflow: auto; background-color : #ffd2ff; } #f2 { float:right; width:80%; background-color : #e0fef8; } </style> </head> <body> <div id="f1">f1</div> <div id="f2">f2</div> </body> </html>

  • チェックボックスにチェックがはいるとテーブルのセル背景色が変更する

    javascriptはカスタマイズもままならないくらいの無知なのですが、検索してもどうしてもわからず、お教えいただけたらと思いご質問いたします。 題名の通り、項目にそれぞれチェックボックスまたはラジオボタンがあり、 チェックされると、そのテーブルの行（ｔｒ）の背景に色を付けたいのです。 （yahooメールやgmailのようなものです） 参考になりそうなものを検索しては見るのですが、どうしてもカスタマイズでつまづいてしまいます。 例えば、以下のページでは、変更する指定がidであったため出来ませんでした。 http://homepage2.nifty.com/godakaz/laboratory/background/bg3.html （同じ色を複数箇所で変更できるようなものがよいです） または、 http://javascript.style-mods.net/dhtml/dhtmltips_2-03.htm こちらのページはfirefox（win）で実現できていないようで。。 どのようにすればできるでしょうか？ どうぞどうか何卒よろしくお願い致します。

  • チェックボックスにチェックがはいるとテーブルのセル背景色が変更する

    javascriptはカスタマイズもままならないくらいの無知なのですが、検索してもどうしてもわからず、お教えいただけたらと思いご質問いたします。 題名の通り、項目にそれぞれチェックボックスまたはラジオボタンがあり、 チェックされると、そのテーブルの行（ｔｒ）の背景に色を付けたいのです。 （yahooメールやgmailのようなものです） 参考になりそうなものを検索しては見るのですが、どうしてもカスタマイズでつまづいてしまいます。 例えば、以下のページでは、変更する指定がidであったため出来ませんでした。 http://homepage2.nifty.com/godakaz/laboratory/background/bg3.html （同じ色を複数箇所で変更できるようなものがよいです） または、 http://javascript.style-mods.net/dhtml/dhtmltips_2-03.htm こちらのページはfirefox（win）で実現できていないようで。。 どのようにすればできるでしょうか？ どうぞどうか何卒よろしくお願い致します。

活動履歴