[jQuery 元ネタ有り]モーダルウィンドウを開く際の動作を、希望する内容に変えてほしいの仕事 [卸売・小売]
[jQuery 元ネタ有り]モーダルウィンドウを開く際の動作を、希望する内容に変えてほしいに関する仕事・募集案件ページです。クラウドソーシングのランサーズで、Webシステム開発・プログラミングに関する最適な外注/発注先をお探しの方、副業案件・求人をお探しのフリーランスの方はまず会員登録がおすすめです。
Webシステム開発・プログラミングに関連した他の仕事を探す
見積もり募集の結果
募集期間
5日間
提案数
4件
当選人数
1 件
(募集人数1人)
実際の発注内容
ブロンズ 認証済み、受注実績のあるランサーです 掲示板からECサイト、業務システムまで。あらゆるWebシステムを品質重視でご提供。
- 希望時間単価 ---
- 実績 19
- 満足率 93 %
- プロジェクト完了率 29%
- 機密保持
- 本人確認
- 電話
1997年のPerlを中心としたCGI作成代行業より開始し、Webシステム開発経験年数は22年となりました。 個人Webの掲示板やメールフォームからショッピングカート、レンタルサーバの保守運用ツールの開発まで可能です。 また、事業企画・インターネットマーケティング・技術営業の経験もありますので、何をシステム開発すれば良いかも含め、ご相談いただけます。例えば、「既存の顧客データを元に統計分... 続きを読む
見積もり募集の内容
- 依頼主の業種
- 卸売・小売
- 依頼の目的・背景
-
[元ネタ]
https://coco-factory.jp/ugokuweb/move01/9-6-1/
構築しているスマホ用のサイトで、こちらを使っています。
元ネタでは「初回のみモーダルをすぐ出す」ようになっていますが、
最初はその機能が必要ありませんでした。
以下のような
「項目をタップするとモーダルが開いて、説明が読める」
ということを目的にしたので、初回のみモーダルを出す判定のところをイジり、
その点については希望通り動作しています。
【項目】
・リンゴ（リンゴとは・・・みたいな説明文のモーダルが開く）
・オレンジ
・バナナ
【希望内容】
しかし、諸事情により、
「初回のみのモーダルも出したい」となりました。
つまり、初回のモーダルも出るし、
上記のような、項目タップによる説明のモーダルが出るようにもしたいです。
※初回モーダル と 項目モーダル と言うことにします。
ページによっては、最初の希望通り、
初回モーダルは出さず、項目モーダルのみ出るようにしたいです。
（id名だけで分けられたらすごいうれしい）
当方のスキルですが、
プログラムに詳しくないので、全然わかりません。
サイト構築の経験年数だけはあるので、
ありものをちょっと改変して設置する程度のことはできます。
◆自分でやったこと◆
【CSS】
/*infoエリアをはじめは非表示*/
#info{
display: none;
}
これを
#a1, #a2, #a3, #a4, #a5, #a6, #a7, #a8{
display: none;
}
みたいに、項目用を作って割り振った。
【js】
//モーダル表示
$(".modal-open").modaal({
start_open:※ここを flag から false にしたら、なんか分からないけど希望通りになったので良しとした。, // ページロード時に表示するか
overlay_close:true,//モーダル背景クリック時に閉じるか
before_open:function(){// モーダルが開く前に行う動作
$('html').css('overflow-y','hidden');/*縦スクロールバーを出さない*/
},
after_close:function(){// モーダルが閉じた後に行う動作
$('html').css('overflow-y','scroll');/*縦スクロールバーを出す*/
}
});
これで説明になっているのかどうか不安ですが、
要するに、
初回のみモーダルを出した上で、項目モーダルも出したい。
ページによっては、項目モーダルのみ出すようにしたい。
ということです。
動作内容のコード（？）をもらえれば、コピペして設置するぐらいはできます。
稼働してるページをご覧いただくことも問題ありません。
どうかよろしくお願いします。
- サイトの種類
- ECサイト
- 作業範囲
- ランサーに相談して決めたい
- 用意してあるもの
-
- 希望開発言語
- Java
- フレームワーク
- ランサーに相談して決めたい
- 開発の継続性
- 今回のみ、開発をお願いいたします。
- 補足説明
- 設定なし