divで表の位置とtdの中の位置指定
# gcc test11.c -o test11.cgi
---------------------------------------------------------------------------
/#include <stdio.h>
#include <string.h>
#include <stdint.h>
#include <stdlib.h>
#include <ctype.h>
#include <unistd.h>
#define f_ipadds "/public_html/ramdisk/ip_adds" // ip_addsが書かれているファイル
#define ip_port "8080"
// ********************************************************************
// 表の中にidを付ける為のdefine
#define TRTD0_1 "<TR><TD width=\"300\" align=\"center\"><div id=T%d style=background-color:#fff000;></div></TD></TR>\n"
#define TDW31 "width=\"100\" align=\"center\""
#define TDW32 "width=\"100\" align=\"center\""
#define TDW33 "width=\"100\" align=\"center\""
#define TRTD3_0 "<TR><TD colspan=\"2\" align=\"center\">hi-score</TD><TD %s><div id=S%d></div></TD></TR>\n"
#define TRTD3_1 "<TR><TD %s>%s</div></TD><TD %s><div id=S%d></div></TD><TD %s><div id=S%d></div></TD></TR>\n"
// ********************************************************************
// ********************************************************************
int32_t ip_read(char *ip_data){
FILE *fp;
int32_t i;
char c,*p;
p = ip_data;
fp = fopen(f_ipadds, "r");
if( fp == NULL )return(-1);
i=0;
while((c = fgetc(fp)) != EOF){
if(c > 0x20)*p++ = c;
else break;
}
*p = '\0';
fclose( fp );
return(1);
}
// ********************************************************************
void main(void){
int32_t i,j,ret;
char ip_data[128];
ret = ip_read(ip_data); // ip-addsを読み込む
if(ret < 0)ip_data[0] = '\0';
printf("Content-type:text/html\n\n");
printf("<HTML><HEAD>\n");
printf("<META http-equiv=\"Content-Type\" content=\"text/html; charset=Shift_JIS\">\n");
printf("<META http-equiv=\"Content-Style-Type\" content=\"text/css\">\n");
printf("<TITLE>test11</TITLE>\n");
printf("</HEAD>\n");
printf("<BODY bgcolor=\"#ffffff\">\n");
// ********************************************************************
// score indicate
// ********************************************************************
printf("<DIV style=\"top:%dpx;left:%dpx;position:absolute;z-index:1;\" id=\"ip\"><DIV>\n",10,10);
printf("<TABLE border=\"1\"><TBODY>\n");
printf(TRTD0_1,11);
printf(TRTD0_1,21);
printf("</TBODY></TABLE></DIV><DIV>");
// 表の中にidを付ける
// <div id = Sxx> 表第1行の第3列:S13
// <div id = Sxx> 表第2行の第2列:S22 第3列:S23
printf("<DIV style=\"top:%dpx;left:%dpx;position:absolute;z-index:1;\" id=\"score\"><DIV>\n",250,250);
printf("<TABLE border=\"1\"><TBODY>\n");
printf(TRTD3_0,TDW33,13);
printf(TRTD3_1,TDW31,"1st" ,TDW32, 22,TDW33, 23);
printf(TRTD3_1,TDW31,"2nd" ,TDW32, 32,TDW33, 33);
printf(TRTD3_1,TDW31,"3rd" ,TDW32, 42,TDW33, 43);
printf(TRTD3_1,TDW31,"4th" ,TDW32, 52,TDW33, 53);
printf(TRTD3_1,TDW31,"5th" ,TDW32, 62,TDW33, 63);
printf(TRTD3_1,TDW31,"6th" ,TDW32, 72,TDW33, 73);
printf(TRTD3_1,TDW31,"7th" ,TDW32, 82,TDW33, 83);
printf(TRTD3_1,TDW31,"8th" ,TDW32, 92,TDW33, 93);
printf(TRTD3_1,TDW31,"9th" ,TDW32,102,TDW33,103);
printf(TRTD3_1,TDW31,"10th",TDW32,112,TDW33,113);
printf(TRTD3_1,TDW31,"AVL" ,TDW32,122,TDW33,123);
printf("</TBODY></TABLE></DIV><DIV>");
printf("<SCRIPT type=\"text/javascript\" src=\"test11.js\"></SCRIPT>\n");
printf("<SCRIPT>disp_watch('%s:%s');</SCRIPT>\n",ip_data,ip_port);
printf("</BODY></HTML>\n");
}
javascriptファイル
// ###########################################################################
var dir;
var nme;
var w_sign;
var exp = "jpg"; // 拡張子
// ###########################################################################
// ###########################################################################
function disp_watch(str){
dir = 'http://' + str + '/ramdisk/';
nme = dir + "OUT_Circle_img"; // 画像のディレクトリとファイル名の数字と拡張子より前の部分
w_sign = dir + "w_sign"; // 画像のディレクトリとファイル名の数字と拡張子より前の部分
document.getElementById("T"+11).innerHTML = str + '<BR>';
document.getElementById("T"+21).innerHTML = nme + '<BR>';
// 初期値表示
document.getElementById("S"+13).innerHTML = "*";
document.getElementById("S"+22).innerHTML = "*";document.getElementById("S"+23).innerHTML = "*";
document.getElementById("S"+32).innerHTML = "*";document.getElementById("S"+33).innerHTML = "*";
document.getElementById("S"+42).innerHTML = "*";document.getElementById("S"+43).innerHTML = "*";
document.getElementById("S"+52).innerHTML = "*";document.getElementById("S"+53).innerHTML = "*";
document.getElementById("S"+62).innerHTML = "*";document.getElementById("S"+63).innerHTML = "*";
document.getElementById("S"+72).innerHTML = "*";document.getElementById("S"+73).innerHTML = "*";
document.getElementById("S"+82).innerHTML = "*";document.getElementById("S"+83).innerHTML = "*";
document.getElementById("S"+92).innerHTML = "*";document.getElementById("S"+93).innerHTML = "*";
document.getElementById("S"+102).innerHTML = "*";document.getElementById("S"+103).innerHTML = "*";
document.getElementById("S"+112).innerHTML = "*";document.getElementById("S"+113).innerHTML = "*";
document.getElementById("S"+122).innerHTML = "*";document.getElementById("S"+123).innerHTML = "*";
}