Змінюй хід війни! Допомагай ЗСУ!

Помогите создать HTML форму

🟢 14:11 Відбій тривоги в м. Харків та Харківська територіальна громада.Слідкуйте за подальшими повідомленнями.#м_Харків_та_Харківська_територіальна_громада
  • 🟢 14:11 Відбій тривоги в м. Харків та Харківська територіальна громада.Слідкуйте за подальшими повідомленнями.#м_Харків_та_Харківська_територіальна_громада
  • #21
2fusoyya

Мдассс, как все запущено... Читаем, HTML для чайников.
 
  • 🟢 14:11 Відбій тривоги в м. Харків та Харківська територіальна громада.Слідкуйте за подальшими повідомленнями.#м_Харків_та_Харківська_територіальна_громада
  • #22
а мне не жалко :)
Код:
<html><head><title>Редактирование файла ../html/www/plan.txt</title>
		
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name=author content="Artem A. Sapronov, artem.sapronov*gmail.com">
<meta name=copyright content="Artem A. Sapronov, artem.sapronov*gmail.com, copyright 2002-2008">
<link rel="stylesheet" type="text/css" href="/www/standart.css" media="screen">

</head>
<body leftmargin="5" topmargin="7" class="admin">

<script language="javascript">
	function GetCursorPosition(inputElement) {
		var i = inputElement.value.length;
		if (inputElement.createTextRange) {
			var range = document.selection.createRange().duplicate();
			while (range.parentElement() == inputElement && range.move('character',1)==1)
				--i;
			return i;
		} else { return -1; }
	}
	function GetSelectionEndAt(inputElement) {
		var range = document.selection.createRange().duplicate();
		return GetCursorPosition(inputElement) + range.text.length;
	}
 	function GetSelectionStartAt(inputElement) {
		return GetCursorPosition(inputElement);
	}
	function CalculateSelection(dnt) {
		var str='';
		if (document.selection){
			// if IE
			selection=document.selection.createRange().text;
			selectionStart=GetSelectionStartAt(dnt)+1;
			selectionEnd=GetSelectionEndAt(dnt)+1;
		} else if (typeof dnt.selectionStart!='undefined'){
			// if Firefox
 			selection=dnt.value.substring(dnt.selectionStart,dnt.selectionEnd);
 			selectionStart=dnt.selectionStart;
			selectionEnd=dnt.selectionEnd;
		}
 		dnt.focus();
	}
	function InsertNewText(e,dnt,dd) {
		CalculateSelection(dnt);
		var ss=dd.tagname.options[e].value;	
		if (e==1 || e==9) {
			a_link=prompt("Введите URL ссылки","https://");
			a_title=prompt("Введите TITLE ссылки");
			ss=ss.replace('a_link',a_link);
			ss=ss.replace('a_title',a_title);
		}
		var t=ss.replace('!!!',selection);
		dnt.value=dnt.value.substring(0,selectionStart)+t+dnt.value.substring(selectionEnd,dnt.value.length);
//		this.options.selectedIndex=0;
	}
	function SelectTagNameInit(e) {
		var w=window;
		var d=w.document;
		var dd=d.getElementById('instag');
		var dnt=d.getElementById('newtext');
		if (!e) { var e=dd.tagname.selectedIndex; } 
		var selection='';
		var selectionStart=0;
		var selectionEnd=0;
		dnt.focus();
		InsertNewText(e,dnt,dd);
	}
</script>
<form id="instag" onsubmit="return false">

<select id="tagname" style="width:100%" onchange="SelectTagNameInit()">
		<option value=''>Выделите в поле текст, затем выберите комбинацию тегов из списка.</option>
		<option value='<a href="a_link" title="a_title" class="s1">!!!</a>'>ссылка</option>
	   	<option value='<p>!!!</p>'>абзац (<p>)</option>
	   	<option value='!!!<br>'>перевод строки (<br>)</option>
	   	<option value='<b>!!!</b>'>жирный шрифт (<b>)</option>
	   	<option value='<ol>!!!</ol>'>нумерованый список (<ol>)</option>
	   	<option value='<ul>!!!</ul>'>маркированый список (<ul>)</option>
	   	<option value='<li>!!!</li>'>пункт списка (<li>)</option>
		<option value='<div align="center">!!!</div>'>center</option>
		<option value='<img src="a_link" title="a_title" width="XXX" height="YYY" style="float:left|right" class="random_photo">'>img</option>
</select></form>
<div class="s22">
<a href="#" class="s1" onclick="SelectTagNameInit('1');return false" title="Внутренняя ссылка">link_in</a> | 
<a href="#" class="" onclick="SelectTagNameInit('2');return false" title="Абазац"><p></a> |
<a href="#" class="" onclick="SelectTagNameInit('4');return false" title="Жирный шрифт"><br></a> | 
<a href="#" class="" onclick="SelectTagNameInit('3');return false" title="Перевод строки"><b></a> | 
<a href="#" class="" onclick="SelectTagNameInit('5');return false" title="нумерованый список"><ol></a> | 
<a href="#" class="" onclick="SelectTagNameInit('6');return false" title="маркированый список"><ul></a> | 
<a href="#" class="" onclick="SelectTagNameInit('7');return false" title="пункт списка"><li></a> | 
<a href="#" class="" onclick="SelectTagNameInit('8');return false" title="центрирование"><center></a> | 
<a href="#" class="" onclick="SelectTagNameInit('9');return false" title="рисунок"><img></a> | 
</div>
<script language="javascript">

</script>
		<form id="hid" action="#" method="post">
			<table width="100%" class="s1" cellpadding="0" cellspacing="0"><tr><td align="left">

			<textarea id="newtext" name="newtext" style="width:100%" rows=10>
Test Test Test Test Test Test Test Test Test Test Test Test</textarea>
		<table width="100%" class="s1" cellpadding="0" cellspacing="0"><tr><td align="left">

<hr style="width:100%;align:left">
<b>© 2001-2009, Artem A. Sapronov aka Capricorn</b>, <b>[ <a href="artem.sapronov*gmail.com" class="s2">artem.sapronov*gmail.com</a> ]</b><br>

</body></html>

доработать напильником по желанию
 
Назад
Зверху Знизу