CrossBrower Functions
- スレッドリスト表示時に頭の▼リンクをクリックすると発言を一覧&投稿できます。
- 48時間以内の投稿には New! が表示されます。
・OTD BBS利用規約
|
| Top
| Next
|| ツリー
( 返信内容あり )
| 投稿降順リスト
( 返信内容あり )
| スパムロボット捕獲状況
(*もしエラーがでたらそのページのurlをここ へ)
-
| 13284 |
|
window.openしたウィンドウにsubmitできる？ まゆこ 2005/01/20 18:38
|
|
|
window.openで開いた先にsubmitでformデータを送信したいのですが、これってやはり無理なのでしょうか？？
http://xxxxx.html?no='1'
のようなやり方でしか思いつかないのです(T_T)
|
|
この投稿に返信する>> |
|
-
| 13287 |
|
Re:window.openしたウィンドウにsubmitできる？ bergkamp 2005/01/20 21:29
|
|
|
> window.openで開いた先にsubmitでformデータを送信したいのですが、これってやはり無理なのでしょうか？？
クエリ送信先CGIの出力をwindow.open()で開いたウィンドウに表示したい、ということですか？
もしそうなら、タイミングの問題がでるかもしれませんが <form>にターゲットを指定すればよいかと思います。
<form target="subWin" onSubmit="window.open('about:blank", 'subWin');">
|
|
この投稿に返信する>> |
|
-
| 13288 |
|
Re:window.openしたウィンドウにsubmitできる？ bergkamp 2005/01/20 21:31
|
|
|
> <form target="subWin" onSubmit="window.open('about:blank", 'subWin');">
'about:blank" → 'about:blank'
|
|
この投稿に返信する>> |
|
-
| 13281 |
|
ElementのIDの存在をチェック 熊野 2005/01/20 17:41
|
|
|
こんにちわ、熊野と申します。
早速質問なのですが、
ElementのIDが存在をチェックをしたいのですが
どうにもうまくいきません…。
IDが存在しないと
「エラー：オブジェクトがありません」と怒られてしまいます
…。
やりたいこととしては、
div id="○○○"></div>
○○○は動的に作っています。
function test(ID){
if (「ElementIDが存在するなら」){
document.getElementById(ID).style.display = '';
}
}
といった感じです。
なにとぞよろしくお願いします。
|
|
この投稿に返信する>> |
|
-
| 13286 |
|
Re:ElementのIDの存在をチェック bergkamp 2005/01/20 20:58
|
|
|
> ElementのIDが存在をチェックをしたいのですが
> どうにもうまくいきません…。
> IDが存在しないと
> 「エラー：オブジェクトがありません」と怒られてしまいます
> …。
document.getElementById(ID) != null が真かどうかで、id=IDのエレメントが存在するかを確認できます。
真ならば存在する、偽ならば存在しない、となります。
|
|
この投稿に返信する>> |
|
-
| 13289 |
|
Re:ElementのIDの存在をチェック 熊野 2005/01/20 22:36
|
|
|
> document.getElementById(ID) != null が真かどうかで、
本当にありがとうございます！！！！m(__)m
ばっちりできました！
|
|
この投稿に返信する>> |
|
-
| 13278 |
|
window名の指定ができず、closeできない まゆこ 2005/01/20 16:38
|
|
|
簡単なサンプルと共に説明させて頂きます。
<a href="#" onClick="openWin();">開く</a>
<a href="#" onClick="closeWin();">閉じる</a>
このような２つのリンクボタンを用意しています。
開くのほうでは新しいウィンドウを開き、閉じるでは
既に開いたウィンドウがあるか確認をしてウィンドウを
閉じるようにしています。
var w;
function openWin {
w = window.open("dummy.html", "subWin";
w.focus()
}
function closeWin {
if (w = null || w.closed) {
window.alert("ウィンドウはありません");
} else {
w.close();
}
}
ウィンドウをwとして維持することによってcloseWinのw.close()
の処理をwがnullかclosedか判断をしてからクローズ処理を行うように
していますが、思うように動きません。
wにきちんとウィンドウオブジェクトが入っていないみたいなのですが…よかったら教えていただけないでしょうか？m(__)m
|
|
この投稿に返信する>> |
|
-
| 13279 |
|
Re:window名の指定ができず、closeできない kotono 2005/01/20 16:45
|
|
|
思うようにうごきません、とは具体的にどのような状況ですか？
具体的にどのような動作になってしまうのか、提示して下さい。
また、変数 w の行方を一行ずつ追ってみては如何でしょう。
alert(w);
と一行毎にいれていけば、変数の内容の遷移が確認できると思います。
|
|
この投稿に返信する>> |
|
-
| 13283 |
|
すいません… まゆこ 2005/01/20 18:36
|
|
|
if (w = null || w.closed) {
window.alert("ウィンドウはありません");
} else {
w.close();
}
の部分でwをalertで出したりしていたのですが、[object]になったりfalseになったり、エラーになったりとさんざんだったのです…しかし何回も見直したはずでしたが、w = null って書いて
しまっているので、ここでnull値が代入されるんでめちゃめちゃ
な動作をしますよね？
自己解決でしたがありがとうございました。
|
|
この投稿に返信する>> |
|
-
| 13275 |
|
入力チェックとサブウインドウ evolution 2005/01/20 14:42
|
|
|
お問い合わせの画面をmailtoで作成中していて、JavaScriptを
組み込んで記入もれがないかチェックさせて、メール送信後に、
お礼の画面をサブウインドウで開くようにしたいのですが、
できるのでしょうか？
サンプル集のあるサイト等、参考にしながら動作確認をしている
のですが、テストをしようと思いわざと未入力項目を作って送信
ボタンを押しても、警告ダイアログとお礼のページが一緒に出て
きたり等、どうしたらよいか悩んでいます。
動作確認している環境は、
・加入しているプロバイダでは、CGIの利用ができません。
・無料でCGIが利用できるサーバを経由する方法もあるのですが、
事情があって利用できません。
・OSは、WindowsXPで、ブラウザは、IE6.0とNN7.1で確認しています。
お問い合わせページのソースは、
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>メールフォームテスト</title>
<SCRIPT language="JavaScript">
<!--
function Check(){
if(document.myform.Name.value==""){
alert("名前を入力してください。");
return false;
}
if(document.myform.Email.value==""){
alert("Ｅメールアドレスを入力してください。");
return false;
}
if(document.myform.Email.value.indexOf("@")<=0){
alert("Ｅメールアドレスが正しくありません。");
return false;
}
if(document.myform.Comment.value==""){
alert("内容を入力してください。");
return false;
}
return true;
}
function Start(){
win=window.open("kakunin.html","new","width=300,height=350");
}
// -->
</SCRIPT>
</HEAD>
<BODY bgcolor="#fffff0">
<CENTER>
<FORM action="mailto:alps2@lifeplan.or.jp" method="post" enctype="text/plain" name="myform" onSubmit="return Check(),Start()">
<TABLE border="0">
<TR><TD>名 前：</TD><TD><INPUT name="Name" size="20"></TD></TR>
<TR>
<TD>Ｅ-mail：</TD>
<TD><INPUT name="Email" size="20"></TD></TR>
<TR>
<TD valign="top"><br>
内 容：</TD>
<TD><TEXTAREA name="Comment" cols="15" rows="5"></TEXTAREA></TD></TR>
</TABLE><BR>
<INPUT type="submit" value="送信">
<INPUT name="リセット" type="reset" value="リセット">
</FORM>
</CENTER>
</body>
</html>
です。
何卒宜しくお願いいたします。
|
|
この投稿に返信する>> |
|
-
| 13277 |
|
Re:入力チェックとサブウインドウ kotono 2005/01/20 16:19
|
|
|
function Start を呼ぶのは function Check の最後にしては如何でしょう。
functino Check が最後まで行かないと function Start が実行されなくなると思います。
因みに、関数を続けて記述する場合は , ではなく ; です。
それから、オブジェクトの id や name に意味の有りそうな名前は付けない方が良いです。
それが「予約語」であった場合、挙動に異常が生じる可能性があります。
|
|
この投稿に返信する>> |
|
-
| 13280 |
|
Re:入力チェックとサブウインドウ bergkamp 2005/01/20 17:25
|
|
|
> 因みに、関数を続けて記述する場合は , ではなく ; です。
カンマで区切ると左から右に向けて式が評価されてしまいますからね。
使うのは変数の宣言や for文くらいにしておくのがよいと思います。
for(init_0(), init_1(); func_a(), check(); func_b(), func_c()) {
}
--------
<html>
<head>
<script type=text/javascript>
<!--
function true_false() {
return true, false;
}
function false_true() {
return false, true;
}
function return_void() {
return void(0);
}
alert("return true,false ->" + true_false());
alert("return false,true ->" + false_true());
alert("void function ->" + return_void());
//-->
</script>
<body>
</body>
</html>
|
|
この投稿に返信する>> |
|
-
| 13294 |
|
Re:入力チェックとサブウインドウ evolution 2005/01/21 09:24
|
|
|
いろいろとありがとうございました。
これからも、JavaScriptもですが、ネット
に関することに対して、精進して行きたい
と思います。
|
|
この投稿に返信する>> |
|
-
| 13274 |
|
innerHTMLで変更後のソース表示は可能なのか？ ただいま勉強中 2005/01/20 14:35
|
|
|
皆様どうぞご教授下さいませm(_ _)m
早速ですがinnerHTMLを使用し動的にHTMLを書換えた後、
書換えた内容をソースとして表示することは可能なのでしょうか？
|
|
この投稿に返信する>> |
|
-
| 13276 |
|
Re:innerHTMLで変更後のソース表示は可能なのか？ kotono 2005/01/20 16:14
|
|
|
> 皆様どうぞご教授下さいませm(_ _)m
> 早速ですがinnerHTMLを使用し動的にHTMLを書換えた後、
> 書換えた内容をソースとして表示することは可能なのでしょうか？
>
alert で表示してみるだけだと思うのですが、
ご自身でテストする事は出来ないのですか？
|
|
この投稿に返信する>> |
|
-
| 13282 |
|
Re:innerHTMLで変更後のソース表示は可能なのか？ ただいま勉強中 2005/01/20 17:51
|
|
|
言葉足らずですみませんでした。
現在次のようなやり方でHTMLを書き換え追加、
削除を試していましたが、
削除した時の動作がおかしかった為、何度か追加・削除を行った
後のソースを見れないか？という意味でした。
function func1(No){
var HTML = "";
var NEXT = Number(No) + 1;
HTML += "<input type=test value="+NEXT+" onclick='func1(this.value)' ondblclick='func2(this.value)'>";
HTML += "</div>";
HTML += "<div id=line"+(Number(NEXT) + 1) + ">";
document.getElementById('line' + NEXT).innerHTML=HTML;
}
function func2(No){
var HTML = "";
document.getElementById('line' + No).innerHTML=HTML;
}
<body>
<div id=line1>
<input type=text value="1" onclick="func1(this.value)"
ondblclick="func2(this.value)">
</div>
<div id=line2>
</div>
</body>
|
|
この投稿に返信する>> |
|
-
| 13290 |
|
Re:innerHTMLで変更後のソース表示は可能なのか？ miz 2005/01/21 00:04
|
|
|
alertでもいいのですが、行が多くなるとエラー探しも大変なので、以下の方法はいかがでしょう？
１．ソース表示用にtextareaを作る
<form><textarea id="src"></form>
２．textareaにinnerHTMLを表示
document.getElementById('src').value = document.getElementById('line' + NEXT).innerHTML
これでタグの作成状況が解ります。スクロールもコピペもできて重宝です。
|
|
この投稿に返信する>> |
|
-
| 13271 |
|
_selfでツールバーなどを消したい。 こげぱん 2005/01/19 16:49
|
|
|
今、認証が終わったら出てくる、メインの画面で、ツールバーなどを消して表示する、というのをやりたいのですが、私の知識だと、window.openで新しいウィンドを起動して、元の画面を閉じる、という方法しか思いつかないのですが、これを_blankではなく、_selfでオープンして、ツールバーなどを消す方法はないでしょうか？
これだと、元の画面をclose()する時に、ブラウザ側で勝手に「このウィンドウを閉じますか？」というようなメッセージが出てきてしまい、ちょっとおかしいのですよね。
<script language=javascript>
var feature='height=768, width=1024, scrollbars=no resizable=yes top=0 left=0 ';
window.open ('Mainmenu.aspx','_blank',feature);
window.close();
</script>
|
|
この投稿に返信する>> |
|
-
| 13292 |
|
Re:_selfでツールバーなどを消したい。 びびんばっぷ 2005/01/21 08:44
|
|
|
これでどうでしょう？
Windows2000/IE6
<html>
<head>
<script language=javascript>
var feature='height=768, width=1024, scrollbars=no resizable=yes top=0 left=0 ';
window.open ('Mainmenu.aspx','_blank',feature);
//window.close();
close_my_window();
function close_my_window() {
var w=window.open("","_top")
w.opener=window
w.close()
}
</script>
<body>
</head>
</body>
|
|
この投稿に返信する>> |
|
-
| 13293 |
|
Re:_selfでツールバーなどを消したい。 びびんばっぷ 2005/01/21 08:46
|
|
|
> </script>
> <body>
> </head>
> </body>
ちょっとタグ閉じの順番間違ってました。
スクリプト自体は正常動作しますのでこの箇所は無視してください。
|
|
この投稿に返信する>> |
|
-
| 13260 |
|
可変配列について Hashi 2005/01/18 17:59
|
|
|
初めまして。
Hashiと申します。
JavaScriptで不明な点が御座います。
「親のチェックボックスをクリック後、子のチェックボックスを全てチェックさせる」という処理を作っていますが、うまく動作しません。
================== HTML ======================
<form action="check.php" name="formMain" method="POST" ENCTYPE="multipart/form-data">
■親チェックボックス
<input type=checkbox name=all_chk value=1 id=all onClick="javascript:BoxChecked()"><label for=all>全ての店舗をチェック</label>
■ラジオボタン
<input id="10" type="radio" name="rcon_flg" value="0"><label for="10">data1</label>
<input id="11" type="radio" name="rcon_flg" value="1"><label for="11">data2</label>
■子チェックボックス群
<input id="000" type="checkbox" name="list[0][dispData]" value="1" >
<input id="001" type="checkbox" name="list[1][dispData]" value="1" >
<input id="002" type="checkbox" name="list[3][dispData]" value="1" >
</form>
================== javaScript ======================
��
function BoxChecked(){
for(count = 0; count < formMain.elements.length; count++){
document.formMain.elements[count].checked = document.formMain.all_chk.checked; //チェックボックスをON/OFFにする
}
}
��
function BoxChecked(){
for(count = 0; count < formMain.elements["shop_list"].length; count++){
document.formMain.elements["list["+count+"][dispData]"].checked = document.formMain.all_chk.value; //チェックボックスをON/OFFにする
}
}
�，両豺隋△世函▲┘蕁爾�発生していまいます。
�△世函▲┘蕁爾枠�生しませんが、今度はラジオボタンも動作対象となってしまいました。
どの部分が悪いのか自分では分かりませんでした。
どなたか助言を御願いしたいのですが。
以上です。
|
|
この投稿に返信する>> |
|
-
| 13262 |
|
Re:可変配列について 0x1E3F 2005/01/18 18:38
|
|
|
>「親のチェックボックスをクリック後、子のチェッ
>クボックスを全てチェックさせる」という処理を
>作っていますが、うまく動作しません。
いろいろと突っ込みどころはありますが……。
(1)の関数を使って、チェックしたくないラジオ
ボタンだけ除外するのはいかがでしょう？
for(count = 0; count < document.formMain.elements.length; count++){
// name="rcon_flg" でないなら、チェックする
if(document.formMain.elements[count].name!="rcon_flg"){
document.formMain.elements[count].checked = document.formMain.all_chk.checked; //チェックボックスをON/OFFにする
}
}
|
|
この投稿に返信する>> |
|
-
| 13254 |
|
checkboxの中が灰色になるのを回避する方法 ゆり 2005/01/18 13:14
|
|
|
いつも参考にさせて頂いております。
早速質問させて頂きます。
以下のコードは、checkboxがフォーカスを得た時、セレクトメニューを参照し
'---'というvalue値だったら、フォーカスをセレクトメニューに移し
アラートメッセージを表させるものですが、
フォーカスをセレクトメニューに移すとcheckboxの中が、
灰色になるのですが、回避方法はないでしょうか？
ちなみに、下記コードの"test.focus();"部分がないと
灰色になりません。
宜しければ、アドバイスいただけないでしょうか。
お願いいたします。
<html>
<head>
<title></title>
<script language="JavaScript" type="text/javascript">
<!--
function ttt(o) {
var test = document.forms['thisForm'].elements['k']
if (test.value == '---') {
test.focus();
alert("はじめにセレクトメニューを選択して下さい");
}
}
// -->
</script>
</head>
<body>
<form method="post" action="" name="thisForm">
<select name="k">
<option value="---">---</option>
<option value="update">修正</option>
<option value="delete">削除</option>
</select>
<input type="checkbox" name="a" value="1" onFocus='ttt();'>
<input type="checkbox" name="b" value="1" checked onFocus='ttt();'>
<input type="checkbox" name="c" value="1" onFocus='ttt();'>a
</form>
</body>
</html>
|
|
この投稿に返信する>> |
|
-
| 13256 |
|
Re:checkboxの中が灰色になるのを回避する方法 0x1E3F 2005/01/18 13:54
|
|
|
>フォーカスをセレクトメニューに移すとcheckboxの中が、
>灰色になるのですが、回避方法はないでしょうか？
どうやら、フォーカスを得た際に出る
周囲の点線が半端な形で残ってしまって
いるようですね。これはなかなか面白い
挙動です(^^;。
描画のタイミングが悪いみたいなので、
単純に順番を入れ替えてみてはいかがで
しょう？
alert("はじめにセレクトメニューを選択して下さい");
test.focus();
|
|
この投稿に返信する>> |
|
-
| 13273 |
|
Re:解決 ゆり 2005/01/19 22:25
|
|
|
回答いただきありがとうございます。
順番を変えたところ上手くいきました。
|
|
この投稿に返信する>> |
|
-
| 13250 |
|
13230の続きなのですが、、 ゆきの 2005/01/18 11:26
|
|
|
ゆきのです。
連日お世話になっております。
また、よろしくお願いします。。
ネットスケープで以下のようにして
マウスの座標を取得しています。
function first(){
window.captureEvents(Event.MOUSEMOVE);
window.onmousemove=moveNN;
//■質問■
//ここでmoveNNで取得したxValueとyValueの値を使いたいのですがどのように持ってくればいいのでしょうか？
}
ここで取得します。
function moveNN(e){
xValue=e.pageX;
yValue=e.pageY;
//ここにalert(xValue +","+ yValue);を指定するときちんと値が表示されます。
}
first()はbodyタグのonmousemoveで呼んでいます。
※ネットスケープだけで動けばよいです。
以上、よろしくお願いいたします。
|
|
この投稿に返信する>> |
|
-
| 13255 |
|
Re:13230の続きなのですが、、 0x1E3F 2005/01/18 13:39
|
|
|
>13230の続きなのですが
続きなのであれば、URLを貼り付けて誘導
できるようにしておくと、後で別の方が見ても
参考にできるので、掲示板の資源に優しい
ですよ。
[13230 ネットスケープ6.0以上での座標の取得]
http://otd8.jbbs.livedoor.jp/javascript/bbs_tree?base=13230&range=1
>ここでmoveNNで取得したxValueとyValueの値を
>使いたいのですがどのように持ってくれば
>いいのでしょうか？
「グローバル変数」と「ローカル変数」と
いうものを理解していると、必要な作業が
わかると思います。以下の「確認する関数」を
それぞれ呼んでみてください。
//グローバル変数（関数の外側で宣言する）
var soto="soto";
//確認する関数1
function kakunin1(){
//ローカル変数（関数の内側で宣言する）
var naka="naka";
//見える
alert("外側で宣言したグローバル変数：\t"+soto);
//同じ関数内なので、見える
alert("内側で宣言したローカル変数：\t"+naka);
}
//確認する関数2
function kakunin2(){
//見える
alert("外側で宣言したグローバル変数：\t"+soto);
//エラーになる
alert("内側で宣言したローカル変数：\t"+naka);
}
今回の場合なら、「moveNN()の外側で変数を宣言
すれば、別の関数からも見える」ということに
なりますね。
>※ネットスケープだけで動けばよいです。
これは、NetscapeNavigator4.xで動かす
ためのものなのでNN6以降では動かないような
気がします(^^;。あと、first()の名前が示す
とおりに最初だけイベントを設定するために
呼ぶ関数であって、mousemoveで動かすのは
moveNNの方だと思うんですけど……。
|
|
この投稿に返信する>> |
|
-
| 13257 |
|
Re:13230の続きなのですが、、 0x1E3F 2005/01/18 14:09
|
|
|
最近の投稿を見ると、
[13230 ネットスケープ6.0以上での座標の取得]
http://otd8.jbbs.livedoor.jp/javascript/bbs_tree?base=13230&range=1
[13241 onmouseのイベントで関数を呼ぶとき。]
http://otd8.jbbs.livedoor.jp/javascript/bbs_tree?base=13241&range=1
となっていますね。……こちらを紹介すれば
全部解決しそうな気がしてきました(^^;。
[イヌでもわかるJavaScript講座]
〜マウスカーソルについてくるイメージ〜
http://www.red.oit-net.jp/tatsuya/java/cursor.htm
|
|
この投稿に返信する>> |
|
-
-
| 13252 |
|
Re:サブｳｲﾝﾄﾞｳの内容が更新されない 0x1E3F 2005/01/18 13:00
|
|
|
>どうしてでしょうか。何処に残っているのでしょう？
恐らく、アップロード・消去しているファイルが
間違っているからです。正しいファイルを選んで
消せば、そのような症状にはならないはずです。
http://sfccjp.hp.infoseek.co.jp/calen.html
上のURLに表示されるファイルがカレンダー本体
ですので、よく確認してください。特に、大文字、
小文字、拡張子（後ろの"html"の部分）などは
間違えやすいですよ。
どうしてもわからない場合は、infoseekの
サポートに相談するのが解決への近道になる
かもしれません。
余談ですが、左下のフレームの内容に、
[an error occurred while processing this directive]
というエラーが出てますよ。
|
|
この投稿に返信する>> |
|
-
| 13258 |
|
Re:サブｳｲﾝﾄﾞｳの内容が更新されない YAMA 2005/01/18 14:59
|
|
|
Ox1E3Fさん、有難うございました。
いくら見てもファイルは間違っていないので、ＩＥＰの一時ファイルを全て消去したら直りました。この中に前の情報が残っていたようです。
> 余談ですが、左下のフレームの内容に、
>
> [an error occurred while processing this directive]
>
> というエラーが出てますよ。
ご指摘有難うございます。これは拡張子ｓｈｍｔｌでﾌﾚｰﾑ内の広告を
非表示にしているためと思われます。
|
|
この投稿に返信する>> |
|
-
| 13261 |
|
Re:サブｳｲﾝﾄﾞｳの内容が更新されない 0x1E3F 2005/01/18 18:21
|
|
|
>一時ファイルを全て消去したら直りました。
あらら、思いっきり外してましたね(^^;。
お役に立てず、申し訳ありませんでした。
実は、キャッシュを使わないで再読み込み
する方法もちゃんとあります。
Ctrlキーを押しながら、「更新（F5）」
もしまた同じような症状に悩まされたら
試してみてください。これでもダメだった
場合に、最終手段としてキャッシュの消去を
実行するといいと思います。
|
|
この投稿に返信する>> |
|
-
| 13285 |
|
Re:サブｳｲﾝﾄﾞｳの内容が更新されない ＹＡＭＡ 2005/01/20 18:43
|
|
|
> 実は、キャッシュを使わないで再読み込み
> する方法もちゃんとあります。
>
> Ctrlキーを押しながら、「更新（F5）」
>
> もしまた同じような症状に悩まされたら
> 試してみてください。
OXE3Fさん、ご親切に有難うございました。
いろいろな方法があるのですね。
まだまだ、勉強不足を痛感いたしました。
|
|
この投稿に返信する>> |
|
-
| 13245 |
|
ブラウザによって履歴の移動数を変えたい DD 2005/01/17 22:32
|
|
|
はじめまして、DDと申します。
IEとNNとで“history.go()=指定した数だけ移動する”の移動数を変えたいのですが。
具体的に言うと、1つの画像ボタンを押したとき、IEは history.go(-2)、NNは history.go(-1) にしたいのです。
ブラウザ振り分けの記述をしてIEとNNとで振り分けるのかなぁ、と漠然と思っております。
そもそも“ブラウザ振り分け”自体の記述もビギナーな私には分かりません。漠然とした質問で申し訳ありませんが、どなたかお力になって下さい。宜しくお願いします。
|
|
この投稿に返信する>> |
|
-
| 13251 |
|
Re:ブラウザによって履歴の移動数を変えたい 0x1E3F 2005/01/18 12:49
|
|
|
>1つの画像ボタンを押したとき、IEは history.go(-2)、
>NNは history.go(-1) にしたいのです。
「IE」か、「IE以外」で判別する手抜きな
例ですが……(^^;。
<html>
<head>
<script type="text/javascript">
<!--
function modoru()
{
// 戻る数（通常は1つ）
var modorukazu=-1;
// マイクロソフトのブラウザなら「2つ」戻る
if(navigator.appName.toUpperCase().indexOf("MICROSOFT") >=0)
{
modorukazu=-2;
}
// 戻る
history.go(modorukazu);
}
// -->
</script>
</head>
<body>
<p>
<img src="hoge.jpg" onclick="modoru()">
</p>
</body>
</html>
>そもそも“ブラウザ振り分け”自体の記述も
>ビギナーな私には分かりません
[★参考 : 質問の仕方(linux.or.jp)★ ]
http://www.linux.or.jp/beginners/question.html
>タコって威張れるものじゃありません
〜の部分をご覧になってください。
|
|
この投稿に返信する>> |
|
-
| 13264 |
|
ありがとうございました。 DD 2005/01/18 22:23
|
|
|
0x1E3F様
おかげで望んだファイルを作る事が出来ました。また、とても勉強になりました。
本当にありがとうございました。
|
|
この投稿に返信する>> |
|
-
| 13241 |
|
onmouseのイベントで関数を呼ぶとき。 ゆきの 2005/01/17 17:51
|
|
|
たびたびスミマセンが知っている方は教えてください。
例えば、
function a(){
aの動作;
}
function b(){
bの動作;
}
というjavascriptを用意して
そのjavascriptが使われているHTML(実際はJSPなのですが)で
関数を呼び出す際に
onmouseover="a(),b()"
というように2つ呼び出すことは可能ですか？
よろしくお願いいたします。
|
|
この投稿に返信する>> |
|
-
| 13243 |
|
Re:onmouseのイベントで関数を呼ぶとき。 Suketta 2005/01/17 20:48
|
|
|
> onmouseover="a(),b()"
onmouseover="a();b()"
セミコロンで並べれば順番に処理されますが、
そういうことを聞いていますか？
|
|
この投稿に返信する>> |
|
-
| 13249 |
|
Re:onmouseのイベントで関数を呼ぶとき。 ゆきの 2005/01/18 11:17
|
|
|
> > onmouseover="a(),b()"
>
> onmouseover="a();b()"
>
> セミコロンで並べれば順番に処理されますが、
> そういうことを聞いていますか？
そうです。
Sukettaさん、ありがとうございます。
でもこの方法は使わなくしました。。
|
|
この投稿に返信する>> |
|
-
| 13237 |
|
テキストエリア内の改行 ジュリ 2005/01/17 16:10
|
|
|
HTMLファイル内のテキストエリアの中身を特定のルールに従って改行させて同じテキストエリア内に表示させるのに苦悩してます。
特定のルールと言うのは、「、」「。」「.」「,」などの句読点などをラジオボタンで指定してます。
例えば、「。」を選んで「変更」と言うボタンを押したら
テキストエリア内に書いた文章は「。＝改行」となって同じテキストエリア内に出力されてほしいんです。
出来ませんかね･･･。。。
むしろ意味が伝わりましたでしょうか･･･。。。
ご指導お願い致します。
|
|
この投稿に返信する>> |
|
-
| 13239 |
|
Re:テキストエリア内の改行 kotono 2005/01/17 17:43
|
|
|
<textarea> に
document.getElementById("ta").value = "test1\ntest2";
としてみたら、test1 と test2 の間に改行が入りました。
そんなに単純ではないかもしれませんが、
一文字ずつ調べていって、置換してあげれば出来そうですね。
|
|
この投稿に返信する>> |
|
-
| 13242 |
|
Re:テキストエリア内の改行 Suketta 2005/01/17 18:44
|
|
|
基本はそれに、正規表現で replace() をかけてやればいいかとは
思いますが…
例えば "\6,000" や "1.6kg" などの、文区切り以外に使われている
記号はどうしましょう？
「今日は疲れました。。。」のような場合とか、「...etc」などの
ように記号が連続した場合は？
また、行頭に記号がある場合は自動的に行末に修正しますか？
などなど、結構考えないといけない部分が出てくるでしょうね。
今晩時間があればやってみようかなと思いますが、きっとそれまでに
誰かが作ってしまいそうな予感もｗ
|
|
この投稿に返信する>> |
|
-
| 13246 |
|
Re:テキストエリア内の改行 Suketta 2005/01/17 23:49
|
|
|
すこーし複雑になりましたが、とりあえず作ってみました。
記号が連続している場合は、最後でだけ改行します。
数字に挟まれたピリオドやカンマ（0.1 や 2,300）では、改行しません。
行頭に記号がある場合、前の行末に移動します。（禁足処理もどき）
行頭に半角スペースがある場合、削除します。
ただし、「1.ひとつ目 2.ふたつ目」などの箇条書きの時にも
ピリオドの後ろに改行をぶち込んでしまうので、なんかいろいろ
まだまだ考えることはありそうですね。
<html><body>
<form name=f1>
<textarea name=t1 cols=30 rows=12>
あ、い。う、、、え。。。お
、か
、、、き
。く
。。。け
a,b.c,,,d...e, f. g
,h
,,,i
.j
...k
l.0.1.m
n,2,3,o
</textarea>
<textarea name=t2 cols=30 rows=12>
</textarea><br>
<input type=radio name=r1 value="。" checked>。</input>
<input type=radio name=r1 value="、">、</input>
<input type=radio name=r1 value=".">.</input>
<input type=radio name=r1 value=",">,</input>
<input type=button value=変更 onclick="insCRLF()">
</form>
</body>
<script>
function insCRLF(){
/* 改行コードの指定：制御系に依る？？知恵求む */
var crlf = "\r\n";
/* 入力 */
var str = document.f1.t1.value;
/* デリミタを取得 */
var oRadio = document.f1.r1;
var delimit = oRadio.value;
if ( oRadio.length ){
for ( var i = 0; i < oRadio.length; i++ ){
if ( oRadio[ i ].checked ){ delimit = oRadio[ i ].value; break }
}
}
/* デリミタに正規表現用記号が混じっていたらエスケープ */
delimit = delimit.replace( /([\.\,])/, "\\$1" ); //ピリオドとカンマのみ
//delimit = delimit.replace( /([\.\,\-\+\*\?\^\$\|\(\)\[\]\{\}])/, "\\$1" ); //完全版
/* 行頭にデリミタがある場合は前の改行を削除 */
var regexp = new RegExp( "([" + crlf + "]+)(" + delimit + ")", "g" );
var str = str.replace( regexp, "$2" );
/* デリミタがピリオドかカンマの時は、前後が数字で挟まれていない場合のみ改行を挿入 */
if ( delimit == "\\." || delimit == "\\," ){
regexp = new RegExp( "([^\\d]" + delimit + "+)([^" + delimit + crlf + "])", "g" );
str = str.replace( regexp, "$1\r\n$2" );
regexp = new RegExp( "(" + delimit + "+)([^\\d" + delimit + crlf + "])", "g" );
str = str.replace( regexp, "$1\r\n$2" );
} else {
/* それ以外のデリミタはそのまま後ろに改行を挿入 */
regexp = new RegExp( "(" + delimit + "+)([^" + delimit + crlf + "])", "g" );
str = str.replace( regexp, "$1\r\n$2" );
}
/* 行頭に半角スペースがある場合は削除（特に英文で必要な処理）*/
var regexp = new RegExp( "([" + crlf + "])( +)", "g" );
str = str.replace( regexp, "$1" );
/* 出力 */
document.f1.t1.value = str; //元のtextarea
//document.f1.t2.value = str; //隣のtextarea
}
</script>
</html>
|
|
この投稿に返信する>> |
|
-
| 13230 |
|
ネットスケープ6.0以上での座標の取得 ゆきの 2005/01/17 10:57
|
|
|
javascript初心者ゆきのです。
みなさんのお力を貸してください。
現在IE、NN両対応で画面の座標軸を
取得したいと思ってます。
IEでは以下のソースで取得できますが
xValue=event.x;
yValue=event.y;
色々調べてみてやってみたのですが
NNでは座標がとれません。
どのようにすれば取得できるか教えてください。
またdivのstyleのoverflow：hiddenはNNには対応しないのですか？
知ってる方がいましたらどうぞよろしくお願いいたします。
|
|
この投稿に返信する>> |
|
-
| 13232 |
|
Re:ネットスケープ6.0以上での座標の取得【訂正】 ゆきの 2005/01/17 11:57
|
|
|
> またdivのstyleのoverflow：hiddenはNNには対応しないのですか？
>
> 知ってる方がいましたらどうぞよろしくお願いいたします。
overflowは使えました。
|
|
この投稿に返信する>> |
|
-
| 13233 |
|
Re:ネットスケープ6.0以上での座標の取得 kotono 2005/01/17 12:42
|
|
|
IE では省略できる記述が NN では出来ない事があったと思います。
event 等の記述を上位のものから、
キッチリと記述してみては如何でしょうか。
|
|
この投稿に返信する>> |
|
-
| 13234 |
|
Re:ネットスケープ6.0以上での座標の取得 ゆきの 2005/01/17 12:58
|
|
|
先週に引き続きkotonoさん、ありがとうございます。
記述を調べて見直します。
|
|
この投稿に返信する>> |
|
-
| 13236 |
|
Re:ネットスケープ6.0以上での座標の取得【kotonoさんへ】 ゆきの 2005/01/17 16:02
|
|
|
ありがとうございます。
言われたとうりのことでした。
できました！
|
|
この投稿に返信する>> |
|
-
| 13238 |
|
Re:ネットスケープ6.0以上での座標の取得【kotonoさんへ】 kotono 2005/01/17 17:32
|
|
|
お役に立てたようで良かったです。
もし可能であれば、
修正が必要だった記述やテストブラウザなどの情報を、
纏めて提示して頂けないでしょうか。
有用な情報は出来るだけ文書にして出来るだけ多くの参加者と共有していきたいと思います。
|
|
この投稿に返信する>> |
|
-
| 13240 |
|
Re:ネットスケープ6.0以上での座標の取得【kotonoさんへ】 ゆきの 2005/01/17 17:47
|
|
|
修正した点です。
まず、イベントをしていする。
window.captureEvents(Event.MOUSEMOVE);
window.onmousemove=moveNN;
ここで取得します。
function moveNN(e){
xValue=(!document.all && document.getElementById)?e.pageX:event.x;
yValue=(!document.all && document.getElementById)?e.pageY:event.y;
}
私はIEとNNの両方で必要だったため上記のように
しております。
ちなみに動作環境はIE6、NN7です。
|
|
この投稿に返信する>> |
|
-
| 13222 |
|
プルダウン選択肢のリアルタイムな書換え方法について 村田 2005/01/17 00:26
|
|
|
お世話になります。
１つのプルダウンと２つのテキストフィールドで構成されたページで、
テキストフィールドの文字列を書き換えた場合に、
リアルタイムでプルダウンの選択肢文字列が変化するように
したいのですが、
以下のやり方でやってみたところ、
ページの初回ロード時にテキストフィールドから読み取った
文字列がプルダウンの選択肢文字列として設定された後は、
何度、テキストフィールドを変更しても選択肢文字列が
変化してくれません。
ページのリロードを行わずにプルダウンの内容を変化させることが
最終目的なのですが、そういったことは可能なのでしょうか？
よろしくお願い致します。
以下、ソースとなります。
--------------------------------------------
<html>
<head>
<script type="text/javascript">
function CreateList2(myFORM) {
Create(document.getElementById('lst1'), strsel1);
}
function Create(objList, objArray) {
var nMax = objArray.length;//select要素へ代入する値の配列数
var nLoop = 0;
for (nLoop = 0; nLoop < nMax; nLoop++){
//option要素を作成
oAdd = document.createElement('option');
//option要素を親要素に追加する前にすでに子要素があるときはそれを削除
if(objList.childNodes[nLoop] != undefined)
objList.removeChild(objList.childNodes[nLoop]);
//option要素を親要素（select）へ追加
objList.appendChild(oAdd);
//option要素のvalue属性にインデックスの値を設定
objList.childNodes[nLoop].setAttribute('value',objArray[nLoop]);
//option要素の子要素にobjArray配列の値をテキストとして作成
oAddx= document.createTextNode(objArray[nLoop]);
//すでに子要素があるときはそれを削除
if(objList.childNodes[nLoop].firstChild != undefined)
objList.childNodes[nLoop].removeChild(objList.childNodes[nLoop].firstChild);
//作成したテキストを親要素（option）へ追加
objList.childNodes[nLoop].appendChild(oAddx);
}
//連動する方のselect要素の個数を設定する
objList.length=nLoop;
}
</script>
</head>
<body>
<form>
<select size="1" id="lst1" name="lstsel2"></select><br>
<INPUT id=txt_1
onkeydown="CreateList2(this.form);" onkeyup="CreateList2(this.form);"
size=30 value=選択肢1 name=txt_1>
<br>
<INPUT id=txt_2
onkeydown="CreateList2(this.form);" onkeyup="CreateList2(this.form);"
size=30 value=選択肢2 name=txt_2>
<script type="text/javascript">
var strsel1 = new Array(document.getElementById('txt_1').value,document.getElementById('txt_2').value);
</script>
</form>
</body>
</html>
--------------------------------------------
|
|
この投稿に返信する>> |
|
-
| 13223 |
|
Re:プルダウン選択肢のリアルタイムな書換え方法について 村田 2005/01/17 02:15
|
|
|
自己レスです。
配列の作成をfunction内で行っていないため、
配列の作成が初回ロード時のみ行われていたことが原因でした。
ありがとうございました。
function CreateList2(myFORM) {
var strsel1 = new Array(document.getElementById('txt_1').value,document.getElementById('txt_2').value);
Create(document.getElementById('lst1'), strsel2);
}
> お世話になります。
>
> １つのプルダウンと２つのテキストフィールドで構成されたページで、
> テキストフィールドの文字列を書き換えた場合に、
> リアルタイムでプルダウンの選択肢文字列が変化するように
> したいのですが、
>
> 以下のやり方でやってみたところ、
> ページの初回ロード時にテキストフィールドから読み取った
> 文字列がプルダウンの選択肢文字列として設定された後は、
> 何度、テキストフィールドを変更しても選択肢文字列が
> 変化してくれません。
>
> ページのリロードを行わずにプルダウンの内容を変化させることが
> 最終目的なのですが、そういったことは可能なのでしょうか？
> よろしくお願い致します。
>
|
|
この投稿に返信する>> |
|
-
| 13220 |
|
エラー行の特定方法 saki 2005/01/16 00:44
|
|
|
早速質問させて頂きます。
Javascriptのエラーの行を特定する有効な方法は
ないでしょうか？
エラーがあるとブラウザのステータスバー(左下)部に
エラーのマークが出て、例えば"オブジェクトがありません"
という情報しか確認できないため、エラー行を特定するのに
時間がかかってしまいます。
この間は、FORM中の属性名が２つ同じものがあって
上手く動きませんでした。
エラー行の特定を速やかにする方法はないでしょうか？
御意見お願い致します。
|
|
この投稿に返信する>> |
|
-
| 13227 |
|
Re:エラー行の特定方法 kotono 2005/01/17 09:30
|
|
|
IE6.0なら行番号も表示されますよね。
ブラウザは何をお使いですか？
|
|
この投稿に返信する>> |
|
-
| 13244 |
|
Re:エラー行の特定方法 saki 2005/01/17 21:26
|
|
|
レス頂き有難うございます。
> IE6.0なら行番号も表示されますよね。
> ブラウザは何をお使いですか？
ＩＥ６です。
すみません。説明不足でした。
例えば、以下のようにonsubmitにてフォーム内の
valueチェックなどをする場合、左下のステータスバーには
ほんの一瞬だけ、エラーのマークが出てaction属性にしていた
ページに移ってしまうため、確認することができません。
何か、解決策などありましたら、アドバイス頂けないでしょうか。
お願い致します。
<form action="xxx.cgi" onsubmit="return kakunin()">
<input type="text" name="WORD">
<input type="submit" value="OK">
</form>
|
|
この投稿に返信する>> |
|
-
| 13248 |
|
Re:エラー行の特定方法 Suketta 2005/01/18 09:14
|
|
|
よく状況がわかりませんが、onsubmit 中にエラーが出ても
送信されてしまってエラー内容が確認できない、てことであれば、
とりあえず onsubmit="kakunin();return false" としておいてから
kakunin() の中身をデバッグすればよいのでは？
|
|
この投稿に返信する>> |
|
-
| 13253 |
|
Re:エラー行の特定方法 0x1E3F 2005/01/18 13:07
|
|
|
>とりあえず onsubmit="kakunin();return false"
>としておいてからkakunin() の中身をデバッグ
>すればよいのでは？
戻り値があるものをいじるのは微妙なので、
素直に action="〜" を無効化するのがよろしい
かと……(^^;。
<form action="javascript:void(0)" onsubmit="return kakunin()">
あと、今はやりの Firefox なら、
ツール＞JavaScript コンソール
と進んだところに、ページをまたいでも
エラー表示が残るものがついてますので、
便利ですよ。
|
|
この投稿に返信する>> |
|
-
| 13259 |
|
Re:エラー行の特定方法 Suketta 2005/01/18 16:26
|
|
|
> <form action="javascript:void(0)" onsubmit="return kakunin()">
へーこんな止め方が…
"javascript:" という記述にアレルギーがあるので、思いもよりませんでした^^;
|
|
この投稿に返信する>> |
|
-
| 13263 |
|
Re:解決できました。 saki 2005/01/18 19:29
|
|
|
0x1E3Fさん
Sukettaさん
すごく勉強になりました。
有難うございました。
|
|
この投稿に返信する>> |
|
-
| 13219 |
|
Javascriptが原因か！？ スパイダーマン 2005/01/15 23:52
|
|
|
変な質問かもしれませんが、最近動画とかを見ようとしてボタンをクリックすると左下のURLがでるところに、ページでエラーが発生しました、や、javascript:;などの文字がでて動画などが見れません。これはjavascriptがなんか関係があるのでしょうか？是非教えてください。
|
|
この投稿に返信する>> |
|
-
| 13228 |
|
Re:Javascriptが原因か！？ kotono 2005/01/17 09:34
|
|
|
javascript に不備があるのが原因である可能性が高いですね。
|
|
この投稿に返信する>> |
|
-
-
-
| 13268 |
|
Re:Javascriptが原因か！？ kotono 2005/01/19 09:34
|
|
|
> そういう場合どうすればいいのでしょうか？
スパイダーマンさんが作られたページであればデバッグする。
一行毎に alert を挟んで行けばどの行でエラーなのか判別出来るでしょう。
チガウのであれば、作成者に問い合わせて下さい。
|
|
この投稿に返信する>> |
|
-
| 13217 |
|
javascriptでFORMをPOSTする方法 大澤 2005/01/15 19:03
|
|
|
JavaScriptでフォームのhiddenに入っている情報を
POSTしたいのですが、上手くいきません。
<FORM ACTION="hoge.php" METHOD="POST" name="formpost">
<INPUT TYPE="hidden" NAME="hoge" VALUE="hoge">
<A href="javascript:document.formpost.submit()">送信</A>
</FORM>
以下エラー内容
行: 0
エラー: オブジェクトでサポートされていないプロパティまたはメソッドです。
どこか間違えがあるのでしょうか。
どうかご教授お願いします！
環境はWin-XP IE6です。
|
|
この投稿に返信する>> |
|
-
| 13224 |
|
Re:javascriptでFORMをPOSTする方法 びびんばっぷ 2005/01/17 08:43
|
|
|
> 行: 0
> エラー: オブジェクトでサポートされていないプロパティまたはメソッドです。
>
> どこか間違えがあるのでしょうか。
> どうかご教授お願いします！
>
> 環境はWin-XP IE6です。
<html>
<head></head>
<body>
<FORM ACTION="hoge.php" METHOD="POST" name="formpost">
<INPUT TYPE="hidden" NAME="hoge" VALUE="hoge">
<A href="javascript:document.formpost.submit()">送信</A>
</FORM>
</body>
</html>
上記で試してみましたがPOSTできましたよ。
飛び先hoge.phpが無いので404になりますが..
「hoge」の名前が多用されているのが気になりますが例文用に変更してあるのでしょうか。
環境Win2K+IE6.0
|
|
この投稿に返信する>> |
|
-
| 13226 |
|
Re:javascriptでFORMをPOSTする方法 kotono 2005/01/17 09:27
|
|
|
<a> の href ってリンク先を指定するものですよね。
<input type="submit"> を使うと良いのでは？
|
|
この投稿に返信する>> |
|
-
| 13207 |
|
jsファイルの読込みについて DRA 2005/01/14 13:28
|
|
|
JavaScriptのjsファイルについての質問です。
あるWebシステムの画面表示時に、必要なjsファイルが
クライアント側にダウンロード(テンポラリーフォルダへ)されると思いますが、
再度同じ画面を表示した際、何を基準にjsファイルが再読込み
されるのでしょうか？
jsファイルの更新日時を見ているのでしょうか？
それとも毎回読込んでいるのでしょうか？
宜しくお願い致します。
|
|
この投稿に返信する>> |
|
-
| 13213 |
|
Re:jsファイルの読込みについて 0x1E3F 2005/01/14 18:26
|
|
|
回答になるかわかりませんが……。
>jsファイルの更新日時を見ているのでしょうか？
>それとも毎回読込んでいるのでしょうか？
ブラウザによって動作が違う可能性があります。
しかし、ファイル名の「〜.js」の後ろに「?」をつけ、
以降にgetTime()などから任意の数値を取得して
「前回読み込んだのとは別ファイル」とごまかす
手法は一般的に有効だと思います。
|
|
この投稿に返信する>> |
|
-
| 13269 |
|
Re:jsファイルの読込みについて DRA 2005/01/19 10:01
|
|
|
返信遅くなりました。すいません。
jsファイルに「?」を付けることも可能なのですね・・始めて知りました。
HTMLにて「<meta http-equiv="Cache-Control" content="no-cache">」を記述すると、jsファイルは毎回サーバー側から読込まれるのでしょうか？それともjsファイルにおいては、キャッシュが有効になるのですか？
|
|
この投稿に返信する>> |
|
-
| 13270 |
|
Re:jsファイルの読込みについて 0x1E3F 2005/01/19 13:01
|
|
|
>HTMLにて（略）を記述すると、jsファイルは毎回
>サーバー側から読込まれるのでしょうか？それとも
>jsファイルにおいては、キャッシュが有効になる
>のですか？
<meta 〜 content="no-cache">を書く＝キャッシュされない
という図式が必ずしも成り立つわけではなく、使用する
ブラウザや個々の環境によって挙動が違いますので、一概
には言えません。proxyサーバーだってありますし。
ですから、〜.jsの後ろに「?」と任意の数値を追加
して、ブラウザに「これは前回と違うファイルだから、
キャッシュを使わずにちゃんと取得しなさい」と教えて
あげる方法が使われます。現状のブラウザでは、この
方法で毎回サーバーから読み込むことが期待できます。
……もし、文字通りに「読み込みに関する基準」を
知りたいとお考えなら、それは「環境ごとに違う」と
しか言えないと思います。
|
|
この投稿に返信する>> |
|
-
| 13203 |
|
複数アドレス先の指定 KW 2005/01/14 11:35
|
|
|
お世話になります。
複数アドレス先の指定はそれぞれにアドレス先を指定すればよいのですが、
私のしたいことは、htmlで入力したキーワードをJavaに渡したいのです。
しかし下記のリストが4つ存在し、キーワードを入力して実行ボタンを押すと
最初に指定されているアドレスにジャンプしてしまいます。
実行ボタンでそれぞれのアドレスへのジャンプは可能なのでしょうか？
教えて頂きたく、よろしくお願い致します。
<form action = "http://01/servlet/01" TARGET="_blank">
<INPUT TYPE="TEXT" SIZE="30" NAME="key_word"><br>
<input type="SUBMIT" value="実行">
<input type="RESET" value="クリア"><br>
action>
<form action = "http://01/servlet/02" TARGET="_blank">
<INPUT TYPE="TEXT" SIZE="30" NAME="key_word"><br>
<input type="SUBMIT" value="実行">
<input type="RESET" value="クリア"><br>
action>
|
|
この投稿に返信する>> |
|
-
| 13204 |
|
Re:複数アドレス先の指定 Toto 2005/01/14 11:51
|
|
|
> action>
↑これがなんなのかわからないけど・・・
</form>がないのが原因かも。
|
|
この投稿に返信する>> |
|
-
| 13209 |
|
ありがとうございました。 KW 2005/01/14 14:24
|
|
|
Toto さん
</form>を入力したら解決しました。
本当にありがとうございました。
> action> は入力ミスです。 (*^^*)
|
|
この投稿に返信する>> |
|
-
| 13198 |
|
白黒画像からカラー画像に変化するスライドショー TJ 2005/01/13 20:21
|
|
|
最近、新しくデザインしたスライドショーを小生のHPに掲載しました。白黒の画像を用意することなく、白黒画像からカラー画像に徐々に変化するスライドショーです。
小生のHPの「作品目次２」の2_6スライドショーの「富良野と美瑛の風景」、「日本の山々」がそれです。
白黒画像化はInternet Explorerで適応できるグレーフィルターを使用しています。また、徐々に白黒画像からカラー画像に変化するところには、透過のためのアルファフイルターを使用して、白黒画像を徐々に透明にして、下層のカラー画像が現われるよな処理を行っています。ソースをご覧になれば、制御のたJavaScriptを見ることができます。このスライドショーをご覧いただければ幸いです。
１月１３日
|
|
関連リンク：http://www.geocities.jp/jin_toyama/ |
|
この投稿に返信する>> |
|
-
| 13201 |
|
Re:白黒画像からカラー画像に変化するスライドショー Suketta 2005/01/14 10:03
|
|
|
HP宣伝はウケがあまりよくないと思いますが、動作は気持ちいい感じ
ですね。
後は、autoplay() 時に prev.gif / next.gif を置き換えて
各ボタンがクリック可能かどうかを視覚的に変化させたり、
stopplay() 時に透明化処理を一気に終了させて入力可能な状態に
戻したりすれば、ユーザの利便性が向上するのではないでしょうか。
|
|
この投稿に返信する>> |
|
-
| 13206 |
|
Re:白黒画像からカラー画像に変化するスライドショー 0x1E3F 2005/01/14 13:24
|
|
|
不思議に思ったのが、「無効化」の方法です。
確かに動いているのですが、Microsoft本家では
〜.style.filter = "nothing";
は見つからず、「enabled」のプロパティを
true/falseに切り替えて有効・無効にしている
ものしか見つかりませんでした。
単に、ありえないフィルターの名前を指定して
擬似的に無効化しているんですか？もしそうなら
エラーにならないだけで、ずいぶん乱暴な方法
だと思うんですけど……。
|
|
この投稿に返信する>> |
|
-
| 13212 |
|
Re:白黒画像からカラー画像に変化するスライドショー TJ 2005/01/14 17:53
|
|
|
> 不思議に思ったのが、「無効化」の方法です。
> 確かに動いているのですが、Microsoft本家では
>
> 〜.style.filter = "nothing";
>
> は見つからず、「enabled」のプロパティを
> true/falseに切り替えて有効・無効にしている
> ものしか見つかりませんでした。
>
> 単に、ありえないフィルターの名前を指定して
> 擬似的に無効化しているんですか？もしそうなら
> エラーにならないだけで、ずいぶん乱暴な方法
> だと思うんですけど……。
フィルターの無効化の方法について、ご指摘いただきましたが、小生が使用した方法は、少し古いのですが、１９９８年発行の「Dynamic HTMLがやってきた！」（株式会社アンク著、翔泳社発行）に、〜.style.filter = "nothing";の例が掲載されていて、その例に従って記述しているものです。これは、古い記述かもしれまんが、いまでも有効と信じています。誤りでしたら教えてください。
|
|
関連リンク：http://www.geocities.jp/jin_toyama/ |
|
この投稿に返信する>> |
|
-
| 13214 |
|
Re:白黒画像からカラー画像に変化するスライドショー 0x1E3F 2005/01/14 18:43
|
|
|
>これは、古い記述かもしれませんが、いまでも
>有効と信じています。
これでも正常に動きました。先ほどの発言でも
>確かに動いているのですが、〜
と、動作自体は正常であることを前置きした
つもりですが、わかりにくかったですね。
ただ、"nothing"なんてもっともらしい名前
でなくても、何でも動くみたいですから、
面白い挙動だと思いまして……。
// WinXP SP2＋IE6だと、どれを選んでも正常に動きました
document.all("parent").style.filter = "something";
document.all("parent").style.filter = "http://www.geocities.jp/jin_toyama/";
document.all("parent").style.filter = "0x1E3F";
document.all("parent").style.filter = "富良野、美瑛の風景";
日本語でも通りましたし、つまり、何でもいい
みたいです(^^;。ただ、きれいに動かそうとする
なら、本家と同様にenabledで切り替えるのが安全
だろうと思っただけです。お気になさらないで
ください。
|
|
この投稿に返信する>> |
|
-
-
| 13196 |
|
リストボックスの選択可能・不可能の切り替えについて しん 2005/01/13 19:44
|
|
|
はじめまして、初歩的な質問かもしれませんが・・・。
HTML上に３つのRADIOボタン（A, B, C）と、１つのリストボックスがあります。
DEFAULT状態ではボタンAが選択され、リストボックス内の項目が選択できる状態とします。
そして、ボタンB・Cが選択された時には、リストボックス内の項目を選択できない状態
（DISABLE）にしたいのです。どのように記述すれば実現できるのか、教えてください〜m(_ _)m
|
|
この投稿に返信する>> |
|
-
| 13200 |
|
Re:リストボックスの選択可能・不可能の切り替えについて Suketta 2005/01/14 09:32
|
|
|
基本的な方法は、radio の onclick イベント時に、select の
disabled プロパティに true か false を与えてやることです。
条件が複雑になると、あれこれタイミングを考える必要がありますが。
|
|
この投稿に返信する>> |
|
-
| 13208 |
|
Re:リストボックスの選択可能・不可能の切り替えについて しん 2005/01/14 13:53
|
|
|
> 基本的な方法は、radio の onclick イベント時に、select の
> disabled プロパティに true か false を与えてやることです。
> 条件が複雑になると、あれこれタイミングを考える必要がありますが。
返信ありがとうございます。教えていただいたことをヒントに、
なんとかできそうです。
|
|
この投稿に返信する>> |
|
-
| 13195 |
|
リンク・メール記載のアドレスが開かないんですが ゆう 2005/01/13 19:24
|
|
|
リンクを開こうとすると、「javascript:openFES()」と、IEの左下の方に出ているだけで、しばらくフリーズし開きません。この掲示板の枝は開くのですが、開かないところもあります。イーバンクや銀行等のログインなどもしばらくフリーズして開きません。
また、メール記載されているアドレスをクリックしてもしばらくフリーズ状態になって開きません。
どうすれば直るのでしょうか、ご教授お願い致します。
パソコンのほうは素人同然ですが、どうぞよろしくお願いします。
|
|
この投稿に返信する>> |
|
-
| 13202 |
|
Re:リンク・メール記載のアドレスが開かないんですが kotono 2005/01/14 10:47
|
|
|
javascript が off になっている可能性は考えられないでしょうか。
ブラウザの詳細設定やセキュリティ設定をご確認下さい。
|
|
この投稿に返信する>> |
|
-
| 13210 |
|
Re:リンク・メール記載のアドレスが開かないんですが ゆう 2005/01/14 17:46
|
|
|
> ブラウザの詳細設定やセキュリティ設定をご確認下さい。
有効になってました。
未だイーバンクへのログインもできない状態です。
何が原因なのでしょうか？
|
|
この投稿に返信する>> |
|
-
| 13229 |
|
Re:リンク・メール記載のアドレスが開かないんですが kotono 2005/01/17 09:36
|
|
|
ゆうさんに限った状況のようですので詳しい事は解りませんが・・・
色々なページに行ってみたりして、現象を洗い出して、
原因となっていそうな事を特定して行くしかないのでは。
何かキーワード的なものがあるなら、ぐーぐるなどで検索してみるのも良いかもです。
同じ様な現象に会われている方が見つかるかも知れません。
|
|
この投稿に返信する>> |
|
-
| 13225 |
|
Re:リンク・メール記載のアドレスが開かないんですが びびんばっぷ 2005/01/17 08:45
|
|
|
根本的対策ではありませんが、FireFoxなどのブラウザで試してみてはいかがでしょうか。
とりあえずはログインしたいみたいなので。
|
|
この投稿に返信する>> |
|
-
| 13231 |
|
Re:リンク・メール記載のアドレスが開かないんですが ゆう 2005/01/17 11:36
|
|
|
【びびんばっぷ】さん、情報提供ありがとうございます。
FireFoをブラウザ（ブラウザの意味がわかってない痛い者ですが）に設定すると、今まで開くことができなかったものがすべて開くことできました。それにスピードが尋常じゃないので、IEはもうやめます。
でも、いつかJavaスクリプトを直したいですが（故障原因は全くわかりませんが）。
ありがとうございました。
半年以上のストレスから開放されました。
|
|
この投稿に返信する>> |
|
-
| 13235 |
|
Re:リンク・メール記載のアドレスが開かないんですが びびんばっぷ 2005/01/17 14:02
|
|
|
> 半年以上のストレスから開放されました。
あらら･･･(^^;
そんなに前からお悩みでしたか。でもよかったですね。
開発ではIEを強要されますが、通常のwebブラウジングはFirefoxが断然使いやすいです。（個人的主観）
|
|
この投稿に返信する>> |
|
-
| 13193 |
|
プルダウンメニューで複数のフレーム変更は？ Lock the key 2005/01/13 14:51
|
|
|
初心者な質問で申し訳ないのですが・・・
３分割のフレームにプルダウンメニューを設置し、
自分自身とあともう一つ他のフレームを同時に変更するにはどうすればいいのでしょうか？
いろいろ調べたんですが、良く分かりません。宜しくお願いします
|
|
この投稿に返信する>> |
|
-
| 13194 |
|
Re:プルダウンメニューで複数のフレーム変更は？ 0x1E3F 2005/01/13 18:20
|
|
|
>３分割のフレームにプルダウンメニューを設置し、
>自分自身とあともう一つ他のフレームを同時に変更
>するにはどうすればいいのでしょうか？
単独で動く指定先の頭に細工をすると、フレームを
またいで操作することができます。
// <frame src="〜" name="hoge">
// もう一つのフレームの name を指定して変更
top.frames["hoge"].location.href="〜";
// 自分自身を変更
location.href="〜";
自分自身から相対的に見て、一つ上なら
「parent」が、一番上なら「top」がそれぞれ
指定先に使えます。
|
|
この投稿に返信する>> |
|
-
| 13197 |
|
Re:プルダウンメニューで複数のフレーム変更は？ Lock the key 2005/01/13 20:19
|
|
|
> >３分割のフレームにプルダウンメニューを設置し、
> >自分自身とあともう一つ他のフレームを同時に変更
> >するにはどうすればいいのでしょうか？
>
> 単独で動く指定先の頭に細工をすると、フレームを
> またいで操作することができます。
>
> //?<frame?src="〜"?name="hoge">
> //?もう一つのフレームの?name?を指定して変更
> top.frames["hoge"].location.href="〜";
> //?自分自身を変更
> location.href="〜";
>
> 自分自身から相対的に見て、一つ上なら
> 「parent」が、一番上なら「top」がそれぞれ
> 指定先に使えます。
さっそくの返信ありがとうございます。
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
<select name="・・・" onchange="MM_jumpMenu('parent.frames[?'frame-R1?']',this,1)">
<option selected>・・</option>
<option value="〜">・・・・</option>
ていう感じで書いたんですが、フレーム"frame-R1"が変化するのみで、自分自身のフレームを変えられません。
どこにどう記述したらいいのでしょうか？
何もわからず質問ばかりでスミマセン。
|
|
この投稿に返信する>> |
|
-
| 13205 |
|
Re:プルダウンメニューで複数のフレーム変更は？ 0x1E3F 2005/01/14 13:08
|
|
|
>フレーム"frame-R1"が変化するのみで、自分自身の
>フレームを変えられません。
単体ページターゲットにしているこの関数を
そのまま使うことは難しいですね。それは
「frame-R1」のジャンプ先と「自分自身」の
ジャンプ先が違うからです。2番目の引数
「this」の部分をうまく指定できれば、この関数を
そのまま使えそうですけど……。例えば
1番目を「self」、2番目の「this」の代わりに
「document.フォーム名.セレクトボックス名」
を指定するとか。まぁ、実物全体を見ていないので
何とも言えませんけど(^^;。
「自分自身」のジャンプ先が固定されている
なら、関数をセミコロン「;」で区切って追記
するだけでOKです。
<select name="〜" onchange="MM_jumpMenu('parent.frames[\'frame-R1\']',this,1);location.href='行きたいURL'">
|
|
この投稿に返信する>> |
|
-
| 13215 |
|
Re:プルダウンメニューで複数のフレーム変更は？ Lock the key 2005/01/14 21:38
|
|
|
> 1番目を「self」、2番目の「this」の代わりに
> 「document.フォーム名.セレクトボックス名」
>
> を指定するとか。まぁ、実物全体を見ていないので
> 何とも言えませんけど(^^;。
何度もレスいただきありがとうございます。
URLさらしてみます。
http://sfmm.main.jp/Travelog-Europe01/Travelog.html
なんですが、現状frame name="CountryIndex"にあるメニューを選ぶと
frame name="DiaryText"が変更されるのみなんですが、
同時にframe name="CountryIndex"も各々変更させたい訳なんです。
なんとか上手くいかないものでしょうか？
どうかご教授ください。
|
|
この投稿に返信する>> |
|
-
| 13216 |
|
Re:プルダウンメニューで複数のフレーム変更は？ bergkamp 2005/01/15 03:28
|
|
|
話がかみ合っていないようですね。 0x1E3F さんは答えを出されていますよ。
>> <select name="〜" onchange="MM_jumpMenu('parent.frames[\'frame-R1\']',this,1);location.href='行きたいURL'">
|
|
この投稿に返信する>> |
|
-
| 13218 |
|
Re:プルダウンメニューで複数のフレーム変更は？ Lock the key 2005/01/15 23:19
|
|
|
> 話がかみ合っていないようですね。 0x1E3F?さんは答えを出されていますよ。
>
> >>?<select?name="〜"?onchange="MM_jumpMenu('parent.frames[?'frame-R1?']',this,1);location.href='行きたいURL'">
>
>
このやり方だと「自分自身」のジャンプ先を１つに固定しないとダメなんでは？
「自分自身」も全て異なるジャンプ先を指定したい訳なんですが・・・
丸ごと書き換えないとダメなのかなぁ。
|
|
この投稿に返信する>> |
|
-
| 13221 |
|
Re:プルダウンメニューで複数のフレーム変更は？ bergkamp 2005/01/16 04:29
|
|
|
> このやり方だと「自分自身」のジャンプ先を１つに固定しないとダメなんでは？
> 「自分自身」も全て異なるジャンプ先を指定したい訳なんですが・・・
location.href に設定するurlを変数にしておけばできます。
<html>
<head>
<script type=text/javascript>
<!--
var urllist = ["a.html", "b.html", "c.html", "d.html"]; // ここにurlを並べる。
function MM_jumpMenu(dmy0, sel, dmy2) {
alert(sel.value + " (for test)");
}
//-->
</script>
<body>
<select onchange="MM_jumpMenu('parent.frames[\'frame-R1\']',this,1); location.href=urllist[this.selectedIndex];">
<option value="e.html">1
<option value="f.html">2
<option value="g.html">3
<option value="g.html">4
</select>
</body>
</html>
でもこれは手を入れる箇所は少ないですが、メンテナンス性がよくないので、
下のコードのようにしたほうが良いかもしれませんね。
<html>
<head>
<script type=text/javascript>
<!--
function change_page(sel_obj, frame_name) {
urls = sel_obj.value.split(";");
document.frames[frame_name].location.href = urls[0];
location.href = urls[1];
}
//-->
</script>
<body>
<select onchange="change_page(this, 'frame-R1');">
<!-- value に "右側フレーム用URL"と"左側フレーム用URL"を記述。セミコロンがセパレータ -->
<option value="a.html;e.html">1
<option value="b.html;f.html">2
<option value="c.html;g.html">3
<option value="d.html;h.html">4
</select>
</body>
</html>
|
|
この投稿に返信する>> |
|
| Top
| Next
|| ツリー
( 返信内容あり )
| 投稿降順リスト
( 返信内容あり )
|
(*もしエラーがでたらそのページのurlをここ へ)
|
|