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:
How could I use "ui.size.width" to retreive variable of current DIV?I am trying like this, but don't have luck:
<script>
$(document).ready(function() {
var test = null;
[code]....
am trying to iterate out the values of an xml file. I have got the file to load though I have not yet been able to extract the values. code...
View 2 Replies View RelatedI wanted to retrieve a value in text area using javascript and store it into s variable so that i can pass the variable as parameter for AJAX purpose.
View 6 Replies View RelatedIs there any way to retrieve the text extent? I'm placing links into div tags and want to set the width of the div directly, I know this might be an issue as a user could size the text them selves as well.
Is there a way at all to do this?
I am trying to iterate out the values of an xml file. I have got the file to load though I have not yet been able to extract the values.Considering that theXml is an xml file and 'coords' are tags containing a coordinate how would I extract the value. Here is the code I am using
Code:
var coordTags = theXml.getElementsByTagName( 'coords' );
var len =coordTags.length;///this works
[code].....
I'm trying to retrieve the respective value from the text boxes. Unfortunate the value i retrieve and added always point to the first text box.
<td align='center'>
<input name='txtQty[]' type='text' id='txtQty[]' size='5' value='$od_qty' class='box'/><br></br>
[code].....
I'm working on a forum. What I desire is to let user customize his own test. To do that I have to retrieve the user selected text. That's my problem. I don't know a jquery function to do that
View 6 Replies View RelatedI have a probelem - how to save information as a text or js file and retrieve it later using only html or javascript .
View 4 Replies View RelatedDoes anyone know of a method to detect the text size of the browser?
View 6 Replies View RelatedI 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
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')">
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 ...
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?
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:
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 RelatedSo, 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]...
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]..
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).
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]...
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:
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(**************);?>
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 ;}}
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.
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 RelatedI'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?