jsiq/help/book

Структура главного файла книги-игры на ЯТК

Посмотрите на шаблон index_tpl.html: 

<html>
<head>
<title>ИГРА</title>
<link type="text/css" rel="stylesheet" media="all" href="game.css"/>
</head>

<body>
<script src="libs/jquery-1.2.6.pack.js"></script>

<script src="jsiqapi.js"></script>
<script src="std_inventory.js"></script>


<div id="book" style="display:none">
	<!-- сюда paste самой книги -->
	<div id="char_list_tpl">
		ЛИСТ ПЕРСА
	</div>
	<div id="char_list_update">
		// ф-ия обновления листа персонажа, ничего не делает
	</div>
</div>

<!-- начало оформления - это то, что будет отображать текст книги -->
<table id="deco" border="0" width="100%" style="border:0;width: 100%; height: 100%;display:none;" class="main_bg" cellspacing="0" cellpadding="0">
<tr><td width="65%"  height="100%" valign="middle">
	<div id="main">
		<div id="title" style="height:40px;display:none">
			<!-- сюда будет вставлен номер параграфа, его скрываем, так? :) -->
		</div>
		<div id="main_text" style="text-align:justify;">
			<!-- сюда будет вставляться текст параграфа -->
		</div>
		<br>
		<div id="actions">
			<!-- здесь будут перечислены действия -->
		</div>
	</div>
</td>
<td width="30px"><br></td>
<td height="100%" valign="top" align="center">
	<br>
	<div id="char_list" style="width: 100%; height: 100%;display:none;" align="center">
		<!-- сюда будет вставлено содержимое "char_list_tpl" -->
	</div>
</td>
</tr></table>
<!-- конец оформления -->

<SCRIPT LANGUAGE="JavaScript">
	jsIQ.init();

	jsIQ.startGame(function()
	{
		//для удобства разработки, уберите // в двух следующих строках, и добавьте // перед третьей
		//var t = prompt("Введите номер параграфа к которому нужно перейти", "0");
		//showArticle(t);
		showArticle(0);
	});
</script>

</body>
</html>

Здесь, 

<script src="libs/jquery-1.2.6.pack.js"></script>

<script src="jsiqapi.js"></script>

это обязательные для работы программы компоненты движка ЯТК

Далее, 

<script src="std_inventory.js"></script>

Это пример подключения плагина к системе 

<div id="book" style="display:none">
	<!-- сюда paste самой книги -->
	<div id="char_list_tpl">
		ЛИСТ ПЕРСА
	</div>
	<div id="char_list_update">
		// ф-ия обновления листа персонажа, ничего не делает
	</div>
</div>

Сюда нужно добавлять параграфы книги-игры, здесь: char_list_tpl - "шаблон" листа персонажа, char_list_update - ф-ия обновляющая состояние листа персонажа (вызывается автоматически) 

<!-- начало оформления - это то, что будет отображать текст книги -->
<table id="deco" border="0" width="100%" style="border:0;width: 100%; height: 100%;display:none;" class="main_bg" cellspacing="0" cellpadding="0">
<tr><td width="65%"  height="100%" valign="middle">
	<div id="main">
		<div id="main_text" style="text-align:justify;">
			<!-- сюда будет вставляться текст параграфа -->
		</div>
		<br>
		<div id="actions">
			<!-- здесь будут перечислены действия -->
		</div>
	</div>
</td>
<td width="30px"><br></td>
<td height="100%" valign="top" align="center">
	<br>
	<div id="char_list" style="width: 100%; height: 100%;display:none;" align="center">
		<!-- сюда будет вставлено содержимое "char_list_tpl" -->
	</div>
</td>
</tr></table>
<!-- конец оформления -->

Оформление может быть отображено как угодно, но обязательно должны быть поля с id

  • main_text
  • actions

---