NetBeansの「Java WebアプリケーションでのAjax入門」でハマった部分


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;
}