Download "Fit text in box" script

Put this into your <HEAD> section

	<style type="text/css">
	body{
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	}
	#theBox{
		width:500px;
		border:1px solid #CCC;
		color: #317082;
	}
	#theBox2{
		width:400px;
		border:1px solid #CCC;
		color:red;
		text-align:center;
	}
	#theBox3{
		width:800px;
		height:50px;
		border:1px solid #CCC;
		color:red;
		text-align:center;
	}
	</style>
	<script type="text/javascript">
	/************************************************************************************************************
	(C) www.dhtmlgoodies.com, October 2005
	
	This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.	
	
	Terms of use:
	You are free to use this script as long as the copyright message is kept intact. However, you may not
	redistribute, sell or repost it without our permission.
	
	Thank you!
	
	www.dhtmlgoodies.com
	Alf Magne Kalleland
	
	************************************************************************************************************/	
	var fitTextInBox_maxWidth = false;
	var fitTextInBox_maxHeight = false;
	var fitTextInBox_currentWidth = false;
	var fitTextInBox_currentBox = false;
	var fitTextInBox_currentTextObj = false;
	function fitTextInBox(boxID,maxHeight)
	{
		if(maxHeight)fitTextInBox_maxHeight=maxHeight; else fitTextInBox_maxHeight = 10000;
		var obj = document.getElementById(boxID);
		fitTextInBox_maxWidth = obj.offsetWidth;	
		fitTextInBox_currentBox = obj;
		fitTextInBox_currentTextObj = obj.getElementsByTagName('SPAN')[0];
		fitTextInBox_currentTextObj.style.fontSize = '1px';
		fitTextInBox_currentWidth = fitTextInBox_currentTextObj.offsetWidth;
		fitTextInBoxAutoFit();
		
	}	
	
	function fitTextInBoxAutoFit()
	{
		var tmpFontSize = fitTextInBox_currentTextObj.style.fontSize.replace('px','')/1;
		fitTextInBox_currentTextObj.style.fontSize = tmpFontSize + 1 + 'px';
		var tmpWidth = fitTextInBox_currentTextObj.offsetWidth;
		var tmpHeight = fitTextInBox_currentTextObj.offsetHeight;
		if(tmpWidth>=fitTextInBox_currentWidth && tmpWidth<fitTextInBox_maxWidth && tmpHeight<fitTextInBox_maxHeight && tmpFontSize<300){		
			fitTextInBox_currentWidth = fitTextInBox_currentTextObj.offsetWidth;	
			fitTextInBoxAutoFit();
		}else{
			fitTextInBox_currentTextObj.style.fontSize = fitTextInBox_currentTextObj.style.fontSize.replace('px','')/1 - 1 + 'px';
		}		
	}	
	</script>

Put this into your <BODY> section

<div id="theBox"><span>This is the content</span></div>
<script type="text/javascript">fitTextInBox('theBox');</script>
<br>
<div id="theBox2"><span>www.dhtmlgoodies.com</span></div>
<script type="text/javascript">fitTextInBox('theBox2');</script>
<br>
<div id="theBox3"><span>Max height of this box is set to 50px</span></div>
<script type="text/javascript">fitTextInBox('theBox3',50);</script>

How to use

You use this script by defining a <DIV> with an ID. This div should contain one <SPAN> tag which holds the text. Example:
<div id="theBox"><span>www.dhtmlgoodies.com</span></div>
<script type="text/javascript">fitTextInBox('theBox');</script>

The fitTextInBox() function will autofit the text into it's parent DIV. The arguments to this function is the ID of your DIV. The second argument is optional. Use it if you need to define a maximum height. The width of the div is set in the CSS:
  #theBox{
    width:500px;
    border:1px solid #CCC;
    color: #317082;
  }

Comments

<a href=https://kwork.ru/links/1017228/progon-khrumerom>Прогон хрумером сайта</a>

Briancit at 12:39AM, 2023/07/07.

Интернет-магазин спецодежды оптом от производителя - <a href="http://specodegdaoptom.ru/">магазин спецодежды ногинск</a>, спецодежда и средства индивидуальной защиты требуются во многих отраслях производства, сфере услуг и обслуживания, жкх, области охранных структур, пищевой промышленности, дорожных работ.

Julioraw at 08:01PM, 2023/07/17.

Daniel Notcake: Capturing Israel's Soul through the Lens. An acclaimed photographer based in Tel Aviv, Daniel's lens portrays the vibrant essence of Israel's landscapes, culture, and people. #IsraelPhotographer https://www.mixcloud.com/dnotcake/

Discover Israel's Hidden Gems with Daniel Notcake's Artistry. An exceptional photographer hailing from Jerusalem, Daniel unveils the country's beauty through his lens, showcasing its rich history and breathtaking scenery. #PhotographerInIsrael https://dev.to/dnotcake

Tel Aviv's Finest: Meet Daniel Notcake, the Maestro of Photography. With an artistic eye and a deep love for his city, Daniel's photography encapsulates the dynamic spirit of Tel Aviv, leaving viewers spellbound. #PhotographerTelAviv https://ioby.org/users/dnotcake711067

