私が以前ネットサーフィンをしていて、RGBカラーを
スライドバーで設定できるJavaScriptを見つけたのですが
ブックマークをし忘れてしまいどこにいったかわかりません。

ご存知の方はURLを教えて頂ければと思います。
よろしくお願いします。

A 回答 (2件)

とりあえず、ゆたかさんのWebで公開されている「ビジュアルパレット2」は、どうですか?



ymdaさんが以前にご覧になったものと同一かどうかは確かめようがないので、自身は「なし」です(^^;

参考URL:http://cgi3.tky.3web.ne.jp/~yutakakn/java/vipal/ …

この回答への補足

全く違います。こちらのは、「Java」でできているもので
「JavaScript」ではないです。

ですが、こちらのほうですと、ソース公開されているので
カスタマイズして使用できるかと思います。

あとは、JavaScriptの連携部分を追加すれば何とかなるかと思います。
ありがとうございました。

補足日時:2000/12/18 17:54
    • good
    • 0

下への、追加です。



Digital Cat's Java Resource Center(下記参考URL)でRGBをキーワードとして検索を行うと、いくつかヒットします。これらも確認してみてください。

参考URL:http://www.javacats.com/JP/home/
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

QJavaScriptでFirefox使用者の閲覧しているページをブックマークするにはどうすればよいのでしょうか?

Internet Explorerの場合

var url = "http://oshiete1.goo.ne.jp/"
var name = "教えて!goo"
function bookmark() {
  window.external.addFavorite( url, name )
}

上記のように書けばお気に入りに追加することができますが
Firefoxの場合はどのようにすればよいのでしょうか?
Alexaholicなどのページで使用されているのですが
ソースを閲覧してもやり方がよくわかりませんでした。

ご存知の方がおられましたらご回答をよろしくお願いします。

Aベストアンサー

Netscape6.0以上、FirefoxやMozillaでは全バージョン(?)
window.sidebar.addPanel(name, url, "");

ついでに、、、
Opera用(JavaScriptは使いません)
<a href="url" rel="sidebar" title="name">保存</a>

Safariはわかりません。

Qjavascriptでrgbを用いてスタイル設定を行った時の挙動

こんにちは。
勉強の為、プログラムの作成中に気になる動作がありました。
style.backgroundでrgbで赤を設定したはずなのに深い緑色が表示されてしまいますが、何が原因なのでしょうか?
以下は学習で作っていたプログラムです。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="content-script-type" content="text/javascript">
<title>test</title>
<script type="text/javascript">
<!--

function Graphics(obj){
varobj=obj ? obj : document.createElement('div');
var canvas=(obj.ownerDocument) ?
obj : (
document.getElementById(obj) ? document.getElementById(obj) : document.createElement('div')
);

canvas.style.position="absolute";
canvas.style.top="0px";
canvas.style.left="0px";
canvas.style.width="10px";
canvas.style.height="10px";
}
Graphics.prototype={
setColor:function(r,g,b){// 色設定用(1)
canvas.style.background=rgb;
},setColor:function(color){// 色設定用(2)
canvas.style.background=color;
},setSize:function(sx ,sy ,ex ,ey){// 線画領域設定用
canvas.style.top=sx + "px";
canvas.style.left=sy + "px";
canvas.style.width=ex + "px";
canvas.style.height=ey + "px";
}
}

window.onload = function(){
var g=new Graphics("canvas");// 存在するIDを入れた時
//var g=new Graphics("canvas2");// 存在しないIDを入れた時
//var g=new Graphics();// 引数が空の時
g.setColor(255,0,0);
g.setSize(100,100,100,100);

}
// -->
</script>
</head>
<body>
<div id="canvas"></div>
てst
</body>
</html>

問題が発生したブラウザはIE6.0です。
以上、よろしくお願いいたします。

こんにちは。
勉強の為、プログラムの作成中に気になる動作がありました。
style.backgroundでrgbで赤を設定したはずなのに深い緑色が表示されてしまいますが、何が原因なのでしょうか?
以下は学習で作っていたプログラムです。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="content-script-type" content="text/...続きを読む

Aベストアンサー

定義がダブりと
r,g,bがrgbに!これはまずいべ。
Graphics.prototype = {
setColor : function(){ // 色設定用(1)
if(arguments.length==3)
canvas.style.backgroundColor = (arguments[0]<<16)+(arguments[1]<<8)+arguments[2];
else if(arguments.length==1)
canvas.style.backgroundColor = arguments[0];
},

QJavascriptを使用したスライドバナーについて教えてください

現在ECサイトを構築しておりまして、TOPページの一定の場所の中で画像が自動でスライド、もしくはフェードイン・アウトで切り替わるバナーを設置したいと思っています。
似たようなイメージのものを設置しているサイトさんのソースを覗いたりしているのですがJavascriptについて詳しくはないので導入や設定の方法が見出せず困っております。


各画像にはそれぞれ別のリンク先を設定したいのですが何か参考になるサイトや方法などございませんでしょうか?

自動や手動で画像が切り替わるスライドショーなどは多数見つけたのですが、リンクの設定などに触れているものが見つからなかったのでこちらに投稿させていただきました。


あくまでもFLASHではなくJavascriptで行いたいので宜しくお願いいたします。

Aベストアンサー

#4~5です。ねぼけてまちがえてました
ただしくは、
 s./*@if(1) filter = 'alpha(opacity='+ this.op +')' @else @*
  /opacity = (this.op / 100) /*@end@*/;

 s./*@if(1) filter = 'alpha(opacity='+ this.op +')' @else@*/ opacity = (this.op / 100) /*@end@*/;

でした。

”きょうみ”は、ないかもしれませんが、ごくいちぶのかぎられたかたの
ために(?)みじかくしてみました。^^;
もっとみじかくできるはずです。
接頭語として、
「23事務系OLですぅ。もっと短くしたのですが・・」
と、さいしつもんすると、きそってみじかくしてくれるとおもいます。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title>TEST</title>
<style type="text/css">
ul{width:400px;height:200px;list-style:none;border:1px #888 solid;overflow:auto;margin:0;padding:0}
li a img {border:0px none;width:400px;height:200px;}
</style>
<body>
<ul id="menu">
<li><a href="htp:x0.jp"><img src="./img/0.gif" alt="*"></a></li>
<li><a href="htp:x1.jp"><img src="./img/1.gif" alt="*"></a></li>
<li><a href="htp:x2.jp"><img src="./img/2.gif" alt="*"></a></li>
<li><a href="htp:x3.jp"><img src="./img/3.gif" alt="*"></a></li>
<li><a href="htp:x4.jp"><img src="./img/4.gif" alt="*"></a></li>
</ul>

<script type="text/javascript">
//@cc_on
function autoChanger(e,i0,u,i1){
e=document.getElementById(e);
var t=0,s=e.style,c=0,o,p,q,r;s.overflow='hidden',s.position='relative',i0=i0||3000,u=u||20,i1=i1||50;
while(o=e.childNodes[c])if('LI'==o.nodeName)o.style.position='absolute',c++;else e.removeChild(o);W(o=100/u);
function C(){x=[0,e.clientWidth,0,-e.clientWidth][r=Math.random()*4|0],y=[-e.clientHeight,0,e.clientHeight,0][r];
S(e.appendChild((vx=-x/u,vy=-y/u,c=u,p=0,q=e.firstChild,s=q.style,L(),q)))}
function S(){t=setInterval(function(){L();if(0==c--)return W();if(c)x+=vx,y+=vy,p+=o; else p=100,sx=sy=0},i1)}
function W(){clearInterval(t),t=setTimeout(C,i0)}
function L(){s./*@if(1)filter='alpha(opacity='+p+')'@else@*/opacity=p/100/*@end@*/,s.top=y+'px',s.left=x+'px'}
}
autoChanger( 'menu', 2000, 50, 30 );
</script>

#4~5です。ねぼけてまちがえてました
ただしくは、
 s./*@if(1) filter = 'alpha(opacity='+ this.op +')' @else @*
  /opacity = (this.op / 100) /*@end@*/;

 s./*@if(1) filter = 'alpha(opacity='+ this.op +')' @else@*/ opacity = (this.op / 100) /*@end@*/;

でした。

”きょうみ”は、ないかもしれませんが、ごくいちぶのかぎられたかたの
ために(?)みじかくしてみました。^^;
もっとみじかくできるはずです。
接頭語として、
「23事務系OLですぅ。もっと短くしたのですが...続きを読む

QJavaScriptでスライドショー

Webページを作成しているのですが、JavaScriptで指定フォルダ内の画像をスライドショー形式で表示するコンテンツを盛り込みたいと思っております。
現在サンプルを探しているのですが、数はあれどもなかなかこれといったものが見つけられません。
そこで下記の要望に適したサンプルがあれば教えて頂きたいです。

・画像のスライドショー機能(自動開始が望ましいです)
・指定フォルダ内の不特定多数の画像を読み込める(そこに画像を追加したら自動で反映される)
・画像のミニビュー?が横に表示される

以上です。重要なのは1個目と2個目です。
エフェクトなどはまったくこだわるつもりが無いので、シンプルなものでも大丈夫です。
近いものでもかまいませんので教えて頂きたく。
宜しくお願い致します。

Aベストアンサー

1)画像のスライドショー用のスクリプトはすごくたくさん作成されていますので、検索すればいくらでもヒットするでしょう。
 以下にもたくさんの種類のものがあります。
 http://www.geocities.jp/miyake_kobo/dl/koukai.html


2)javascriptからフォルダの内容を直接サーチすることはできないはずです。
 サーバサイドのスクリプトなどを利用することで可能になるでしょう。
 (その場合、javascriptはスライドショーだけを受け持つことになります。)
2’)サーバのフォルダ内にファイルリストを作成しておいて、それをスクリプトタグあるいはajaxで読み込む方法を取れば、javascriptだけでも不可能ではありませんが、ファイルが存在するだけだと↑の方法になると思います。
(ファイル名に規則性があって、頭から順番に読んでいき表示できなくなったら終わりにするとかいう方法も考えられなくはないですが…)


