Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.04.2015, 11:35
Новичок на форуме
Отправить личное сообщение для Kreenb Посмотреть профиль Найти все сообщения от Kreenb
 
Регистрация: 21.04.2015
Сообщений: 2

Разделить строку и вписать ее в таблицу. [Дописать, 70% уже есть]
Вот у меня есть почти сделанная задача.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title> HomeWork </title>
	</head>
	
<body>
		<table border="1" cellspacing="1" cellpadding="1">
		<tr>
			  <td>Имя:</td>
			  <td>
				<div id="str"></div>
			  </td>
		</tr>
		
		<tr>
			  <td>Фамилия:</td>
			  <td>
			  
			  </td>
		</tr>
		
		<tr>
			  <td>Отчество:</td>
			  <td>
				
			  </td>
		</tr>
	</table>
	
	<script>
		check=function()
		{
			while(1)
			{ 
				var index=prompt("Введите имя с 3 слов..", "Имя Фамилия Отчество")
					if(/^[а-яё]+ [а-яё+-]+ [а-яё]+$/i.test(index))
					{
						break;
					}
					alert("Попробуйте еще раз!")
			}str.innerHTML=index;
		}
		check();
	</script>
		
</body>

</html>

Помогите сделать, чтобы оно выводило имя фамилию и отчество в свою строку.

Не вот так:


А вот так:


Заранее спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 21.04.2015, 12:17
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Kreenb,

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title> HomeWork </title>
    </head>

<body>
		<table border="1" cellspacing="1" cellpadding="1">
		<tr>
			  <td>Имя:</td>
			  <td>

			  </td>
		</tr>

		<tr>
			  <td>Фамилия:</td>
			  <td>

			  </td>
		</tr>

		<tr>
			  <td>Отчество:</td>
			  <td>

			  </td>
		</tr>
	</table>

	<script>
	  var check=function()
		{
		    var tds = document.querySelectorAll('td:nth-child(2)'), title = ["Имя", "Фамилия", "Отчество"];
            for (var i=0; i<tds.length; )  {
              var str = title[i];
              var text = prompt("Введите " +  str, str);
              if(/^[а-яё]+$/i.test(text)){
                 tds[i].innerHTML=text
                 i++ ;
              }
              else {
                 alert("Попробуйте еще раз!")
              }
            }
		}
		check();
	</script>

</body>

</html>
Ответить с цитированием
  #3 (permalink)  
Старый 21.04.2015, 12:57
Новичок на форуме
Отправить личное сообщение для Kreenb Посмотреть профиль Найти все сообщения от Kreenb
 
Регистрация: 21.04.2015
Сообщений: 2

Сообщение от рони Посмотреть сообщение
Kreenb,

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title> HomeWork </title>
    </head>

<body>
		<table border="1" cellspacing="1" cellpadding="1">
		<tr>
			  <td>Имя:</td>
			  <td>

			  </td>
		</tr>

		<tr>
			  <td>Фамилия:</td>
			  <td>

			  </td>
		</tr>

		<tr>
			  <td>Отчество:</td>
			  <td>

			  </td>
		</tr>
	</table>

	<script>
	  var check=function()
		{
		    var tds = document.querySelectorAll('td:nth-child(2)'), title = ["Имя", "Фамилия", "Отчество"];
            for (var i=0; i<tds.length; )  {
              var str = title[i];
              var text = prompt("Введите " +  str, str);
              if(/^[а-яё]+$/i.test(text)){
                 tds[i].innerHTML=text
                 i++ ;
              }
              else {
                 alert("Попробуйте еще раз!")
              }
            }
		}
		check();
	</script>

</body>

</html>
Это не совсем правильно, но спасибо)
Надо чтобы одной строкой вводило, а не тремя, но пойдет и так, еще раз спасибо.

Последний раз редактировалось Kreenb, 21.04.2015 в 13:05.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск