Как изменить шрифт текста выводимого в новом окне?

@sugee · Регистрация: 03.01.2011

Студворк — интернет-сервис помощи студентам

Есть форма которая при отправке генерирует новую html-страницу открываемую в новом окне.
Кроме того есть функция, которая по-идее должна задавать шрифт для текста,
который вводится в поля формы. Никак не получается вызвать эту функцию onSubmit.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<html>
<form onSubmit='return generatecode(this)'>
<p>Заголовок первого уровня:<input type='text' name='mytitle1'>
<select name=myselect onchange='mytype()'>
<option value=0>Arial
<option selected value=1>Times New Roman
<option value=2>Courier
<option value=3>Sans-Serif
<option value=4>Verdana
<option value=5>Helvetica
<option value=6>Italic
</select>
<p>Заголовок второго уровня:<input type='text' name='mytitle2'>
<select name=myselect onchange='mytype()'>
<option>Arial
<option selected>Times New Roman
<option>Courier
<option>Sans-Serif
<option>Verdana
<option>Helvetica
<option>Italic
</select>
<p>Заголовок третьего уровня:<input type='text' name='mytitle3'>
<select name=myselect onchange='mytype()'>
<option>Arial
<option selected>Times New Roman
<option>Courier
<option>Sans-Serif
<option>Verdana
<option>Helvetica
<option>Italic
</select>
<p>Поле для ввода текста:
<p><textarea name='mytext' rows='10' cols='50'></textarea>
<select name=myselect onchange='mytype()'>
<option>Arial
<option selected>Times New Roman
<option>Courier
<option>Sans-Serif
<option>Verdana
<option>Helvetica
<option>Italic
</select>
<p><input type='SUBMIT' value='Ввод'> <input type='reset'>
</form>
<script>
function generatecode(myForm){
newWindow=window.open('result.htm','myResult')
newWindow.document.write('<html><body><font face='+mytype()+'><h1>'+myForm.mytitle1.value+'</h1>')
newWindow.document.write('<h2>'+myForm.mytitle2.value+'</h2>')
newWindow.document.write('<h3>'+myForm.mytitle3.value+'</h3>')
newWindow.document.write('<p>'+myForm.mytext.value)
newWindow.document.write('</body></html>')
}
function mytype(){
 var testname 
 var testnumber
testnumber=document.all.myselect.selectedIndex
 if(testnumber==0) 
  testname='arial'
 else {
 if(testnumber==1)
  testname='times new roman'
 else {
 if(testnumber==2)
  testname='courier'
 else {
 if(testnumber==3)
  testname='sans-serif'
 else {
 if(testnumber==4)
  testname='verdana'
 else {
 if(testnumber==5)
  testname='helvetica'
 else {
  testname='italic'
     }
    }
   }
  }
 }
}
 
}
</script></html>

@vandy · 11.04.2011, 16:30

Чего-то ты замудрил
Чего ты хочешь получить в итоге?

@sugee · 11.04.2011, 17:44 **[ТС]**

Для начала я хочу, чтобы в раскрывающихся списках рядом с полями можно было выбрать шрифт. Что я хочу в итоге - это отдельный вопрос.
Будем считать, что это очень примитивный WYSIWIG-редактор.

@vandy · 11.04.2011, 18:26

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<html>
<form onSubmit='return generatecode(this)'>
<p>Заголовок первого уровня:<input type='text' name='mytitle1'>
<select name=myselect onchange='mytype(this,'mytitle1')'>
<option value=0>Arial
<option selected value=1>Times New Roman
<option value=2>Courier
<option value=3>Sans-Serif
<option value=4>Verdana
<option value=5>Helvetica
<option value=6>Italic
</select>
<p>Заголовок второго уровня:<input type='text' name='mytitle2'>
<select name=myselect onchange='mytype(this,'mytitle2')'>
<option>Arial
<option selected>Times New Roman
<option>Courier
<option>Sans-Serif
<option>Verdana
<option>Helvetica
<option>Italic
</select>
<p>Заголовок третьего уровня:<input type='text' name='mytitle3'>
<select name=myselect onchange='mytype(this,'mytitle3')'>
<option>Arial
<option selected>Times New Roman
<option>Courier
<option>Sans-Serif
<option>Verdana
<option>Helvetica
<option>Italic
</select>
<p>Поле для ввода текста:
<p><textarea name='mytext' rows='10' cols='50'></textarea>
<select name=myselect onchange='mytype(this,'mytext')'>
<option>Arial
<option selected>Times New Roman
<option>Courier
<option>Sans-Serif
<option>Verdana
<option>Helvetica
<option>Italic
</select>
<p><input type='SUBMIT' value='Ввод'> <input type='reset'>
</form>
 
<script>
function generatecode(myForm){
 
}
function mytype(ths,inp){
 
 var testname;
 var testnumber;
 
testnumber = ths.selectedIndex;
 
switch (testnumber) {
  case 0:testname='Arial'
  break;
  case 1:testname='Times new roman'
  break;
  case 2:testname='Courier'
  break;
  case 3:testname='Sans-serif'
  break;
  case 4:testname='Verdana'
  break;
  case 5:testname='Helvetica'
  break;
}
document.all[inp].style.fontFamily = testname;
}
</script></html>

@sugee · 11.04.2011, 18:47 **[ТС]**

Я неправильно поставил вопрос
Нужно чтобы шрифты менялись не в самой форме, а в открываемом окне.