3)「ミニビュー?」の意味が不明です。
 想像してみると、「画像のサイズ」のことか「フォルダ名」か、あとはなんだろう…

1)画像のスライドショー用のスクリプトはすごくたくさん作成されていますので、検索すればいくらでもヒットするでしょう。
 以下にもたくさんの種類のものがあります。
 http://www.geocities.jp/miyake_kobo/dl/koukai.html


2)javascriptからフォルダの内容を直接サーチすることはできないはずです。
 サーバサイドのスクリプトなどを利用することで可能になるでしょう。
 (その場合、javascriptはスライドショーだけを受け持つことになります。)
2’)サーバのフォルダ内にファイルリストを作成してお...続きを読む

QCSS + Javascript でスライドショー

手動で画像を順番に表示させる、スライドショーのような表現を作ろうとしています。
色々なサイトを参考に見よう見まねで作成してみたのですが、
途中でうまくいかずに行き詰っております(´・ω・`)

[XHTML]
<body onload="seltab(0)">
<!-- 順番に表示させる内容 -->
<div id="slide" name="slide"><p>1</p></div>
<div id="slide" name="slide"><p>2</p></div>
<div id="slide" name="slide"><p>3</p></div>
<div id="slide" name="slide"><p>4</p></div>
<div id="slide" name="slide"><p>5</p></div>
<!-- ページ切り替え操作部分 -->
<a href="javascript:seltab(-10000)">first</a>
<a href="javascript:seltab(-1)">back</a>
<a href="javascript:seltab(1)">next</a>
<a href="javascript:seltab(10000)">last</a>

[Javascript]
var selected = 0;
function seltab(move) {
o = document.getElementsByName("slide");
selected = selected + move;
if (selected < 0) {selected = 0}
if (selected >= o.length) {selected = o.length - 1}
for (i = 0; i < o.length; i++) {
if (i == selected) {
o[i].style.display = "block";
} else {
o[i].style.display = "none";
}
}
}

このやり方で一応動作はしています(WIN IE + WIN Firefox にて確認)
が、id が同じページ内で重複している点と、div に name を付ける点で、構文チェックに引っ掛かってしまう為、できればそれを回避したいなと思っています。
同じ動作が作れれば、Javascript の処理方法に特に拘りはありません。
お分かりになる方がいらっしゃれば、ぜひぜひご指導お願いします。

手動で画像を順番に表示させる、スライドショーのような表現を作ろうとしています。
色々なサイトを参考に見よう見まねで作成してみたのですが、
途中でうまくいかずに行き詰っております(´・ω・`)

