※ ChatGPTを利用し、要約された質問です(原文:spinelzのjavascript使用方法)
spinelzのjavascript使用方法
このQ&Aのポイント
javascript初心者でも簡単にspinelzのjavascriptを使う方法を解説します
spinelzのjavascript(外部ファイル)の呼び出し方や使用方法について詳しく解説します
spinelzのjavascriptを使用してデータの変更が可能なテーブルを作成する方法について解説します
javascript初心者です。
spinelzのjavascript(外部ファイル)使用方法について質問があります。
今、”Grid”のデモ(http://script.spinelz.org/index.html)をコピーして、(データの変更が可能な)テーブルを作成しようと思っています。
以下のように作成すると、テーブルのデータは表示されるのですが、デモのようには動きません。
(外部ファイルのjavascriptが呼び出されていないようです。)
どなたかご教授いただけませんでしょうか。
↓HTML↓
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<!-- #BeginTemplate "../Templates/01.dwt" -->
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">
<title>TEST</title>
<link href="../css/01.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- - ここから JavaScript 記述です。 - -->
<script src="../Public\javascripts/spinelz/grid.js" type="text/javascript"></script>
<script src="../Public\javascripts/spinelz/grid_resizeEx.js" type="text/javascript"></script>
<script src="../Public\javascripts/spinelz/grid_sortabletableEx.js" type="text/javascript"></script>
<!-- - ここまで JavaScript 記述です。 - -->
<table>
<tr>
<td>Column</td>
<td>
<input type="button" class="button" value="add" onclick="grid.addColumn(grid.targetColIndex,'new Column');" />
<input type="button" class="button" value="remove" onclick="grid.deleteColumn(grid.targetColIndex);" />
</td>
</tr>
・
・
(ボタンの記述)
・
・
</table>
<div id="grid_container" >
<table width="100%" border="0">
<thead>
<tr>
<td class="top" style="height: 22px">日付</td>
</tr>
</thead>
・
・
(テーブルのデータを記述)
・
・
</table>
</div>
↓javascriptは下記パスに保管↓
・「Public\javascripts/spinelz/grid.js」
・「Public\javascripts/spinelz/grid_resizeEx.js」
・「Public\javascripts/spinelz/grid_sortabletableEx.js」
以上です。よろしくお願い致します。
お礼
お礼が遅くなってすいません。 下記はリンクされているようで、jsは開きます。 <!-- - ここから JavaScript 記述です。 - --> <script src="../Public\javascripts/spinelz/grid.js" type="text/javascript"></script> <script src="../Public\javascripts/spinelz/grid_resizeEx.js" type="text/javascript"></script> <script src="../Public\javascripts/spinelz/grid_sortabletableEx.js" type="text/javascript"></script> <!-- - ここまで JavaScript 記述です。 - --> もう少し探ってみます。 ありがとうございました。