@vandy · 12.04.2011, 14:09

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function generatecode(myForm){
  newWindow=window.open('result.htm','myResult')
  newWindow.document.write('<html><body><h1 style='font-family:'+
                                         myForm.mytitle1.style.fontFamily+
                                         ''>'+myForm.mytitle1.value+'</h1>')
  newWindow.document.write('<h1 style='font-family:'+
                                         myForm.mytitle2.style.fontFamily+
                                         ''>'+myForm.mytitle2.value+'</h2>')
  newWindow.document.write('<h1 style='font-family:'+
                                         myForm.mytitle3.style.fontFamily+
                                         ''>'+myForm.mytitle3.value+'</h3>')
  newWindow.document.write('<h1 style='font-family:'+
                                         myForm.mytext.style.fontFamily+
                                         ''>'+myForm.mytext.value)
  newWindow.document.write('</body></html>')
}

@sugee · 12.04.2011, 20:25 **[ТС]**

Спасибо vandy! Получилось очень просто и красиво.
Стыдно смотреть на то что я там вначале нагромоздил.

@sugee · 12.04.2011, 23:17 **[ТС]**

А вот еще попробовал по тому же принципу выбрать размер шрифта

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<html>
<form onSubmit='return generatecode(this)'>
<p>Заголовок первого уровня:<input type='text' name='mytitle1'>
<select name=myselect onchange='mytype(this,'mytitle1')'>
<option value=0>Arial
<option selected value=1>Times New Roman
<option value=2>Courier
<option value=3>Sans-Serif
<option value=4>Verdana
<option value=5>Helvetica
<option value=6>Italic
</select>
<select name=mySizeSelect onchange='mysize(this,'mytitle1')'>
<option value=0>10
<option value=1>14
<option selected value=2>16
<option value=3>18
<option value=4>20
<option value=5>22
</select>
<p><input type='SUBMIT' value='Ввод'> <input type='reset'>
</form>
 
<script>
function generatecode(myForm){
newWindow=window.open('result.htm','myResult')
newWindow.document.write('<html><body><h1 style='font-family:'+
myForm.mytitle1.style.fontFamily+';'+'font-size:'+myForm.mytitle1.style.fontSize+
''>'+myForm.mytitle1.value+'</h1>')
newWindow.document.write('<h2 style='font-family:'+
myForm.mytitle2.style.fontFamily+
''>'+myForm.mytitle2.value+'</h2>')
newWindow.document.write('<h3 style='font-family:'+
myForm.mytitle3.style.fontFamily+
''>'+myForm.mytitle3.value+'</h3>')
newWindow.document.write('<h1 style='font-family:'+
myForm.mytext.style.fontFamily+
''>'+myForm.mytext.value)
newWindow.document.write('</body></html>')
}
 
function mytype(ths,inp){
 
var testname;
var testnumber;
 
testnumber = ths.selectedIndex;
 
switch (testnumber) {
case 0:testname='Arial'
break;
case 1:testname='Times new roman'
break;
case 2:testname='Courier'
break;
case 3:testname='Sans-serif'
break;
case 4:testname='Verdana'
break;
case 5:testname='Helvetica'
break;
}
document.all[inp].style.fontFamily = testname;
}
 
function mysize(ths,inp){
 
var testname;
var testnumber;
 
testnumber = ths.selectedIndex;
 
switch (testnumber) {
case 0:testname='6'
break;
case 1:testname='8'
break;
case 2:testname='10'
break;
case 3:testname='12'
break;
case 4:testname='14'
break;
case 5:testname='16'
break;
}
document.all[inp].style.fontSize = testname;
}
</script></html>

Теперь получается изменить или шрифт или размер, а как бы сделать
так чтобы и то и другое?

@vandy · 13.04.2011, 13:19

Советую тебе почитать про стили и как с ними работать
newWindow.document.write('<h3 style='font-family:'+
myForm.mytitle3.style.fontFamily+
';font-size:'+myForm.mytitle3.style.fontSize+'; '>'+
myForm.mytitle3.value+'</h3>'

Новые блоги и статьи Все статьи Все блоги /
Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это дополнительная запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .

@vandy 0 / 0 / 0 Регистрация: 08.12.2010 Сообщений: 110
	11.04.2011, 16:30
	Чего-то ты замудрил Чего ты хочешь получить в итоге? 0

@sugee 0 / 0 / 1 Регистрация: 03.01.2011 Сообщений: 62
	11.04.2011, 17:44 [ТС]
	Для начала я хочу, чтобы в раскрывающихся списках рядом с полями можно было выбрать шрифт. Что я хочу в итоге - это отдельный вопрос. Будем считать, что это очень примитивный WYSIWIG-редактор. 0

@sugee 0 / 0 / 1 Регистрация: 03.01.2011 Сообщений: 62
	11.04.2011, 18:47 [ТС]
	Я неправильно поставил вопрос Нужно чтобы шрифты менялись не в самой форме, а в открываемом окне. 0

@sugee 0 / 0 / 1 Регистрация: 03.01.2011 Сообщений: 62
	12.04.2011, 20:25 [ТС]
	Спасибо vandy! Получилось очень просто и красиво. Стыдно смотреть на то что я там вначале нагромоздил. 0

@vandy 0 / 0 / 0 Регистрация: 08.12.2010 Сообщений: 110
	13.04.2011, 13:19
	Советую тебе почитать про стили и как с ними работать newWindow.document.write('<h3 style='font-family:'+ myForm.mytitle3.style.fontFamily+ ';font-size:'+myForm.mytitle3.style.fontSize+'; '>'+ myForm.mytitle3.value+'</h3>' 0