###前提・実現したいこと
Oracle+php+jqueryでGoogleカレンダーと同じ動作をする様なシステムを作成しています。
日付エリアの白い部分をクリックすると入力画面が表示され、すぐにそのリストが日付エリア内に
反映されるというものです。
更新と削除は、リストをクリックすると更新削除用の画面が表示されるというものです。
###発生している問題・エラーメッセージ
白い部分をクリックしても、何も反応がありません。
日付の部分をクリックしないと入力画面がポップアップしません。
エラーメッセージ
###該当のソースコード
コード <!doctype html> <html> <head> <meta charset="utf-8"> <title>無題ドキュメント</title> <link href="./css/bootstrap.css" rel="stylesheet" /> <link href="./css/magnific/magnific-popup.css" rel="stylesheet" /> <link href="./css/tanemaki.css" rel="stylesheet" /> </head> <body> <div class="container"> <ul id="movemonth"> <li><</li> <li>></li> <li>月</li> </ul> <table class="table"> <thead> <tr> <th>日</th> <th>月</th> <th>火</th> <th>水</th> <th>木</th> <th>金</th> <th>土</th> </tr> </thead> <tbody> <tr> <td> </td> <td data-day=20160801 class="td"> <a href="tanemaki/tanemakidatainput/20160801/" class="inputlink1">1 <ul class="list"> <li><a href="tanemaki/tanemakidatainput/20160801/">ああああああああ</a></li> <li><a href="tanemaki/tanemakidatainput/20160801/">ああああああああ</a></li> <li><a href="tanemaki/tanemakidatainput/20160801/">ああああああああ</a></li> <li><a href="tanemaki/tanemakidatainput/20160801/">全て見る</a></li> </ul> </a> </td> <中略> <script src="./js/jquery-2.2.3.min.js"></script> <script src="./js/bootstrap.js"></script> <script src="./js/jquery.magnific-popup.js"></script> <script> $('.inputlink1').magnificPopup({ type:'iframe', alignTop:true, overflowY:'scroll', focus:'#hincd' }); </script> </body>![イメージ説明](308b716da758a6a3bb53bdf8c484455d.png) </html> --CSS(.scssファイル)-- /*テーブルデザイン*/ table.table { td { border:solid 1px #eeeef1; height:$tdheight; width:120px; a.inputlink{ display:box; width:100%; height:100%; z-index:1; position:relative; text-decoration:none; } .list{ position:absolute; margin-top:0; margin-left:0; z-index:2; list-style-type:none; } } }
###試したこと
aリンクをtdエリア内全体にかかるようにできたのですが、リストの部分が、下側にずれて、8日の部分の中に入ってしまったりしました。リストの部分を上に重なるようにできればよいのかなと思っています。
###補足情報(言語/FW/ツール等のバージョンなど)
html5
jquery-2.2.3
Bootstrap3.3.6
php7+Smarty
使用
よろしくお願いします。
回答2件
あなたの回答
tips
プレビュー