ББ коды таблицы и спойлера

11-17-2011, 11:16 PM

у меня на форуме бб код таблицы реализован вот так

таблица - тег <table>

HTML Code:

<br>
<div id="tabl">
	<table  cellpadding="4" cellspacing="0" border="1">{param}</table>
</div>

<script>
	var div = document.getElementById('tabl');
	var elems = div.getElementsByTagName('br');
	var num = elems.length-1;
		for(var i=num;i>-1;i--){
			elems[i].parentNode.removeChild(elems[i]);}
</script>

строка таблицы - тег <tr>

HTML Code:

<tr align="center" valign="top">{param}</tr>

ячейка таблицы - тег <td>

Code:

<td align="left">{param}</td>

в бб коде таблицы ява скрипт нужен что бы удалить ненужные переходы на новую строку, то бишь тег

HTML Code:

<br>

.

а спойлер сделан вот так

спойлер без имени

HTML Code:

<div class="spoil">
	<br>
	<div class="smallfont">
	<input style="background-color:#BFBFBF;" type="button" value="Развернуть Спойлер" class ="input-button"
	onclick="if(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display!= '') {
	this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';
        this.innerText = ''; 	  
        this.value = 'Свернуть Спойлер';
	} 
	else 
	{
	this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; 
        this.innerText = ''; 
        this.value = 'Развернуть Спойлер';
	}"/>
	</div>

	<div class="alt1" style="border: 1px solid  #bfbfbf; padding: 10px 10px 10px 10px ;">
		<div style="display: none;">
		{param}
		</div>
	</div>
</div>

спойлер с именем (в настройках включить опцию)

HTML Code:

<div class="spoil">
	<br>
	<div class="smallfont"><input style="background-color:#BFBFBF;" type="button" value="{option}" class ="input-button"
	onclick="if(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display!= '') {
	this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; 
        this.innerText = ''; 	  
        this.value = '{option}'; 
	} 
	else 
	{
	this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; 
	this.innerText = ''; 
        this.value = '{option}';
	}"/>
	</div>
	<div class="alt1" style="border: 1px solid  #bfbfbf; padding: 10px 10px 10px 10px ;">
		<div style="display: none;">
		{param}
		</div>
	</div>
</div>

11-18-2011, 06:59 AM

Quote:

Originally Posted by yzsumerek

все это хорошо, конечно, но если на странице не одна такая таблица будет?
а ID должен быть уникальным
дальше...
если не вставить тег <td> или <tr> или вставить только <table>, дизайн порвет, как тузик грелку
предусмотрена "защита от дурака"?

11-18-2011, 04:46 PM

Quote:

Originally Posted by kerk

все это хорошо, конечно, но если на странице не одна такая таблица будет?
а ID должен быть уникальным
дальше...
если не вставить тег <td> или <tr> или вставить только <table>, дизайн порвет, как тузик грелку
предусмотрена "защита от дурака"?

а вроде несколько таблиц создавалось на странице и все работало. надо будет проверить.

разрывающему дизайн по рукам бить нещадно)) а вообще надо чего то придумать.

11-18-2011, 05:35 PM

Quote:

Originally Posted by yzsumerek

по рукам бить нещадно

это само собой...
но такой вот уник, может насоздавать тучку тем, пока модеры раздуплятся