Вопрос
В текстовом (или каком другом) файле хранятся рецепты, на страничке название (тип ссылка), при нажатии на которое открывается окно с данным рецептом + картинка (желательно). Можно ли это как-то сделать?
Ответ
Если все-таки использовать не один файл, а на каждый рецепт свой (это еще удобно и тем, что можно использовать стили для оформления), то можно все отлично сделать.
Делаем набор ссылок (хотя и не обязательно именно ссылок), место для отображения картинки и текста:
<head>
<script>
// Изменяет содержание IFRAMEов
function ChangeContent(strName)
{
document.frames.item(0).location.href = strName+".jpg";
document.frames.item(1).location.href = strName+".htm";
}
</script>
</head>
<body>
<table>
<tr>
<td rowspan="2" style="background:silver;">
<div style="width:200;height:590;overflow:auto;">
<!-- список рецептов -->
Торты <br>
<a href="#" onclick="ChangeContent('Tort1')"> Торт #1 </a> <br>
<a href="#" onclick="ChangeContent('Tort2')"> Торт #2 </a> <br>
Не торты <br>
<a href="#" onclick="ChangeContent('NeTort1')"> Не торт #1 </a> <br>
<a href="#" onclick="ChangeContent('NeTort2')"> Не торт #2 </a> <br>
<!-- … -->
<!-- конец списка -->
</td>
<td valign="top">
<!-- картинка -->
<iframe src="Intro.jpg" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" style="height:200px;width:590px;"> </iframe>
</td>
</tr>
<tr>
<td>
<!-- текст -->
<iframe src="Intro.htm" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" style="height:390px;width:590px;">
</iframe>
</td>
</tr>
</table>
</body>
Что-то типа того. Можно и нужно переделать разметку страницы.
Теперь при добавлении нового рецепта на сайт нужно только добавить туда куда надо:
<a href="#" onclick="ChangeContent('Tort314')"> Торт #314 </a>
и создать файлы "tort314.htm" и "tort314.jpg", а чтобы не хранить все это в корне, можно использовать папку или папки, задавая их имена при передаче префикса названий файлов в ChangeContent.
Peter
Copyright 
2000-2004 Сообщество Чайников
Контактная информация