Перейти к содержимому


× Быстрый вопрос
Пользователь месяца
Андрей WPM Андрей WPM 1-й за Июль
Очков активности: 2 142 4 темы, 90 сообщений, 14 баллов репутации
Сайт: wpmaster.kz
ТОП самых активных за этот месяц
  • Фотография Rodiola
    #1

    Rodiola (rukodelkovo.ru)
    Очков активности: 727.5 2 темы, 91 сообщение, 5 баллов репутации

  • Фотография maxnik
    #2

    maxnik (konovalovpavel.ru)
    Очков активности: 369 0 тем, 41 сообщение, 6 баллов репутации

  • Фотография Андрей WPM
    #3

    Андрей WPM (wpmaster.kz)
    Очков активности: 144 Вне конкурса за определение пользователя месяца

  • Фотография IxMaster
    #4

    IxMaster (site.ru)
    Очков активности: 139.5 3 темы, 22 сообщения, 3 балла репутации

  • Фотография Megoydagi
    #5

    Megoydagi (24ho.ru)
    Очков активности: 93 5 тем, 16 сообщений, 2 балла репутации

  • Фотография lena220678
    #6

    lena220678
    Очков активности: 75 2 темы, 19 сообщений, 2 балла репутации

  • Фотография annabum
    #7

    annabum
    Очков активности: 75 2 темы, 19 сообщений, 2 балла репутации

  • Фотография Vmir
    #8

    Vmir
    Очков активности: 57 Вне конкурса за определение пользователя месяца

  • Фотография FIvYUr
    #9

    FIvYUr (moy-evroopt.ru)
    Очков активности: 36 0 тем, 8 сообщений, 3 балла репутации

  • Фотография Constantine
    #10

    Constantine
    Очков активности: 27 3 темы, 9 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 30.07.2019
  • Яндекс выдача: 21.08.2019
Топ 5 участников по репутации


Реализация онлайн-просмотра шрифтов. Нужна помощь!

#1 axle_vega

axle_vega
  • Неактивные
  • 2 сообщений
  • Репутация: 0
0

Отправлено 05 Январь 2014 - 18:15

У меня сайт с дополнениями к photoshop, среди них имеются шрифты.
Хочу добавить возможность вводить любой текст и смотреть, как он будет выглядеть.

Вот пример такого сервиса: http://ru.fontriver....mundsbury_serif (там есть вкладка Тест-драйв, в которой мы можем ввести любой текст и увидеть, как он выглядит с данным шрифтом).

Загуглил и ничего не нашел (

Подскажите, это просто скрипт или что-то более глобальное? можно ли поставить такой сервис на сайт бесплатно и т.д.?

 

 

  • 0

#2 axle_vega

axle_vega
    Topic Starter
  • Неактивные
  • 2 сообщений
  • Репутация: 0

Отправлено 10 Январь 2014 - 21:11

Я сделал следующее:
Нашел одну вещь, typeface называется. Что-то вроде cufon.
Все было хорошо, пока дело не дошло до изменения текста в поле.
Вот здесь результат работы: http://digmast.ru/new-fontz/new-giger
Всё классно, если не менять текст в поле :smile: А это главный момент в задаче.
Вот основной код:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/typeface-0.15.js"></script>
</head>
<body>
<script type="text/javascript">
function changeText2(){
var userInput = document.getElementById('userInput').value;
document.getElementById('boldStuff2').innerHTML = userInput;
}
</script>
<script type="text/javascript" src="js/a_avantetitulinline_regular.typeface.js"></script>
<script type="text/javascript">
function doClear(theText) { if (theText.value == theText.defaultValue) { theText.value = "" } }
function doDefault(theText) { if (theText.value == "") { theText.value = theText.defaultValue } }
</script>
<div>
	<div id="boldStuff2" class="typeface-js" style="font-family: a_AvanteTitulInline; font-size:60px">
		<p class="typeface-js" style="font-family: a_AvanteTitulInline; font-size:60px;" id="boldStuff2">Digmast</p>
	</div>
	<div>
		<form onsubmit="changeText2(); return false;">
			<input type="text" id="userInput" value="Введите текст" onFocus="doClear(this)" onBlur="doDefault(this)"/>
			<input type="submit" value="Проверить"/>
		</form>
	</div>
</div>
</body>
</html>

По итогу получается, что при submit class="typeface-js" не применяется к новому тексту, вместо этого выводит текст с простым шрифтом.
Как это исправить?
  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru