元スレ[JavaScript]プログラム作成します
JavaScript覧 / PC版 / みんなの評価 :
551 = :
>>542
今更見てないかも知れないけど...
サンプル:
ttp://homepage2.nifty.com/alter/exam/price/exam.html
js:
ttp://homepage2.nifty.com/alter/exam/price/exam.js
>>546
jQuery とかを使うという条件ならアッシの出番はないのよね.
black-box は嫌いなのよん. (負け惜しみくさいけど)
552 :
>551
返答ありがとうございます。
もっと色々調べて頑張ってみます。
553 = :
>>552
お役に立てませんで.
方法は一つでないから
jQuery を使わないで良いのならサンプル作れると思うよん.
たとえば CGI と連携させて .js としてデータを吐き出させるなんてのも可能.
cookie と違って誰が見ても同じ条件を再現できたりして...
554 = 552 :
>>553
いえいえとんでもないです。
jQueryのバージョンを変えたらできました。
しかしバージョンを変えなければならないことによってまた新しい問題が発生してしまいました…
ということでcookie以外の保存方法を探してみます。
CGIはあまりわからないんですが、何か良い方法があるんであればご教授お願いします。
555 = :
>>554
ちょっと時間掛るかもしれませんがサンプル作って見ます.
でも,今日は もう寝ます.
556 = :
>>554
寝る前に...
掲示板 CGI の中にはデータを加工して HTML ファイルを吐き出させるものがあります.
同様にして ".js", ".css" に加工することだって可能なはず.
この発想は自作掲示板で実験済みなのです.
".css" に加工して吐き出させるのが
web-browser の差異を回避させるのに有効な方法かも ?
564 = :
jQueryていつの間にか1.4.1になってたのか！
567 = :
>>559
問答無用のサンプル:
ttp://homepage2.nifty.com/alter/exam/d_style/exam.html
js:
ttp://homepage2.nifty.com/alter/exam/d_style/exam.js
(自作掲示板用の sub routine を転用したので極めて簡単でした)
･ variable "css" の部分を変えれば CGI に渡す内容を変えられます.
･ local からでも post できてしまうので このまま使うのは問題あるかも ?
(穴に気付いたら教えてちょうだい !)
あと, どなたか 自作掲示板の動作確認をお願い _(._.)_
(改行コードの関係で windows では動作不良を起こす可能性がぁ～)
569 :
>>567
本当にありがとうございます！！
すごいです！！
これをもとに色々できそうです！！
CGI部分のソースって
http://hpcgi2.nifty.com/alter/exam/emit.cgi
をコピペすればいいんでしょうか？
一応CGI使用可能のサーバをレンタルして同じものを再現しようとしてるんですができなくて…。
ホントに素人ですみません。
570 = :
>>569
"もしかして お呼びでないかも ?" と思ってました.
>CGI部分のソースって
>をコピペすればいいんでしょうか？
外部からソースが見え見えな CGI なんて危なくて使えません.
適当に作ったとは言え,
それくらいの配慮を欠くようでは困ったちゃんの仲間入りです.
ソースを公開しても良いですが,
そのためには あと少しの改良が必要かと.
(local からの post を受け付けるようでは たぶん問題アリ)
>CGI使用可能のサーバをレンタルして同じものを再現しようとしてるんですが
それでは そのサーバーを教えてください.
(flock() を使えるサーバーかどうか注意が必要) <- 使えない場合は変更の必要あり.
それと "emit.cgi" の正体は単なるコントロール ルーチンです.
(受け取った内容を "dynamic.css" というファイルに書き込んだあとダイアログを出す)
(あと 2 つの .pl ファイルに基本的ルーチンが...)
ともあれ, やりたいこと("簡易 CMS" が どのようなものか) を
知る必要があると思います.
それに合わせてカスタマイズをする用意があります.
571 = :
>>569
念のために.
(極めて当たり前な話なので 解っているのなら読み飛ばしてちょうだい)
CGI に データを渡す方法は {"get", "post"} の 2 つ.
1. "get" の場合: 渡すデータが query string として URL に付け加えられる
2. "post"の場合: input field の {"name", "value"} の対の形で処理される.
"get" でデータを渡す方法は渡すデータが見え見えなので
通常は parameter, command を渡すために使われ,
password などを渡すには "post" でやるのが普通です.
"emit.cgi" のようなケースでは
渡すデータに見られて困るようなものを含まないので
どちらでも良いのですが
あっしは "post" 以外を受けつけないように作ってます.
572 = 569 :
>>570
>"もしかして お呼びでないかも ?" と思ってました.
とんでもないです。
こんなアホにお付き合いくださってありがとうございます。
>それでは そのサーバーを教えてください.
PF-X.NETというところのを使っています。
>ともあれ, やりたいこと("簡易 CMS" が どのようなものか) を
知る必要があると思います.
ページを開くと白紙の状態なんですが、”画像追加”や”テキスト追加”などのボタンを設置しておきます。
その後画像や文章などを追加して、自由に要素のリサイズやドラッグができるといったものです。
そういった部品をページに組み込んでひとつのホームページに見えるようにしたいと思ってます。
説明が下手くそですみません。
色々とご説明ありがとうございます。
ホントに勉強になります！！
573 = :
>>572
>PF-X.NET
無量で広告なしとは魅力的な...
ただ, Google でヒットしたページは weblog?
調べ方の問題かもですがサーバーの詳細のページには たどり付けず...
(weblog ってゴミゴミしていて目的のリンクがどこにあるのか判りづらくね ?)
>{"画像追加", "テキスト追加"}
これらの出所はどこなのでしょうか ?
また, 文面からは "追加" の操作を客人にも許可するように読めます.
(そうだとすると単に css を動的にいじるだけのものではなくなり...)
時間がないので詳細はお昼に.
574 :
>>573
>これらの出所はどこなのでしょうか ?
>また, 文面からは "追加" の操作を客人にも許可するように読めます.
昨日PHPを少し勉強したのでPHPで追加しています。
掲示板を改変した感じです。
客人も好きにいじれるようにしたいです。
お時間ないところありがとうございます。
576 = :
>>573
http://homepage2.nifty.com/alter/upload/dynamic_ss.zip
perl script file
･ "$pub0" (public0) : server から見た path
･ "$pub1" (public1): いわゆる URL
両者が異なるのが nifty のクセなので変更しないと誤動作を起こします.
例えば xrea では これらの違いがなく,
さらに CGI の置き場も無制限です. (レンタルスペースのどこでも お～けい)
したがって xrea では いわゆる相対 path が使え, 両者の違いはありません
さて, PF-X.NET の場合は基本的に
/cgi-bin/ directory 置く決まりとなっている模様.
(どうやら便宜的な directory で delete 可能らしい)
おそらくは xrea と同等に相対 path が使えるものと予想されます.
しかし, 試して見ないことには判りません.
念のため, perl での double quote は js と違って
特別な働き(展開して解釈) がありますので
これを single quote に書き換えると多くの場合動かなくなります.
578 = :
>>572
たぶん upload した script は間違いなく動作不良を起こすはず.
一般サーバー向けにすっきりした記述に直す必要がある.
うまく行かなかったら迷わず ここに そのむね申し出て欲しい.
public と cgi-bin とで相対 path が使えるかどうかが重要であるあります.
580 = :
あと, text field の内容をチェックする機能を js に付け加える必要がありそう.
ダメージが深刻な いたずらは できないはずだとは思いますが...
思いがけない穴がある可能性も否定できないので用心するに越したことはない.
582 = :
さっそく動作確認に協力してくださった方がおられるようで..
ありがとうございます !
思いがけない bug を発見できました.
自分一人では絶対に気付くことはなかったと思います.
(input type="hidden" に放り込んだデータを読み込む時点で
"<", ">" が復活してしまうらしい...)
583 = :
ところで あっしが upload した perl script のその後は ?
極めて単純なので改造は楽なはずだけど...
(個人的にコメントだらけの script は むしろ読みづらいと思う)
(それよりも無駄を削ぎ落とす努力を重視...)
584 :
レス遅れました。
なにから何までホントにありがとうございました！
色々と勉強になりました！！
585 = :
post後のURLがhttp://homepage2.nifty.com/alter//index.htmlになるね。
あと、上部のナビゲーションにhistory.back()とだけ表示されることも。
掲示板機能以前に、外観も含めて、ユーザビリティに難があると思うけど、いかが。
と言うか、上述のことくらい自分で少し使えば見つかると思うが。テストしてんの？
586 = :
>>585
レポートありがとうございます.
>post後のURLが
ん?
もしかして path 関連の bug ???
そうだとすると根本的な問題...
もう一度洗い直して見ます.
>上部のナビゲーションにhistory.back()とだけ
おそらくは dialog template で error 処理の後に使われるものかと.
リンクにしていないのには訳があるのですが
クリックして元の form に戻れるとと判る人は作った本人だけかも ?
>掲示板機能以前に
そ, それが機能的部分の bug を探している状態なので...
(先に指摘されたような問題も潜んでいそうだし)
まずは最低限の信頼性を確保できないことには.
>外観も含めて
>ユーザビリティに難が
一番気になる部分なので
具体的に率直なご意見を伺いたいです.
587 = :
>>584
間違いなく動作不良を起こす予定だったのですが,
うまく行ったのですか ?
588 = :
>>585
>post後のURLが
あの～, どういう状態のときにそうなるのか おせ～て !
(たぶん dialog を出した時だと思うけど...)
書きこみが正常に終わった後には
/bbs/index.html に戻るはずで誤動作を再現できず.
UA の問題は template の書換えだけで対処できるので
素早く対処できる自信が...
589 = :
>>585
>post後のURLが
あの～, どういう状態のときにそうなるのか おせ～て !
(たぶん dialog を出した時だと思うけど...)
書きこみが正常に終わった後には
/bbs/index.html に戻るはずで誤動作を再現できず.
訂正:
UA の問題は -> UI の問題は
590 = :
そして ひとりぼっち... (はぁ)
591 = :
記事ごとの CSS 設定機能付けて見ますた.
ttp://homepage2.nifty.com/alter/bbs/index.html
592 :
Amazonのリストマニアの汚いURLを整形するブックマークレット誰か作ってください
個別の本のURLをキレイにするものなら既にあるんですが、なぜかリストをキレイにしてくれるのがありません
593 = :
>>592
>Amazonのリストマニアの汚いURL
"get" request の (encode された) query string の事を言ってるのかな ?
594 = :
>>592
自分で作ったリストマニアのこと？それとも他人のリストマニアってこと？
どういう意図でキレイにしたいかわからん
597 = 595 :
ブックマークレットやアドオンなどでやってます
http://www.amazon.co.jp/lm/RY2ZXSYWGI2L8
こういうページを開いて見てる最中に、ブックマークしたいという事です
598 = :
>>597
そういうやつか。astore.amazon.co.jpの方かと思った。
ブックマークレットをやっつけで作った。xpath使った方が楽だなと思ったけどIEで念のため動くように。
ブックマークレットにして実行するか、アドレスバーに貼りつけて実行すると
canonicalってリンクが画像の上あたりに出るはず
（書き込むときに行が長すぎるって怒られたからコピペして改行消して。）
javascript: (function(){ var amazonUrlBase='http://www.amazon.co.jp/gp/product/';
var inputs=document.getElementsByTagName('input');
for (var i=0,l=inputs.length;i<l;++i) { var input=inputs[i];
if (! /asin[0-9]+/.exec(input.name)) continue; var a=document.createElement('a');
a.href=amazonUrlBase + input.value; a.innerHTML='canonical';
input.parentNode.insertBefore(a, input); } })();
元のjavascriptは下のような感じ
(function(){
var amazonUrlBase = 'http://www.amazon.co.jp/gp/product/';
var inputs = document.getElementsByTagName('input');
for (var i=0,l=inputs.length;i<l;++i) {
var input = inputs[i];
if (! /asin[0-9]+/.exec(input.name)) continue;
var a = document.createElement('a');
a.href = amazonUrlBase + input.value;
a.innerHTML = 'canonical';
input.parentNode.insertBefore(a, input);
}
})();
600 = :
>>599
あぁ、なるほど。おもいっきり勘違いしてた。
これでどう？ナビの下辺りにリンクが出来る。
ブックマークするときは右クリックとかでするんでしょ？
javascript: (function() { var baseUrl='http://www.amazon.co.jp'; var match;
if (match=/(\/lm\/[a-zA-Z0-9]+)/.exec(location.href)) {
var a=document.createElement('a'); a.href=baseUrl+match[1];
a.innerHTML='canonical'; document.getElementById('navbar').appendChild(a); } })()
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ
/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで / 
JavaScript一覧へ類似してるかもしれないスレッド
- 1行javascriptプログラミング (431) - [43%] - 2022/8/23 15:30
- JavaScript コメントの謎 (122) - [38%] - 2017/12/31 9:32 ○
- JavaScript ライブラリ総合質問所 vol.4 (985) - [37%] - 2015/12/16 15:00
- JavaScript ライブラリ総合質問所 vol.5 (344) - [37%] - 2022/3/14 17:45
- JavaScript Tips コレクション (154) - [36%] - 2023/1/12 17:00
トップメニューへ / →のくす牧場書庫について