Страница 3 из 3 < 12 3
Показывать 40 сообщений этой темы на одной странице

Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   innerHTML <script> (https://javascript.ru/forum/misc/27381-innerhtml-script.html)

bpystep 11.04.2012 20:25
почему то перестали работать блоки URL и IMG, вернуля к вашему варианту

var str0 = '<div class="tag_a" id="window_tags_a"><div class="input"><input id="input_link_a" type="text" value="Введите ссылку"/><br><input id="input_text_a" type="text" value="Введите текст ссылки"/><div id="window_supmit_a" onClick="addURL(\'paper_txt\',1)"><p id="p_sub">ОК</p></div></div></div>';
				var str1 = '<div class="tag_img" id="window_tags_img"><div class="input"><input id="radio_pos" type="hidden" value=""/><span id="radio_1" style="font-weight:100;cursor:pointer;color:#000;" onClick="positionImg(\'left\');">слева</span>&nbsp&nbsp&nbsp&nbsp&nbsp<span id="radio_2" style="font-weight:100;cursor:pointer;color:#000;" onClick="positionImg(\'center\');">центр</span>&nbsp&nbsp&nbsp&nbsp&nbsp<span id="radio_3" style="font-weight:100;cursor:pointer; color:#000;" onClick="positionImg(\'right\');">справа</span><input id="input_link_img" name="input_link_img" style="width:220px;" type="text" value="Введите ссылку"/><div id="window_supmit_img" onClick="addImage(\'paper_txt\',1)"><p id="p_sub">ОК</p></div></div></div>';
				var str2 = '<div class="toolbar">';
				var str3 = '<img class="button" src="templates/css/images/bbcode/bold.gif" title="Жирный" onMouseOver="changeImg(this,1)" onMouseOut="changeImg(this,0)" onClick="addTags(\'[b]\',\'[/b]\',\'paper_txt\')">';
				var str4 = '<img class="button" src="templates/css/images/bbcode/italic.gif" title="Курсив" onMouseOver="changeImg(this,1)" onMouseOut="changeImg(this,0)" onClick="addTags(\'[i]\',\'[/i]\',\'paper_txt\')">'
				var str5 = '<img class="button" src="templates/css/images/bbcode/underline.gif" title="Подчеркнутый" onMouseOver="changeImg(this,1)" onMouseOut="changeImg(this,0)" onClick="addTags(\'[u]\',\'[/u]\',\'paper_txt\')">';
				var str6 = '<img class="button" src="templates/css/images/bbcode/strike.gif" title="Перечеркнутый" onMouseOver="changeImg(this,1)" onMouseOut="changeImg(this,0)" onClick="addTags(\'[s]\',\'[/s]\',\'paper_txt\')">';
				var str7 = '<img class="button" src="templates/css/images/bbcode/link.gif" title="URL-адрес" onMouseOver="changeImg(this,1)" onMouseOut="changeImg(this,0)" onClick="addURL(\'paper_txt\')">';
				var str8 = '<img class="button" src="templates/css/images/bbcode/image.gif" title="Картинка" onMouseOver="changeImg(this,1)" onMouseOut="changeImg(this,0)" onClick="addImage(\'paper_txt\')">';
				var str9 = '<img class="button" src="templates/css/images/bbcode/quote.gif" title="Цитата" onMouseOver="changeImg(this,1)" onMouseOut="changeImg(this,0)" onClick="addTags(\'[quote]\',\'[/quote]\',\'paper_txt\')">';
				var str10 = '</div>';
				
				var str = str0+str1+str2+str3+str4+str5+str6+str7+str8+str9+str10;


некрасивый говнокод(((

T-sh 11.04.2012 22:16 
<html>
<head>
<script>
function createStr(){
var str ='';
str += '<div class="tag_a" id="window_tags_a"><div class="input"><input id="input_link_a" type="text" value="Введите ссылку"/><br><input id="input_text_a" type="text" value="Введите текст ссылки"/><div id="window_supmit_a" onClick="addURL(\'paper_txt\',1)"><p id="p_sub">ОК</p></div></div></div>'; 
str += '<div class="tag_img" id="window_tags_img"><div class="input"><input id="radio_pos" type="hidden" value=""/><span id="radio_1" style="font-weight:100;cursor:pointer;color:#000;" onClick="positionImg(\'left\');">слева</span>&nbsp&nbsp&nbsp&nbsp&nbsp<span id="radio_2" style="font-weight:100;cursor:pointer;color:#000;" onClick="positionImg(\'center\');">центр</span>&nbsp&nbsp&nbsp&nbsp&nbsp<span id="radio_3" style="font-weight:100;cursor:pointer; color:#000;" onClick="positionImg(\'right\');">справа</span><input id="input_link_img" name="input_link_img" style="width:220px;" type="text" value="Введите ссылку"/><div id="window_supmit_img" onClick="addImage(\'paper_txt\',1)"><p id="p_sub">ОК</p></div></div></div>';
str += '<div class="toolbar">';
str += '<img class="button" src="templates/css/images/bbcode/bold.gif" title="Жирный" onMouseOver="changeImg(this,1)" onMouseOut="changeImg(this,0)" onClick="addTags(\'[b]\',\'[/b]\',\'paper_txt\')">';
str += '<img class="button" src="templates/css/images/bbcode/italic.gif" title="Курсив" onMouseOver="changeImg(this,1)" onMouseOut="changeImg(this,0)" onClick="addTags(\'[i]\',\'[/i]\',\'paper_txt\')">'
str += '<img class="button" src="templates/css/images/bbcode/underline.gif" title="Подчеркнутый" onMouseOver="changeImg(this,1)" onMouseOut="changeImg(this,0)" onClick="addTags(\'[u]\',\'[/u]\',\'paper_txt\')">';
str += '<img class="button" src="templates/css/images/bbcode/strike.gif" title="Перечеркнутый" onMouseOver="changeImg(this,1)" onMouseOut="changeImg(this,0)" onClick="addTags(\'[s]\',\'[/s]\',\'paper_txt\')">';
str += '<img class="button" src="templates/css/images/bbcode/link.gif" title="URL-адрес" onMouseOver="changeImg(this,1)" onMouseOut="changeImg(this,0)" onClick="addURL(\'paper_txt\')">';
str += '<img class="button" src="templates/css/images/bbcode/image.gif" title="Картинка" onMouseOver="changeImg(this,1)" onMouseOut="changeImg(this,0)" onClick="addImage(\'paper_txt\')">';
str += '<img class="button" src="templates/css/images/bbcode/quote.gif" title="Цитата" onMouseOver="changeImg(this,1)" onMouseOut="changeImg(this,0)" onClick="addTags(\'[quote]\',\'[/quote]\',\'paper_txt\')">';
str += '</div>';
return str;
}

function addImg(elemId){
var a = document.getElementById(elemId);
a.innerHTML = createStr();
}

</script>
</head>
<body>
<div id='block'>Сюда вставятся картинки</div>
<br>
<a href='#' onclick="addImg('block');">Вставить</a>
</body>
</html>

T-sh 11.04.2012 22:18
по-моему, всё работает :)

bpystep 11.04.2012 22:22
да работать то работает, но если вдруг захочется добавить какой то еще bb-код, то придется менять и там и там и там... а не в одном месте(( это удручает

T-sh 11.04.2012 22:31
ok) тогда так:

<html>
<head>
<script>
function createStr(elemId){

var str ='';
str += '<div class="tag_a" id="window_tags_a"><div class="input"><input id="input_link_a" type="text" value="Введите ссылку"/><br><input id="input_text_a" type="text" value="Введите текст ссылки"/><div id="window_supmit_a" onClick="addURL(\'paper_txt\',1)"><p id="p_sub">ОК</p></div></div></div>'; 
str += '<div class="tag_img" id="window_tags_img"><div class="input"><input id="radio_pos" type="hidden" value=""/><span id="radio_1" style="font-weight:100;cursor:pointer;color:#000;" onClick="positionImg(\'left\');">слева</span>&nbsp&nbsp&nbsp&nbsp&nbsp<span id="radio_2" style="font-weight:100;cursor:pointer;color:#000;" onClick="positionImg(\'center\');">центр</span>&nbsp&nbsp&nbsp&nbsp&nbsp<span id="radio_3" style="font-weight:100;cursor:pointer; color:#000;" onClick="positionImg(\'right\');">справа</span><input id="input_link_img" name="input_link_img" style="width:220px;" type="text" value="Введите ссылку"/><div id="window_supmit_img" onClick="addImage(\'paper_txt\',1)"><p id="p_sub">ОК</p></div></div></div>';
str += '<div class="toolbar">';
str += '<img class="button" src="templates/css/images/bbcode/bold.gif" title="Жирный" onMouseOver="changeImg(this,1)" onMouseOut="changeImg(this,0)" onClick="addTags(\'[b]\',\'[/b]\',\'paper_txt\')">';
str += '<img class="button" src="templates/css/images/bbcode/italic.gif" title="Курсив" onMouseOver="changeImg(this,1)" onMouseOut="changeImg(this,0)" onClick="addTags(\'[i]\',\'[/i]\',\'paper_txt\')">'
str += '<img class="button" src="templates/css/images/bbcode/underline.gif" title="Подчеркнутый" onMouseOver="changeImg(this,1)" onMouseOut="changeImg(this,0)" onClick="addTags(\'[u]\',\'[/u]\',\'paper_txt\')">';
str += '<img class="button" src="templates/css/images/bbcode/strike.gif" title="Перечеркнутый" onMouseOver="changeImg(this,1)" onMouseOut="changeImg(this,0)" onClick="addTags(\'[s]\',\'[/s]\',\'paper_txt\')">';
str += '<img class="button" src="templates/css/images/bbcode/link.gif" title="URL-адрес" onMouseOver="changeImg(this,1)" onMouseOut="changeImg(this,0)" onClick="addURL(\'paper_txt\')">';
str += '<img class="button" src="templates/css/images/bbcode/image.gif" title="Картинка" onMouseOver="changeImg(this,1)" onMouseOut="changeImg(this,0)" onClick="addImage(\'paper_txt\')">';
str += '<img class="button" src="templates/css/images/bbcode/quote.gif" title="Цитата" onMouseOver="changeImg(this,1)" onMouseOut="changeImg(this,0)" onClick="addTags(\'[quote]\',\'[/quote]\',\'paper_txt\')">';
str += '</div>';

switch (elemId){
	case 'block2':  // для какого блока
	     str += 'Новые коды';  // какие коды
		 str += 'Новые коды';
		 str += 'Новые коды';
		 str += 'Новые коды';
	break;
};
document.getElementById(elemId).innerHTML = str;
}
</script>
</head>
<body>
<div id='block' style="background-color:red">Сюда вставятся картинки</div>
<br>
<div id='block2' style="background-color:green">Сюда вставятся новые коды</div>
<a href='#' onclick="createStr('block');">Вставить старые bbcode</a>
<a href='#' onclick="createStr('block2');">Вставить новые bbcode</a>
</body>
</html>

T-sh 11.04.2012 22:32
и можно добавлять что угодно, для каждого блока новые коды или редактировать старые и т.д.

codingfighter 11.04.2012 23:09
можешь с помощью jquery .html вставить. Там выполнятся скрипты.

bpystep 12.04.2012 15:53
Цитата:
Сообщение от codingfighter (Сообщение 168477)
можешь с помощью jquery .html вставить. Там выполнятся скрипты.
пока что не дошел до jQuery


Часовой пояс GMT +3, время: 22:03.
Страница 3 из 3 < 12 3
Показывать 40 сообщений этой темы на одной странице