元スレ【jQuery】JavaScript ライブラリ総合質問所 vol.2
JavaScript覧 / PC版 / みんなの評価 :
501 = :
>>500
jquery.ui.datepicker.jsを修正する必要は無いと思う。
datepickerで、日付けが確定された際に、どう処理するかだと思う。
HTMLとJSを全部まるっと貼ってみてよ。
502 = :
>>499
とりあえず表示出来て、こんな感じです。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.22/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
$(function() {
$('#hoge').datepicker({
dateFormat: 'yy-mm-dd',
showMonthAfterYear: true,
yearSuffix: '年',
inline: true
});
});
</script>
<div id="hoge" class="datepicker"></div>
</body>
</html>
503 = :
>>502
これじゃダメなん？
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.22/themes/base/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.22/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
$(function() {
$('#hoge').datepicker({
dateFormat : 'yy-mm-dd',
showMonthAfterYear : true,
yearSuffix : '年',
inline : true
});
});
</script>
<input type="text" name="hogedate" id="hoge">
</body>
</html>
505 = :
ご回答ありがとうございます。
テキストボックスは表示させないで
カレンダーは常時表示して日付クリックしたら、
root/yy-mm-ddのページが表示できれば思っております。
506 :
507 = :
>>505
http://api.jqueryui.com/datepicker/#option-onSelect
508 :
509 = :
画像アップロードでオススメは？
510 = :
>>509
Node.js でも使うつもりなの？
http://www.slideshare.net/hakobe/nodejs-uploader
512 :
513 :
514 = :
>>507
$('#datepicker').datepicker({
onSelect: function(dateText, inst) {
window.location = 'http://mysite/day/' + dateText;
}
});
で行けました。
ありがとうございます。
515 :
516 :
517 = :
おせぇぞちゃんと定刻に書き込めやカスが
荒らしすら出来んのかカスだな
518 = :
サービス残業してたスマソ
519 :
520 = 519 :
522 :
523 = :
マルチするクズは死んだほうがいいんじゃないかな
524 :
526 = :
$('#hoge').bind("blur", function(){
// 背景色の解除処理
});
とかじゃだめなん？
最近のjQueryだと、bindよりもonとかだっけ。
blurはfocusoutとかでもいいかも。
527 = :
空文字列じゃね?
528 :
530 = 528 :
532 = 528 :
533 = :
link.htmlからindex.html
にアンカーリンクで飛んで
アンカーに該当するアコーディオンを開くという挙動をさせたいです。
location.hashを使ってアンカーは取れているのですが
うまく動いてくれません。
一度みてもらえないでしょうか
ソースはこちらになります
http://dl.dropbox.com/u/83978264/test.zip
534 = :
>>533
index.htmlのid属性の前に全角スペースがあるのと
".accblock"が不要、作法的にどうなのかはわからないけど作動させるのはclick()に置き換えたほうがイベントが変更になったときとかに楽
あとIEだと開発ツールを表示後でないとconsoleオブジェクトがないためスクリプトがエラーとなるぐらい
535 :
536 = :
リンクにアイコンが自動表示されるようにしたいのですが
$(document).ready(function(){
var hostn = "指定する.co.jp" ;
var imghost ='http://xxx/yyy/IMF/';
var pdf,doc,xls,ppt,arc,same,mail ,exwin;
pdf = document.createElement('img');
pdf.src = imghost + 'icon_pdf.gif';
doc = document.createElement('img');doc.src = imghost + 'icon_doc.gif';
xls = document.createElement('img');xls.src = imghost + 'icon_xls.gif';
ppt = document.createElement('img');ppt.src = imghost + 'icon_ppt.gif';
arc = document.createElement('img');arc.src = imghost + 'icon_arc.gif';
same = document.createElement('img');same.src = imghost + 'icon_same.gif';
mail = document.createElement('img');mail.src = imghost + 'icon_mail.gif';
exwin = document.createElement('img');exwin.src = imghost + 'icon_exwin.gif';
//画像を追加
$("a[href$='.pdf']").prepend(pdf , ' ');$("a[href$='.doc']").prepend(doc , ' ');$("a[href$='.xls']").prepend(xls , ' ');
$("a[href$='.ppt']").prepend(ppt , ' ');$("a[href$='.exe']").prepend(arc , ' ');$("a[href$='.htm']").prepend(same , ' ');$("a[href^='mailto:']").prepend(mail , ' ');
//href に 指定の文字列
$("a[href^=http]").not("[href*=" + hostn +"]")
.append(' ',exwin).click(function(){
window.open(this.href,'');
return false;});});
もっとスマートにできそうですね、、、
$("a[href$='.pdf']").prepend('<img src="http://イメージへのリンク">');
のほうが良いでしょうか？
537 = 535 :
538 = :
>>536
cssだけでできるよ (IE7以下非対応)
たとえば、aタグにclassをふるとか
.icon_doc:after{content:url("icon_doc.gif");}
参考
tp://www.htmq.com/style/content.shtml
539 = :
自分もCSSでやるのに一票
541 :
542 = :
>>538
＞cssだけでできるよ (IE7以下非対応)
＞(IE7以下非対応)
ですよね、、、orz
544 = :
>>542
IE7以下も対応させるなら、背景画像としてicon_doc.gifを表示させたら？
各aの右側にmarginかpaddingで空白をつくり、そこにアイコン画像を背景画像で表示
background-image:url("icon_doc.gif");
background-repeat:no-repeat;
background-position:right center;
参考
tp://kumacrow.blog111.fc2.com/blog-entry-296.html
545 = :
クラスは振れないのです
だらだらと単純なリンクが並んでいるだけ
ファイルの拡張子から種類を取得して上書きするのが条件でして
そんなの無理ですよね
みっともないけど自分のスクリプトで逝きますか、、、
546 = :
$(function() {
var reg = /\.pdf|\.doc|\.xls|\.ppt|\.arc|\.same|\.mail|\.exwin/;
$("a").each(function() {
var m = this.href.match(reg);
if(m) {
$("<img src='/img/icon_" + m[0].substring(1) + ".gif' alt='" + m[0] +"'>").prependTo(this);
}
});
});
547 :
548 = :
>>546
先生ありがとうございました。
549 :
550 = :
アコーディオンメニューつけたんだが、スマホでアクセスした瞬間に一瞬開いて見える
これってサーバー側の問題？
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ
/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで / 
JavaScript一覧へ類似してるかもしれないスレッド
- 【jQuery】JavaScript ライブラリ総合質問所 vol.3 (1001) - [98%] - 2014/6/18 20:58 △
- 【jQuery】JavaScript ライブラリ総合質問所 vol.1 (983) - [98%] - 2012/10/8 22:30
- JavaScript ライブラリ総合質問所 vol.5 (344) - [75%] - 2022/3/14 17:45
- JavaScript ライブラリ総合質問所 vol.4 (985) - [75%] - 2015/12/16 15:00
- jQuery ライブラリ 総合質問所 vol.4 (986) - [65%] - 2016/1/12 15:15
- 1行javascriptプログラミング (431) - [30%] - 2022/8/23 15:30
トップメニューへ / →のくす牧場書庫について