JavaでAjaxを学ぶために、NetBeansが提供している「Java WebアプリケーションでのAjax入門」を行いました。
そこでいくつかハマった部分があったので、紹介します。
これから、「Java WebアプリケーションでのAjax入門」を行う方はぜひ参考にしてみてください。
環境
- mac OS 10.12.6
- NetBeans 8.0.2
GlassFishサーバが起動しない
Ajaxを使うためにNetBeans内でサーバを起動する必要があるのですが、そのサーバが起動しませんでした。
対処法
http://etc9.hatenablog.com/entry/2016/12/21/070607 の記事に書かれている内容を実行すればOK。
tableタグのエラー
tableタグを挿入する箇所があるのですが、そのままコピペするとエラーになります。
index.html
<tr>
<td id="auto-row" colspan="2">
<table id="complete-table" />
</td>
</tr>
対処法
tableの終了タグが抜けているので、追加します。
index.html
<tr>
<td id="auto-row" colspan="2">
<table id="complete-table" /></table>
</td>
</tr>
CSSがおかしくなる
これは私の環境だけかもしれませんが、CSSを追加した際に表示がおかしくなりました。
対処法
以下に示した箇所を修正します。
stylesheet.css
.popupBox {
position: absolute;
top: 170px;
// ここを変更してはみださないようにする
left: 58px;
}