ウェブサイト制作
分かっている人ならとても簡単なJavascriptの修正 サイト構築・ウェブ開発の仕事の依頼
仕事の概要
|
固定報酬制
|
ワーカーと相談する
|
|---|---|
|
納品完了日
|
2016年08月30日 |
|
掲載日
|
2016年08月29日 |
|
応募期限
|
2016年08月30日 |
応募状況
| 応募した人 | 7 人 |
|---|---|
| 契約した人 | 0 人 |
| 募集人数 | |
| 気になる！リスト | 2 人 |
仕事の詳細
|
知っている人なら、おそらく10分程度で完了する内容だと思います。 ■チェックボックスの一括選択と一括選択解除。 ■チェックボックスが2つ以上チェックされているとき、editBtnの画像切り替え。 それぞれ、一応動作はしているのですが、チェックボックスの一括選択と一括選択解除時に、 editBtnの画像の切り替えが行われません。 ご提案いただいた方に実際の画面をお見せします。 機密保持いただける方。 なるべく格安でやっていただける方。 こういった小さな修正が度々ありますので、 今後もお願いすることもあると思います。 何卒よろしくお願いいたします。 以下は参考にしてください。 --------------------------------------------------------------------------------------- 【HTML】 <form id="frm"> <ul> <li> <input type="checkbox" name="checkbox01" id="checkbox01" class=""/> <label for="checkbox01" class="">01</label> </li> <li> <input type="checkbox" name="checkbox02" id="checkbox02" class=""/> <label for="checkbox02" class="">02</label> </li> <li> <input type="checkbox" name="checkbox03" id="checkbox03" class=""/> <label for="checkbox03" class="">03</label> </li> <li> <input type="checkbox" name="checkbox04" id="checkbox04" class=""/> <label for="checkbox04" class="">04</label> </li> </ul> <div class=btn><img id="checkBtn" src="img/btn_select01.png" alt="一括選択" width="150" height="40"/><img id="clearBtn" src="img/btn_reset01.png" width="150" height="40" alt="一括解除"/></div> <ul id="editBtn"> <li> <p class=""><a href="001.html"><img src="img/btn_edit_p02.png" width="225" height="60" alt="001ボタンon" /></a></p> <p class=""><img src="img/btn_edit_p02.png" width="225" height="60" alt="001ボタンoff" /></p> </li> <li> <p class=""><a href="002.html"><img src="img/btn_edit_t02.png" width="225" height="60" alt="002ボタンon" /></a></p> <p class=""><img src="img/btn_edit_t02.png" width="225" height="60" alt="002ボタンoff" /></p> </li> </ul> </form> ----------------------------------------- 【Javascript】 //editBtn画像切替 $(function() { $("#frm :checkbox").click(function() { if($("#frm :checked").length >= 2) { $('.btnOff').css('display', 'block'), $('.btnOn').css('display' ,'none'); } else { $('.btnOff').css('display' ,'none'), $('.btnOn').css('display', 'block'); } }); }); //一括選択、一括解除 function func_extend() { var checked = false; var frm = document.getElementById("frm"); for (var i = 0; i < frm.elements.length; i++) { if (frm.elements[i].type == "checkbox") { if (frm.elements[i].checked) { checked = true; break; } } } return false; } jQuery("#checkBtn").click(function(e) { changeCheck(true); }); jQuery("#clearBtn").click(function(e) { changeCheck(false); }); function changeCheck(flg) { for (var i = 0; i < frm.elements.length; i++) { if (frm.elements[i].type == "checkbox") { frm.elements[i].checked = flg; } } return false; } |
| 特記事項 |
|---|
|
|
追記
2016年08月29日 17:12
仕様が追加になりました。
同じページ内にbxsliderを設置しています。
メインのスライド画像の下にサムネイル画像を表示させています。
preview,nextのリンクとは別に、
”一番最初の画像に戻るリンク”と”一番最後の画像にいくリンク”を表示させたいです。
全部合わせて1500円でやっていただける方のみご応募ください。
JSに詳しい方でしたら、おそらく0.5時間ほどで作業完了できると思います。
何卒よろしくお願いいたします。
同じページ内にbxsliderを設置しています。
メインのスライド画像の下にサムネイル画像を表示させています。
preview,nextのリンクとは別に、
”一番最初の画像に戻るリンク”と”一番最後の画像にいくリンク”を表示させたいです。
全部合わせて1500円でやっていただける方のみご応募ください。
JSに詳しい方でしたら、おそらく0.5時間ほどで作業完了できると思います。
何卒よろしくお願いいたします。
