元スレ[JavaScript]プログラム作成します
JavaScript覧 / PC版 /みんなの評価 :
901 = :
1つのウインドウでそれだけのメモリを使用することを許可しているブラウザってあるのか?
902 = :
30GBぐらいHDDに保存だからクソみたいにガリガリいいそうだな。
903 = :
894は、とりあえず、100Mのファイルをメモ帳で開いてみるべき
904 = :
JavaScriptにてお願いします。
最初に基準として
2010年9月28日9時
と表示していて、その日時を過ぎると36時間後の
2010年9月29日21時
を表示。また過ぎると次の36時間後
2010年10月1日9時
このように表示時間に現在日時が到達すると
36時間後の日時を繰り返し表示するものができますでしょうか。
何卒宜しくお願い致します。
905 = :
余裕でできるけど、今眠いからパス。
906 = :
>>904
http://www.death-note.biz/up/m/8137.html
907 = :
>>906
おお!有難うございました!
しかもこんなにシンプルにできるんですね・・
本当に助かりました。感謝の気持ちでいっぱいです。
909 = :
jQueryでどう書けばいいか解りません。
------------html--------------
<ul class="hoge">
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<ul>
------------css--------------
ul,li { list-style-type:none; margin:0; padding:0; }
.hoge { width:700px; }
.hoge li { width:100px; float:left; }
------------------------------
例えば上記のようなソースのhtml&CSSがあったとします。
・(親要素(.hoge)の幅)-(直下子要素の幅×数)=(残り余白)
・(残り余白)÷(直下子要素の数-1)=(直下子要素の右margin)
・(直下子要素の最終要素の右marginを0)
のようにして、hogeの幅に対して(必ずしも指定してあるとは限らない)
直下の子要素が等間隔で配置されるようにしたいのですが可能ですか?
要素から幅を取ってくるとか、最後のliだけmarginを消すとかは出来ますが
それを計算となるとどう書いていいのかサッパリで・・・
可能であればどなたかコードを書いて頂ければと思います。
910 = :
$('ul.hoge').each(function(){
var ul = $(this);
var li = ul.children();
var rest = ul.width();
li.each(function(){
rest -= $(this).width();
}
var margin = rest / (li.length - 1);
li.not(':last').css('margin-right', margin);
});
テストはしていない
マージンが整数じゃないときに変な表示になるブラウザもあるかと思う
911 = :
おお、レス早いw
ありがとうございます。
早速テストしてみます。
913 = :
テーブルの各要素をドラッグ&ドロップで入れ替えさせたいです。
<tablel id="sort_list">
<tr><td>AAA</td><td>BBB</td></tr>
<tr><td>CCC</td><td>DDD</td></tr>
<tr><td>EEE</td><td>FFF</td></tr>
</table>
<script type="text/javascript">
$(function() {
$("#sort_list").sortable({items:"tr"});
});
</script>
で列ごとの入れ替えはできるのですが、td単位での変更ができません。
td単位で変更するためのお知恵を拝借できないでしょうか。
914 = :
>>913
ライブラリ・プラグインに何を使っているのかを書こう
915 = :
失礼しました。
<link href="jquery-ui-1.8.5.custom.css" />
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.5.custom.min.js"></script>
になります。
916 = :
>>915
この場合、jquery-uiの何を使っているかまで書くべきだと思われ
917 = :
>>916
すみません。jqueryは初心者なもので、とりあえず
jquery-ui-1.8.5.custom.min.js
をすべて読み込んでおけば、ui関係のどれかが使われているものと考えて
そこに含まれているものの何を使っているかまでは、わかりません。
情報が少なくて申し訳ありません。
918 = :
ちなみにWEBを調べていたところ、下記のようなサンプルを見つけたのですが
これだとイメージの入れかえで、イメージに付随する文字列(画像名)も一緒に
入れ替えができませんでした。
ソースを見てみましたが、肝心のinterface.jsが読み込めず。。
<script type="text/javascript" src="./jquery.js"></script>
<script type="text/javascript" src="./interface.js"></script>
<style type="text/css">
div
{
width: 450px;
height: 500px;
}
div img
{
float: left;
width: 75px;
height: 100px;
margin:10px;
}
919 = :
続きです。
sorthelper
{
background-color: #fff;
float: left;
}
.sortableactive{}
.sortablehover{}
</style>
<div>
<img src="images/01.jpg" class="sortableitem" id="01"/>
<img src="images/02.jpg" class="sortableitem" id="02"/>
<img src="images/03.jpg" class="sortableitem" id="03"/>
</div>
<script type="text/javascript">
$(document).ready(
function () {
$('div').Sortable({
accept : 'sortableitem',
helperclass : 'sorthelper',
activeclass : 'sortableactive',
hoverclass : 'sortablehover',
opacity: 0.8,
revert: true,
floats: true,
tolerance: 'pointer'
})
});
</script>
920 = :
そうですね。
921 = :
jQueryで
<a href="#" class="ChangeImage"><img src="test.jpg"></a>
というリンクされた画像にマウスをのせると、
画像を「test.jpg」から「test_2.jpg」に変更し、
マウスを外すと「test.jpg」に戻す
というのを作りたいのです。(拡張子は固定ではない)
.hoverでアクションを設定して、srcの値を取ってきて「.」で区切って「_2.」を差し込んで…
とおぼろげにはイメージできるんですが、全体を組み上げるには知識が足りず…。
どなたかお願いします。
922 = :
ちょっとイメージと違うかもしれないけど以前作ったもの。
ページ内のすべての.rolloverに適用する。最初に元ファイル名を保持しておいて、適宜置換してる。
ご参考まで。
$(function(){
$(".rollover a img").each(function(i,j){
// はじめに元のimgファイル名をnameに登録してあとで参照可能に
$(j).attr("name",$(j).attr("src"));
});
$(".rollover a")
.mouseover(function(){
$img = $(this).children("img");
hovimg = $img.attr("name").replace(/down/,"").replace(/(\.(gif|jpg|png))$/,"hov$1");
$img.attr("src",hovimg);
}).mouseout(function(){
$img = $(this).children("img");
$img.attr("src",$img.attr("name"));
}).mousedown(function(){
$img = $(this).children("img");
downimg = $img.attr("name").replace(/down/,"").replace(/(\.(gif|jpg|png))$/,"down$1");
$img.attr("src",downimg);
}).mouseup(function(){
$img = $(this).children("img");
hovimg = $img.attr("name").replace(/down/,"").replace(/(\.(gif|jpg|png))$/,"hov$1");
$img.attr("src",hovimg);
});
});
923 = :
手抜き
$('.rollover img').mouseover(function () {
this.src = this.src.replace('.', '_2.');
}).mouseout(function () {
this.src = this.src.replace('_2.', '.');
});
924 = :
>>913
できるのは列じゃなくて行の入れ替えじゃね
td単位ってのは行・列関係なくってこと?DDDとAAAを交換とか
925 = :
>>922
ありがとうございます。
ですが何やら高等な事をやってるという事しかわからんですw
読み解くのはかなり時間かかりそうですが、あれこれ弄らせて貰います。
>>923
ありがとうございます。
早速試してみます。
926 = :
>>923
試してみたところ、ローカルでは上手く動作するのですが
サーバ上に上げるとsrcがブラウザ内ではフルパスになっており
(相対パスで記述してます)
「http://www.~」の「.」を置き換えてしまいました。
現状は
$('.rollover img').mouseover(function () {
this.src = this.src.replace('.jpg', '_2.jpg');
}).mouseout(function () {
this.src = this.src.replace('_2.jpg', '.jpg');
});
にして使っています。
自分なりに改良していってみようと思いますが
何かいい案ありますでしょうか?
927 = :
922のように replace部分を正規表現にして
.replace(/(\.(gif|jpg|png))$/,"_2$1");
またはもっと大まかに
.replace(/(\.(\w+)$)/,"_2$1");
とか。
正規表現知らなかったら調べてみるといいよ。超便利だから。
mouseoutの部分は 923 のままでも大抵大丈夫そうだが。
928 = :
>>927
ありがとうございます。
正規表現ナニソレウマイノ?ってぐらい何も知らなかったです。
調べてみます。
なにぶんjsの知識皆無でいきなりjQuery始めたもので
近いサンプルを探してパクリプトが精一杯なので
こういった具合に具体例出して貰えると助かります。
929 = :
>>928
data便利
$.fn.rollover = function(){
return this.each(function(){
var target = $(this);
target.data('src', target.attr('src'));
target.hover(function(){
target.attr('src', target.data('src').replace(/\.([^.]+)$/, "_2.$1"));
},function(){
target.attr('src', target.data('src'));
});
});
};
$('img.rollover').rollover();
930 :
表の中に一定時間後、ランダムで画像を表示する。お願いします。
931 = :
>>930
しました。
935 = :
<ul>
<li><label><input type="radio" checked="checked" /><span>hoge1</span></label></li>
<li><label><input type="radio" /><span>hoge2</span></label></li>
<li><label><input type="radio" /><span>hoge3</span></label></li>
</ul>
上記のhtmlで、ラジオボタンが現在選択状態のリストの<span>にclass="On"が付く
という動作をさせたいのですが、jQueryでどう書けばいいか解りません。
わかる方、お願いします。
936 = :
>>935
var radio = $('input[type=radio]');
radio.click(function(e){
var target = $(e.target);
radio.not(target).next().removeClass('On');
target.next().addClass('On');
});
937 = :
>>936
おおお、早速ありがとうございます!
うまく動きました!
939 = :
しかしこうすると最初の.hogeはうまく動いたのですが.hugeが動きません…。
どうにかして最後のHeightSetを複数設定できるようにならないでしょうか?
知恵をお貸し下さい。
>>929
気づくの遅くなってスイマセン、ありがとうございます。
まだ実態参照とかも挫折気味ですが、こちらのスクリプトも参考にさせて頂きます。
940 = :
(function($){
function setHeight(target, step){
for(var i = 0; i < target.length; i += step){
var group = [];
for(var j = 0; j < step; j++){
if(target[i + j]){
group.push(target[i + j]);
}
}
$(group).flatHeights();
}
return target;
}
$(function(){
setHeight($('ul.hoge li'), 4).css('background-color', '#ffcccc');
setHeight($('ul.huga li'), 5).css('background-color', '#ccccff');
});
})(jQuery);
要求満たしてるかしらんけどこんなんでいかが?
941 = :
>>940
思った通りに動きました!
ありがとうございます。
943 = :
>>942
おかしくないよ?
http://sandbox.leigeber.com/table-sorter/index.html
945 = :
>>944
おかしくないよ?
946 = 944 :
いや、それはおかしいと思います。
947 = :
>>946
おかしくないよ?
948 = :
コミュ貧の集まりだな
950 = :
>>944
同じく Google Chrome 7 で再現した。
Chrome依存の現象なのが気になるので検証しようかと思ったが、想像以上に読みづらいコードだったのでパス…。
http://sandbox.leigeber.com/table-sorter/script.js
類似してるかもしれないスレッド
- 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
トップメニューへ / →のくす牧場書庫について