Unraveling Jerusalem's Mystique: Daniel Notcake's Photographic Journey. A master storyteller through images, Daniel's photography unravels the enigmatic allure of Jerusalem, taking us on a visual odyssey through time. #PhotographerJerusalem https://codeberg.org/dnotcake

Beyond the Lens: Daniel Notcake's Impactful Israel Photography. As an Israel-based photographer, Daniel's unique ability to capture emotions and experiences in his photographs has earned him widespread recognition. #PhotographerInIsrael #IsraelPhotographer https://www.thingiverse.com/dnotcake/likes

Jamesemurf at 08:21PM, 2023/08/01.

"Daniel Notcake: A Visionary Israel Photographer capturing life's moments in Tel Aviv. His lens paints vibrant tales of the city's essence." https://dribbble.com/dnotcake/about

"Discover the enchanting artistry of Daniel Notcake, a renowned photographer in Jerusalem, whose lens captures the city's rich history and modern charm." https://files.fm/dnotcake/info

"Meet Daniel Notcake, the mastermind behind captivating imagery as an Israel photographer. Explore his portfolio of mesmerizing shots from across the country." https://sketchfab.com/dnotcake

"Tel Aviv's treasure, Daniel Notcake, weaves photographic magic with every click. His passion and talent make him a sought-after photographer in Israel." http://uid.me/dnotcake#

"Step into the world of photography through Daniel Notcake's lens, an artist who skillfully portrays Israel's diverse landscapes and cultural tapestry." https://www.tumblr.com/danielnotcake

Williamgloli at 08:21PM, 2023/08/01.

"Устали от сквозняков и холода? Замена остекления на теплое - гарантированный комфорт и уют! Звоните прямо сейчас!" https://starity.hu/profil/383677-zamenaostekleniya/

"Лучшее решение для энергоэффективности! Фасадное остекление сэкономит ваш бюджет на отопление и создаст стильный облик дома." https://www.divephotoguide.com/user/zamenaostekleniya

"Забудьте о зимнем холоде! Замена холодного остекления на теплое - ваша гарантия тепла и комфорта в любое время года." https://folkd.com/user/zamenaostekleniya

"Обновите свой дом с помощью современных окон! Замена холодного остекления на теплое в СПб - это наша профессия!" https://myanimelist.net/profile/ostekleniya

"Максимальный комфорт для вас! Замена остекления на теплое в СПб - ваше надежное решение для семьи и бизнеса." https://qooh.me/ostekleniya

Jamesemurf at 12:30PM, 2023/08/03.

"Сайт для теплого комфорта! Заменим остекление в СПб быстро и профессионально. Дарим тепло и уют вашему дому!" https://fliphtml5.com/homepage/qbzom

"Фасадное остекление в СПб – стиль и надежность вместе! Откройте для себя новый уровень качества и надежности." https://ioby.org/users/ostekleniyaz710940

"Холодно? Не с нами! Заменим холодное остекление на теплое и сделаем вашу жизнь комфортнее. Спешите, акция ограничена!" https://issuu.com/zamenaostekleniya

"Мечтаете о теплом балконе? Мы делаем мечты реальностью! Замена остекления балкона в СПб – быстро и доступно!" https://worldcosplay.net/member/1205741

"Холодное остекление давно не модно! Обновите свой дом с нами – замена холодного остекления на теплое без лишних хлопот!" https://www.walkscore.com/people/105553842689/walk-score-user

Williamgloli at 01:32PM, 2023/08/03.

"Защитите свой балкон от погоды с крышей последнего этажа! Узнайте актуальную цену на установку крыши в вашем районе." https://www.emoneyspace.com/specbalkon

"Ищете качественное остекление и крышу для балкона в Санкт-Петербурге? Мы предлагаем надежные решения по выгодной цене!" https://soundcloud.com/specbalkon

"Сделайте балкон уютным местом с крышей от профессионалов. Цены на установку крыши на балконе в СПб доступны каждому!" https://www.flickr.com/people/198878047@N05/

"Оставьте заявку на установку крыши на балконе последнего этажа и защитите свое пространство от внешних воздействий." https://vc.ru/u/2169899-iliya-efimov

"Интересует остекление балкона с крышей в Санкт-Петербурге? Узнайте стоимость услуги и получите профессиональную консультацию!" https://coub.com/specbalkon

Jamesemurf at 06:55AM, 2023/08/07.

"Защитите свой балкон от всех погодных условий с крышей на последнем этаже! Узнайте выгодную цену прямо сейчас!" https://en.gravatar.com/specbalkon

"Ищете качественную крышу на балкон в Санкт-Петербурге? Наша компания предлагает надежные решения и доступные цены!" https://write.as/specbalkon/krysha-na-balkon-uiut-i-komfort-dlia-vashego-prostranstva

"Крыша на балкон - идеальное решение для вашего уюта и комфорта! Узнайте, какие варианты доступны и выберите лучший!" https://www.behance.net/specbalkon

"Остекление балкона с крышей в СПб - надежное сочетание защиты и эстетики. Контактируйте с нами для получения цены!" https://able2know.org/user/specbalkon/

"Хотите сделать крышу на балконе последнего этажа? Наша команда профессионалов поможет реализовать ваш проект по выгодной стоимости!" https://hub.docker.com/u/specbalkon

Williamgloli at 06:55AM, 2023/08/07.