[XHTML]
<body onload="seltab(0)">
<!-- 順番に表示させる内容 -->
<div id="slide" name="slide"><p>1</p></div>
<div id="slide" name="slide"><p>2</p></div>
<div id="slide" name="slide"><p>3</p></div>
<div id="slide" name="slide"><p>4</p></div>
<div id="slide" name="slide"><p>5</p></...続きを読む

Aベストアンサー

FirefoxはchildNodesにテキストノードが入ってくるの忘れてました。

<html>
<head>
<script type="text/javascript">
<!--
var _i=0,ds=null;
function seltab(move) {
if(!ds){ds=document.getElementById("orz").getElementsByTagName("div");for(var i=1;i<ds.length;++i)ds[i].style.display="none";}
var i=move==-2?0:move==-1?_i-1:move==0?0:move==1?_i+1:move==2?ds.length-1:0;
if(i!=_i && 0<=i && i<ds.length){ds[_i].style.display="none";_i=i;ds[_i].style.display="block";}
}
-->
</script>
</head>
<body onload="seltab(0)">
<!-- 順番に表示させる内容 -->
<div id="orz">
<div><p>1</p></div>
<div><p>2</p></div>
<div><p>3</p></div>
<div><p>4</p></div>
<div><p>5</p></div>
</div>
<!-- ページ切り替え操作部分 -->
<a href="javascript:seltab(-2)">first</a>
<a href="javascript:seltab(-1)">back</a>
<a href="javascript:seltab(1)">next</a>
<a href="javascript:seltab(2)">last</a>
</body>
</html>

でおk

FirefoxはchildNodesにテキストノードが入ってくるの忘れてました。

<html>
<head>
<script type="text/javascript">
<!--
var _i=0,ds=null;
function seltab(move) {
if(!ds){ds=document.getElementById("orz").getElementsByTagName("div");for(var i=1;i<ds.length;++i)ds[i].style.display="none";}
var i=move==-2?0:move==-1?_i-1:move==0?0:move==1?_i+1:move==2?ds.length-1:0;
if(i!=_i && 0<=i && i<ds.length){ds[_i].style.display="none";_i=i;ds[_i].style.displa...続きを読む


人気Q&Aランキング

おすすめ情報