Повторяющиеся таблицы (стиль интернет магазина)

Prince · January 9, 2013

Здравствуйте,

Есть страница:


<HTML>
<HEAD>
<TITLE>   Link   </TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<base target="_top">
<style>
.BTN {background-color: #7A3537; } /* вместо цвета будет img_BG-1 */
.BTNon {background-color: #9F4210; cursor: pointer} /* вместо цвета будет img_BG-2 */
.TXT_UP {font-family: Times New Roman; font-size: 32px; color: #FFFFFF; text-decoration:none; text-align: center; vertical-align: bottom;}
.TXT_DN {font-family: Times New Roman; font-size: 16px; color: #C0C0C0; text-decoration:none; text-align: center; vertical-align: middle;}
</style>
</HEAD>

<BODY bgcolor="#4C8354">
<table width=697 height=549 cellSpacing=19px cellPadding=0>

<tr>
<td height=87 id=TBL_001 class=BTN onmouseover=this.className='BTNon' onmouseout=this.className='BTN'>
	 <table width=320 height=87 cellSpacing=8px cellPadding=0>
	 <a href="http://www.yandex.ru/"> /* разное для каждой таблицы */
		 <tr>
			 <td height=42 class=TXT_UP>YANDEX</td> /* разное для каждой таблицы */
			 <td width=75 bgcolor="#CCCC77" rowspan=2></td> /* вместо цвета будет img-1 */
		 </tr><tr>
			 <td class=TXT_DN>www.yandex.ru</td> /* разное для каждой таблицы */
		 </tr>
	 </a>
	 </table>
</td>
<td height=87 id=TBL_002 class=BTN onmouseover=this.className='BTNon' onmouseout=this.className='BTN'>
	 <table width=320 height=87 cellSpacing=8px cellPadding=0>
	 <a href="http://www.google.com/">
		 <tr>
			 <td height=42 class=TXT_UP>GOOGLE</td>
			 <td width=75 bgcolor="#CCCC77" rowspan=2></td> /* вместо цвета будет img-2 */
		 </tr><tr>
			 <td class=TXT_DN>www.google.com</td>
		 </tr>
	 </a>
	 </table>
</td>
</tr><tr>
<td height=87 id=TBL_003 class=BTN onmouseover=this.className='BTNon' onmouseout=this.className='BTN'>
	 <table width=320 height=87 cellSpacing=8px cellPadding=0>
	 <a href="http://www.yahoo.com/">
		 <tr>
			 <td height=42 class=TXT_UP>YAHOO</td>
			 <td width=75 bgcolor="#CCCC77" rowspan=2></td> /* вместо цвета будет img-3 */
		 </tr><tr>
			 <td class=TXT_DN>www.yahoo.com</td>
		 </tr>
	 </a>
	 </table>
</td>

</tr>
<tr></tr>

</table>
</BODY>
</HTML>

Эта страница будет подгружатся на сайте как iframe. Таких страниц будет несколько.

Как видите, в ней есть "повторяющиеся таблицы". Которые неоднократно приходится копировать. На этой странице их 3, на других будет до 10шт.

Суть вопроса:

Заменить рукописи этих повторяющихся таблиц (элементов) на более сокращенные. А общий стиль/скрипт таблиц загружать из css-файла.

Возможно ли это?

wwt · January 10, 2013

1) таблицы генерировать с помощью php.

2) стили вынести в отдельный файл

3) скрипты вынести в отдельный файл

Суть ответа:

Возможно!

Prince · January 10, 2013

Ну то что возможно - это и так В общем-то понятно.

Спрошу по-другому... сможет ли это кто-то сделать? А если это долго, то хотябы какой-то пример скриптов сбросить, т.к. ни в php ни в яве я не разбираюсь.

И можно ли это сделать без php? только на html + javascript?

wwt · January 10, 2013

Вы спросили возможно ли это, я ответил да возможно, и да возможно и без php, все зависит от задач.

Раздел где вы пишете на данный момент предназначен для обсуждения, помощи, и т.д.

Если бы вы конкретно спросили что у вас не получается, я бы с радостью попробовал бы вам помочь, или еще кто-то это не важно). А пока что это выглядит как - "Я ничего не умею и у меть не хочу, и даже не пробовал, но хочу чтобы мне сделали".

Для таких случаев на форуме есть два раздела:

Сделайте мне бесплатно

Коммерческие услуги

где вам могут помочь решить вашу задачу без вашего практического участия бесплатно либо платно.

Edited January 10, 2013 by wwt

Prince · January 10, 2013

Я Вас понял.

Учитывая что я работаю только с html, а javascript могу лишь немного подправить/подогнать - то видимо тему лучше переместить в http://forum.htmlboo...hp?showforum=50

И другое...

Такие повторяющиеся таблицы думаю далеко не велосипед. Может кто-то встречал подходящие скрипты/коды, либо подсказали бы мне примеры как это вообще реализуется. Возможно нашел бы подходящий. Или хотябы приблезительный, чтоб было от чего плясать.

Sign In

Повторяющиеся таблицы (стиль интернет магазина)

Recommended Posts

Prince

Link to comment

Share on other sites

wwt

Link to comment

Share on other sites

Prince

Link to comment

Share on other sites

wwt

Link to comment

Share on other sites

Prince

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information