1. Missed the live Ask the Expert event?
    Catch up on the conversation with Ken Hutcheson, President of U.S. Lawns in the Franchising forum plus sign up to receive a FREE eBook on how to grow your landscape business.

    Dismiss Notice

I want a "text bigger" button.

Discussion in 'Digital Marketing' started by Vikings, Apr 4, 2007.

  1. Vikings

    Vikings LawnSite Bronze Member
    from canada
    Messages: 1,657

    I had a website, my weather channel I thought though it's not there now, and it had a button that controlled text size. I'm trying to make a site with a template that has small writing and I thought it would be nice to have that "make text bigger" button in there.
    I know about Ctrl++ but anyone know where a script is that I could place in my site?
     
    Vikings, Apr 4, 2007
    #1
  2. topsites

    topsites LawnSite Fanatic
    from Richmond Virginia
    Messages: 21,653

    Oh, I always use Ctrl w/ mouse wheel lol, that ctrl + is a neat trick.
    You might check into radio buttons, likely along the lines of a javascript, but idk...
     
    topsites, Apr 4, 2007
    #2
  3. Dirty Water

    Dirty Water LawnSite Fanatic
    from Redmond, WA
    Messages: 6,794

    Here is something I just wrote for you.

    Code:
    <html>
	<head>
		<title>Text size Control Via Javascript</title>
	</head>
	<script language="javascript">
		function ChangeFontSize()
		{
			var newFontSize;
			var selIndex = document.frmTextSize.ddlFontSizeSelector.selectedIndex;
			
			newFontSize = document.frmTextSize.ddlFontSizeSelector.options[selIndex].value;
			document.body.style.fontSize = newFontSize;
		}
	</script>
	<body>
	
	<p>Test Text!Test Text!Test Text!Test Text!Test Text!Test Text!Test Text!Test Text!Test Text!</p>
	
	<form id="frmTextSize" name="frmTextSize">
		<select id="ddlFontSizeSelector" onclick="ChangeFontSize();">
			<option value="10pt">Tiny</option>
			<option value="12pt" selected>Small</option>
			<option value="14pt">Medium</option>
			<option value="16pt">Large</option>
			<option value="18pt">Huge</option>
		</select>
	</form>
	</body>
</html>
    Obviously, modify it to work in your site. It works off modifying the body tags style sheet element, so any inline styles will override it, but that could be modified.

    You can view it in action here.
     
    Dirty Water, Apr 4, 2007
    #3
  4. Vikings

    Vikings LawnSite Bronze Member
    from canada
    Messages: 1,657

    That's pretty cool Thanks.

    *crosses fingers in case he's a hacker*
     
    Vikings, Apr 5, 2007
    #4
  5. Dirty Water

    Dirty Water LawnSite Fanatic
    from Redmond, WA
    Messages: 6,794

    Not a hacker, Let me know if you need help integrating it into your site.
     
    Dirty Water, Apr 5, 2007
    #5
  6. mdvaden

    mdvaden LawnSite Bronze Member
    from Westside Oregon
    Messages: 1,944

    mdvaden, Apr 17, 2007
    #6
  7. StBalor

    StBalor LawnSite Senior Member
    from Millersville, Maryland
    Messages: 798


    Thanks for the tip topsites, i did not know that.
     
    StBalor, Apr 17, 2007
    #7

Share This Page