Text Size Selector
Jun 17, 2004
I wanted to add a text size selector thingy to my church's website. So, I made a script and added some buttons, but I keep getting errors. I'm pretty much a n00b at JS, so... Sorry if this is a really stupid question.
Anyway, here's the function:
Code:
function setFontSize(fontsize) {
/*
* Part I: Change The Size
*/
var class=(fontsize=="large") ? "contentLargeFont" : "content";
getElementById('contentDiv').className=class;
/*
* Part II: Set The Cookie
*/
var expdate=new Date();
expdate.setTime((expdate.getTime())+(60*60*24*365));
document.cookie="fontsize="+escape(fontsize)+";expires="+expdate;
}
And then here's what I use to call the function.
HTML Code:
<img src="/tcc/img/smallfont.gif" title="Normal Size" onClick="setFontSize('small')">
<img src="/tcc/img/largefont.gif" title="Large Size" onClick="setFontSize('large')">
View 12 Replies
ADVERTISEMENT
Jul 7, 2009
I am having a problem with a select that is showing thru an opaque div. See attached image(sorry, but this is an internal client app and I cannot show more). The blue horizontal line on top is the edge of DIV that I am displaying containing the text you see. The DIV has a FILTER with opacity of 100. The little select box with a number is part of the HTML page that is below the DIV. This is the little select that the DISPLAY:TABLE element uses to implement page breaks.The second attached file has a screen shot from IE developer of the DIV that forms the modal dialog which should be on top of the select.
View 2 Replies
View Related
Mar 9, 2001
Does anyone know of a method to detect the text size of the browser?
View 6 Replies
View Related
Oct 27, 2011
I have this javascript to add a row to html:
<html>
<body>
<?php
[Code].....
and you can see if you click "add row" it adds the row with a smaller text box than the other row
View 2 Replies
View Related
Jul 20, 2005
This is in connection to the tread: Re: changing browser text settings?
I am wondering if there is a way to retrieve the browsers text size (not
change! ;-) ) so that I can dynamically resize the size and position of the
layers to accomodate larger than normal text-size settings. I really hope
there is because it would mean not re-writing the whole page (which I'm not
sure how to go about).
the page is here:
View 2 Replies
View Related
Jul 2, 2005
After some treads in the CSS forum on full CSS expandable templates and Comfortable Buttons, I did some googling on text/font size control with JavaScript, found lots off
CSS switches and get elements by ID solutions, did end up on a site that controlled
the P and Span tags by parseInt and the screen.width
I am now using document.body.clientWidth and a window.location.href = window.location.href to reload page after a resize ...
View 4 Replies
View Related
Jul 20, 2005
I've got a small problem here. I'm trying to write some code that would
generate a drop-down menue for me, where I'd just need to enter the
menu- and submenu items into an array. The items are to be displayed as
text. Now, I want to have the layers with the submenues to appear more
or less under the appropriate main menu items. For this I need to be
able to calculate how many pixels a given text uses up on the screen of
the user. That's all fine with IE and an unproportional font like
courier. The problem is, there is this nice setting that allows you to
change the diplay size of the text - which is pretty much disfunctional
in IE, but in mozilla, it works. Which means that I can't just say that
one letter in courier, size 2, is 4 pixels wide and be happy with my
calculation, because then somebody can just pop up with another text
diplay size and *boom* - my calculation is wrong again.
Now, is there a realistic way to find out how many pixels _exactly_ a
piece of text takes up on the user's screen? Or can I make the given
piece of text a DIV and then have some kind of document.divname.left
that gives me the actual location of this text?
View 2 Replies
View Related
Apr 1, 2002
I would like to know how i would go about changing my CSS text size by selecting a value form a select list.
I was told it would be pretty easy with DOM? but i dont know enough about JavaScript or DOM to figure it out. Code:
View 13 Replies
View Related
Mar 27, 2010
What do you call that whereas when you have a anchor a little yellow pop up with a name ? If anyone has an example so that I can relate to what I'm exactly looking for, and can you change the text size of the words ?
View 24 Replies
View Related
Jul 15, 2010
So, I have a hover state on a list item that makes the text enlarge and a swapping of background images, etc.
I've already built it all with CSS, but I wanted to make the change animate. Is it possible to just animate the CSS changes with JQuery, by doing it with a class or something, rather than having to write all the changes in JQuery?
Here is what I have, which doesn't animate [code]...
View 1 Replies
View Related
Apr 11, 2011
I've written a function to change the font, this is working in IE but not in FF or Chrome. No errors come up in Firebug. Once this is working in both browsers I will change the function to gradually increase the size of the font to make it look as if the font is growing. This is why I haven't just assigned a class to the text. URL of the site with the script is [URL]
[Code]..
View 2 Replies
View Related
Jan 7, 2005
The window.onresize is not called (in Mozilla) when changing the text size on the browser (crtl + or View/Text Zoom).
Is the xAddEventListener function usefull ? What does the "For some browsers the window.onscroll and window.onresize events are simulated." mean ?(found in the X Library function reference).
View 2 Replies
View Related
Jan 18, 2011
Im so close that i can taste it..The first set of code works find but only for the first input tag. I would like to create an array of all of the text inputs on my page and have each one resize to the text within them. The second set up code is where im attempting this but for some reason i can't get the code to execute.
Code:
// Working code
window.onload = function(){
var inputs = document.getElementsByTagName("input")[0];
if (inputs.type == "text"){
[Code]...
View 6 Replies
View Related
Jun 5, 2009
I'm trying to find an example of a country selector (which also provides a state selector if USA is chosen) then you cvan select the city, any samples out there?
View 2 Replies
View Related
Feb 17, 2009
I am trying to create a slideshow. My requirements are as follows:
-variable image size
-descriptor text for each image
-previous and next image function (I have used an image in my code by have decided that I would now prefer a text link)
Here is the code I have so far, currently the image and text is not changing!
Code:
View 8 Replies
View Related
Jul 31, 2009
I have this script that gets the value of the selected radio button and then i put into a table from the id. I have over thrity of these and realized that if i didnt cut the values down to a certin size, it would completely destroy the table. I was wondering if there was any way to run the selected value from the radio group through the function(or something else that can cut it to a certin length) then display it in the table. i was thinking it might be easy to do the whole thing in javascript.
Everything above here works great, i just need to cut it to a certin lenght before its displayed
Im not sure what to put into the function to get it to do what is want echo trimStr(**************);?>
View 1 Replies
View Related
May 27, 2010
I build a website with Typo3 and it works fine, except for the text size in Internet Explorer (and Opera). I tried anything from changing the CSS templates (excluding them) to changing px to pt to em and so. Finally, I think i need a Javascript that detects the browser and if it is Internet Explorer (or Opera) the textsize should be reduce by 1. It therfore should be the same like manually clicking in IE on View->text size -> smaller (default is medium).
My javascript (I just use Javascript for this single purpose) does not work/it does not do anything:
function resizeText(){ if (browserName=="Microsoft Internet Explorer") {document.body.style.fontSize = parseFloat (document.body.style.fontSize) -1 ;}}
View 2 Replies
View Related
Jul 23, 2005
Is there a way to use javascript to increase the overall document text
size, just like if you click View->Text Size->Largest, Larger, Medium,
Smaller, Smallest? This is on IE browser.
View 11 Replies
View Related
Jan 4, 2010
I have a page with div layer where i insert text with innerHTML attribute into it. Depending on the ammount of text i have the HEIGHT of the layer is changing.if i leave the css part of it with no HEIGHT atribute at all, browser will not automaticaly calculate it and returns empty string on request layerName.style.height.if i assign some value to it("..height: 200px;..") it will not change it after uploading the text. It will change the size but on request layerName.style.height i'll get same 200px.
View 3 Replies
View Related
Sep 8, 2011
Are there any difference between class selector and ID selector
View 2 Replies
View Related
Jul 23, 2009
I'm doing a text resizer with a cookie to remember the font size level. I'm running into a little problem and was wondering if someone sees something obvious I'm missing. The cookie is being set/read OK and the text resizer works when triggered manually, but it's not being executed on page load when you navigate to other pages.
For example, on the home page, I set it to the largest size, size 3. This gets set to the cookie. If you quit/relaunch the browser, the cookie still reports size 3. Also, when you navigate to another page, onload, it reads the size 3 and it passes it to the textResize() function (these are my console.log() lines), but the text isn't actually resized on page load. If you trigger the text resizer manually, it works.
I'm controlling the font size by adding (or removing) a class to the body tag. Anyone have any ideas why the text isn't resizing automatically onload?
View 2 Replies
View Related
Jun 18, 2010
I have a problem with XHR size limit. I want to transmit text information for page to a PHP script which saves it in a MySQL database but the data are cut off. When I reload the page the changes I made are gone. Firebug produces the following message:
... Firebug request size limit has been reached by Firebug. ...
This is my XHR function:
My question is: Is there a size limit in XHR POST requests? If yes how to disable it or is a browser issue?
View 2 Replies
View Related
Jul 23, 2005
All my font-sizes are set as relative sizes in CSS (large, medium, small,
x-small, etc). Let's say something is set in CSS to be xx-large, but a
visually impaired user wants it displayed even bigger. Can a script
determine an element's absolute size, *as it is being rendered by the
browser*, and then increment the element's font-size in absolute terms?
View 1 Replies
View Related
Jul 19, 2010
I'm attempting to make a web page that adapts to the size of your browser size when it maximized. Because I'm only 15 I'm not such a great programmer or coder. I've done my best with the resources I have though (Fluent in Lua and a natural ability to pick languages syntax up quickly)
Here is what I have so far, it doesn't work and it is starting to puzzle me. As it seems correct as I look at it. I'm sorry if this question show my ignorance. I try my best to hide it.
Some of it is Copy pasted from sources on Google. But only for educational purposes, I learn off reading, examining and testing out snippets.
I'm basically trying to get the max size of the window and resize the div accordingly.
View 1 Replies
View Related
Apr 14, 2011
where da boss wants our a large piece of our site to be fully dynamic and integrated on any screen size. This means changing font on size. Well I cam up with a solution, figured if no one has one better, then i'll share
[Code]..
View 7 Replies
View Related
Aug 26, 2011
I am new to Jquery mobile framework.I have an asp.net web application and I want to convert it into Jquery mobile framework.I have a datalist on an aspx page.The size of the datalist decreases according to the window size to certain extent after which the size of the datalist becomes constant and doesn't decrease with the window size.
View 2 Replies
View Related