Comments on: Guest Post: change text size onclick with JavaScript http://eriwen.com/javascript/change-text-size-onclick-with-javascript/ Programming productively with open-source tools Tue, 31 Jan 2012 12:49:28 +0000 hourly 1 http://wordpress.org/?v= By: Jessica http://eriwen.com/javascript/change-text-size-onclick-with-javascript/#comment-7406 Jessica Fri, 04 Nov 2011 01:28:01 +0000 http://eriwen.com/javascript/change-text-size-onclick-with-javascript/#comment-7406 I'm curious if something like this would work with what I'm trying to do. I've created a simple audio player for a website. When I click on the song/link, I'd like for text in another part of the page (the corner where the player is) to change to the currently playing song. I don't need anything fancy and I'm not a crazy smart programmer, but it seems like something like an onClick function might be my option. Does this sound about right? To put it simply, all I need is for when a link is clicked, text to change elsewhere on the page. For some reason, I cannot find help on this ANYWHERE! Can you help in anyway?? Thanks! -Jess I’m curious if something like this would work with what I’m trying to do. I’ve created a simple audio player for a website. When I click on the song/link, I’d like for text in another part of the page (the corner where the player is) to change to the currently playing song. I don’t need anything fancy and I’m not a crazy smart programmer, but it seems like something like an onClick function might be my option. Does this sound about right?

To put it simply, all I need is for when a link is clicked, text to change elsewhere on the page. For some reason, I cannot find help on this ANYWHERE! Can you help in anyway??

Thanks!
-Jess

]]> By: Jim Smitts http://eriwen.com/javascript/change-text-size-onclick-with-javascript/#comment-5434 Jim Smitts Tue, 15 Feb 2011 14:39:06 +0000 http://eriwen.com/javascript/change-text-size-onclick-with-javascript/#comment-5434 This is beautiful, something I've always figured there must be an easy way to do. This will help with the <a href="http://www.eztexting.com/index.php" rel="nofollow">text marketing</a> sites that I'm working -- flash is great and all, but text is imperative for accessibility. Thanks! This is beautiful, something I’ve always figured there must be an easy way to do. This will help with the text marketing sites that I’m working — flash is great and all, but text is imperative for accessibility. Thanks!

]]> By: Eric Wendelin http://eriwen.com/javascript/change-text-size-onclick-with-javascript/#comment-5423 Eric Wendelin Wed, 09 Feb 2011 14:52:27 +0000 http://eriwen.com/javascript/change-text-size-onclick-with-javascript/#comment-5423 Ideally, you have your HTML structured such that you have a main content area and the sidebar with links within different containers. If that is true, all you need to do is change references to <code>document.body</code> to <code>document.getElementById('foo')</code> etc. Ideally, you have your HTML structured such that you have a main content area and the sidebar with links within different containers. If that is true, all you need to do is change references to document.body to document.getElementById('foo') etc.

]]> By: Ian http://eriwen.com/javascript/change-text-size-onclick-with-javascript/#comment-5421 Ian Wed, 09 Feb 2011 11:10:44 +0000 http://eriwen.com/javascript/change-text-size-onclick-with-javascript/#comment-5421 Love the script, is there a way to stop it working on certain element? I have side links I do not want to enlarge, Similar to your demo site. Thanks Love the script, is there a way to stop it working on certain element? I have side links I do not want to enlarge, Similar to your demo site.

Thanks

]]> By: Eric Wendelin http://eriwen.com/javascript/change-text-size-onclick-with-javascript/#comment-5416 Eric Wendelin Fri, 28 Jan 2011 15:01:49 +0000 http://eriwen.com/javascript/change-text-size-onclick-with-javascript/#comment-5416 Add this after the first if test to only allow enlarging 3 times: <code>else if (document.body.style.fontSize >= 1 + (multiplier * 6)) { return }</code> Add this after the first if test to only allow enlarging 3 times:
else if (document.body.style.fontSize >= 1 + (multiplier * 6)) {
return
}

]]> By: Bassam http://eriwen.com/javascript/change-text-size-onclick-with-javascript/#comment-4176 Bassam Thu, 02 Dec 2010 18:05:57 +0000 http://eriwen.com/javascript/change-text-size-onclick-with-javascript/#comment-4176 Hello. After the user has enlarged the text a certain number of times (i.e. 3 times), what code is required to stop the user from enlarging it any further? Hello. After the user has enlarged the text a certain number of times (i.e. 3 times), what code is required to stop the user from enlarging it any further?

]]> By: Eric Wendelin http://eriwen.com/javascript/change-text-size-onclick-with-javascript/#comment-3334 Eric Wendelin Wed, 07 Jul 2010 22:57:52 +0000 http://eriwen.com/javascript/change-text-size-onclick-with-javascript/#comment-3334 The Cookie functionality requires MooTools, though you could certainly write your own. Don't forget the attach click events as well. The Cookie functionality requires MooTools, though you could certainly write your own. Don’t forget the attach click events as well.

]]> By: Thomas White http://eriwen.com/javascript/change-text-size-onclick-with-javascript/#comment-3333 Thomas White Tue, 29 Jun 2010 03:27:54 +0000 http://eriwen.com/javascript/change-text-size-onclick-with-javascript/#comment-3333 I tried your coding to make my resume website text go bigger on click however it did not work. Can you explain to me what I am doing wrong? I put the script coding in the <code> function resizeText(multiplier) { var fontsz = "1.0em"; //Default to 1em if (Cookie.read('site_font_size')) { // Set fontsz to the cookie value if it exists fontsz = Cookie.read('site_font_size'); } fontsz = parseFloat(fontsz) + (multiplier * 0.2) + "em"; // Change body text size document.body.style.fontSize = fontsz; //Set a new cookie var myCookie = Cookie.write('site_font_size', fontsz, { domain: 'eriwen.com', duration: 365 //Save for 1 year }); } </code> and I put this coding in the links. Is there something else that I am suppose to do? Please advise. Thank you. I tried your coding to make my resume website text go bigger on click however it did not work.

Can you explain to me what I am doing wrong? I put the script coding in the

function resizeText(multiplier) {
var fontsz = "1.0em"; //Default to 1em
if (Cookie.read('site_font_size')) {
// Set fontsz to the cookie value if it exists
fontsz = Cookie.read('site_font_size');
}
fontsz = parseFloat(fontsz) + (multiplier * 0.2) + "em";
// Change body text size
document.body.style.fontSize = fontsz;

//Set a new cookie
var myCookie = Cookie.write('site_font_size', fontsz, {
domain: 'eriwen.com',
duration: 365 //Save for 1 year
});
}

and I put this coding in the links. Is there something else that I am suppose to do?

Please advise. Thank you.

]]>