Форум программистов, компьютерный форум, киберфорум
JavaScript
Форум программистов и сисадминов Киберфорум > Форум вебмастеров > JavaScript
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.84/19: Рейтинг темы: голосов - 19, средняя оценка - 4.84
0 / 0 / 1
Регистрация: 03.01.2011
Сообщений: 62
1

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

11.04.2011, 15:32. Показов 3936. Ответов 8
Метки нет (Все метки)
Author24 — интернет-сервис помощи студентам
Есть форма которая при отправке генерирует новую 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>
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
 11.04.2011, 15:32
Ответы с готовыми решениями:

Как изменить шрифт в дочернем окне?
Здравствуйте. Собственно, вопрос в заголовке. Изменять размер шрифта, цвет и вывести его с помощью...

Изменить цвет выводимого текста
Добрый вечер! Как изменить цвет текста? Использую Code::Blocks и Windows 7 x64. Такой способ не...

Изменить цвет выводимого текста
Здравствуйте помогите вывести текст другим цветом и фоном, код под DOS .model tiny .code .286...

Изменить размер выводимого текста в текстовом режиме
Мне нужно, чтобы процедурой write(&lt;текст&gt;) выводился текст в 2 или 3 раза больше обычного. В...

8
0 / 0 / 0
Регистрация: 08.12.2010
Сообщений: 110
11.04.2011, 16:30 2
Чего-то ты замудрил
Чего ты хочешь получить в итоге?
0
0 / 0 / 1
Регистрация: 03.01.2011
Сообщений: 62
11.04.2011, 17:44  [ТС] 3
Для начала я хочу, чтобы в раскрывающихся списках рядом с полями можно было выбрать шрифт. Что я хочу в итоге - это отдельный вопрос.
Будем считать, что это очень примитивный WYSIWIG-редактор.
0
0 / 0 / 0
Регистрация: 08.12.2010
Сообщений: 110
11.04.2011, 18:26 4
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>
0
0 / 0 / 1
Регистрация: 03.01.2011
Сообщений: 62
11.04.2011, 18:47  [ТС] 5
Я неправильно поставил вопрос
Нужно чтобы шрифты менялись не в самой форме, а в открываемом окне.
0
0 / 0 / 0
Регистрация: 08.12.2010
Сообщений: 110
12.04.2011, 14:09 6
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>')
}
0
0 / 0 / 1
Регистрация: 03.01.2011
Сообщений: 62
12.04.2011, 20:25  [ТС] 7
Спасибо vandy! Получилось очень просто и красиво.
Стыдно смотреть на то что я там вначале нагромоздил.
0
0 / 0 / 1
Регистрация: 03.01.2011
Сообщений: 62
12.04.2011, 23:17  [ТС] 8
А вот еще попробовал по тому же принципу выбрать размер шрифта
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>
Теперь получается изменить или шрифт или размер, а как бы сделать
так чтобы и то и другое?
0
0 / 0 / 0
Регистрация: 08.12.2010
Сообщений: 110
13.04.2011, 13:19 9
Советую тебе почитать про стили и как с ними работать
newWindow.document.write('<h3 style='font-family:'+
myForm.mytitle3.style.fontFamily+
';font-size:'+myForm.mytitle3.style.fontSize+';'>'+
myForm.mytitle3.value+'</h3>'
0
13.04.2011, 13:19
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
 13.04.2011, 13:19
Помогаю со студенческими работами здесь

Как изменить шрифт текста кнопки?
Всем привет! Не подскажите, как можно изменить шрифт текста в кнопке? Либо, если возможно,...

Как найти, выделить и изменить шрифт выделенного текста
код такой, в 2003 ворде работает нормально. а в 2010 неправильно. Код должен найти строку...

Вывод многострочного текста в новом окне
Здравствуйте! Какой контрол можно использовать для вывода многострочного текста в новом окне? Окно...

Как изменить размер и месторасположение кнопки и шрифт текста в кнопк?
есть кнопка: &lt;input value=&quot;Как получить задания и ответы&quot; type=&quot;button&quot;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru