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


Пользователь месяца
OlgaGetman OlgaGetman 1-й за Декабрь
Очков активности: 2100 10 тем, 170 сообщений, 7 баллов репутации
ТОП самых активных за этот месяц
  • Фотография BLIK
    #1

    BLIK
    Очков активности: 81 0 тем, 18 сообщений, 3 балла репутации

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

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

  • Фотография Ixman
    #3

    Ixman (o5cat.ru)
    Очков активности: 60 Вне конкурса за определение пользователя месяца

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

    Constantine
    Очков активности: 48 5 тем, 17 сообщений, 1 балл репутации

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

    Mandarin
    Очков активности: 46.5 0 тем, 31 сообщение, 1 балл репутации

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

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

  • Фотография Алексей111
    #7

    Алексей111 (xvideo24.ru)
    Очков активности: 28.5 2 темы, 13 сообщений, 1 балл репутации

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

    Guitaristka
    Очков активности: 27 0 тем, 18 сообщений, 1 балл репутации

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

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

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

    Ilya74
    Очков активности: 19.5 0 тем, 13 сообщений, 1 балл репутации

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


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

#1 axle_vega

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

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

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

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

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

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

 

 

  • 0

#2 axle_vega

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

Отправлено 10 January 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