I have two divs, one with the ID 'leftcol' and the other 'bodydiv'. I have found some code on DynamicDrive site to resize and hide the leftcol div but I want bodydiv to expand to fill the space. Both are absolute divs though, and leftcol is simply "left: 210px;" and "width:auto;". The dynamic drive script is persistent so if I hide the menu it is still hidden on the next page. I need to do something similar. Say for example that I call it toggle (elementId), I need to hide leftcol and set "left: 0px;" for bodydiv, but next time show leftcol (can use the existing animation function for that) and set left back to 210px for leftcol. As I say, it must persist on each machine.
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
I have a web app, written in Javascript, that communicates to a back-end server via XMLHttpRequest.
The logic goes:
* Login * Perform transaction * (delay while the user does something) * Perform transaction * ... * Logout
It would be really convenient if I could make the whole thing a single HTTP connection. That way, I avoid needing IPC and session management at the server end, and a single instance of a CGI script can represent the entire session. When the socket gets closed, the CGI script terminates and implicitly logs the user off. All very simple.
Can I use HTTP pipelining with XMLHttpRequest to do this? The docs seem to say (it's quite hard to tell) that I have to call open() after each send(), which will presumably create a new HTTP session. Can I 'persuade' the browser to reuse an existing session?
I've been applying a javascript based, user switch button to a site from this article: [URL] On [URL] (right top menu option).So far, it is working but the user selection is not persistent from page to page. I think it may have something to do with the onload and unload actions in the attached js file: [URL]
} window.onload = function(e) { var cookie = readCookie("style");
[code]....
I was wondering if these functions have to be in the header of every page instead of in a linked file, or if there is something else I'm missing...
I am trying to set up a chat window in my website. Pretty much I have the main page, and a pop-out child page that contains the chat. I want users to be able to change pages on the main page, but the issue is that when they change the page, the reference to the child page (where the chat is) is lost, is there a way to make the window object persistent such as serializing it and putting it in a cookie? It looks like JSON is made for like functions, but can't really serialize a window object.
I am trying to create dynamic content using append and appendTo functions. It seems to work fine and I can see the new elements on the fly using a Button to execute a customized function based on this jquery methods. something like this:
im building a web application in asp.net. i was wondering if there is a way to set the screen size automatically on the clients monitor to 1024*768 when they enter the application and return it to its original size on exiting the application.
I also enable the admin to preview the site in an iframe and change size of for exp. left column. Playing with td sizes do not give me exact pixel sizes, so I would like to make sure that a td is displayed correctly, by resizing the spacer gif.
var LeftColumnSpacerWidth = myForm.leftcolumnspacer_width.value; // comes from the form var leftcolumnspacer = frames['testsite'].document.getElementById('leftcolumnspacer'); leftcolumspacer.style.width = LeftColumnSpacerWidth;
Why would this code not change the sizes of an image dynamically?
I operate as a admin a online print site where clients can enter in contact info to create imprint on promotional items.
I create pdf templates with field placeholders |1.1|[address]
This template is uploaded to the print site which interprets the tags and makes them into variable fields for clients to enter in their info. The site can pull the font name, size, position, etc... from the pdf template.
For each info field that the site creates it also has an option to apply javascript to that field. So if the template predefines font size X, I just want to apply code that will affect only the numbers of that text and make the numbers a larger font size than the letters.
The code I'm use to writing is pretty simple stuff for example to format dots instead of dashes for phone numbers like:
if (hasValue(curInput.name)) { if (! AutoFormat(curInput, '###.###.####', 'Please enter your number in a 555.555.5555 format'))curInput.focus(); }
I need a code that when a button or image is clicked then a div's width and height are changed. I've managed to get a few codes that does this, but the real problem is that, the contents of the div is an embedded flash file and i thought that by setting the flash width and height to 100% then the flash would fit to the new size of the div, but it just didn't work. I need a code that when a button is clicked then the div's and the flash's width and height are changed.
Please have a look at the temp website latinunit net / temp / , you will understand where I am coming from. On the right hand side I have a flash chat in a div , div is controlled by a script that allows it to follow the scrollers up and down. My goal is to add a little button in the same div that says expand or maximize so when clicked the the div expands as well as the flash file.
Is there a code out there that can do this. I type my domain name into the browser and the page automatically resizes itself to a specified height and width in pixels.
I just came back from a trip to find that my teacher has given us a new task,and it has javascript in it, witch is something I have barely been working with since we have not been given any tasks with it before.And the worst part is that I only have 2-3 days to do it.The task is a site that must has a javascript image gallery with thumbnails and when you click the thumbnail the image in it must fill the frame of the images in the gallery.. (Don't know if any one gets that )Adding a picture to this post. http://bildr.no/thumb/654358.jpeg
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 ?
I have an IFrame inside a Dialog... The user can navigate inside the dialog, going to any page he wants.
The thing is that i need a way to change the dialog size according to the content of theopenpage inside it.
Do exist a way to do this?
Now, i do this with this [code]...
But this mean that i have to go to each page that I have and to call this method with the exactly heigh and width it need (it's difficult to know that size, because I need to do several test) and any change I do make me came back to this to see the new size...
I need to get JavaScript to change the font size used for a website if Opera is detected. I have been trying this but it hasn't worked:
function changeFooter(){ if (navigator.userAgent.indexOf("Opera") >= 0) { // if I alert this line the output is 0 document.getElementById("footer").style.fontSize = '0.5em'; };
[Code].....
I was hoping that I could benefit from your collective wisdom as I am not sure where I am going wrong with this and several hours spent searching the web for answers have been fruitless so far...
My knowledge of JavaScript is not very extensive, I haven't studied it in great depth so perhaps I am making some very silly mistakes here.
My pseudo code for this exercise is something like this:
detect browser if browser = Opera { change font-size for body to 90% }
I've seen dozens of scripts, some in javascript, some in php, that will allow you to do one or the other. Has anyone run across a script that has three buttons/images/links that will let you increase the font size, decrease the font size and switch font families? Either JS or php will suffice.
I am using FrontPage 2003. How do I change the font, size, and color of the script? Here is the code I have:
<BODY
<SCRIPT> var date1 = "Feb 14, 2000" var mons = new Array("Jan", "Feb", "March", "April", "May", "June", "July", "August", "Sept", "Oct", "Nov", "Dec") var now = new Date(); var mm = now.getMonth(); mm = mons[mm]; var dd = now.getDate(); var yy = now.getYear(); var date2 = mm + " " + dd +", "+ yy;
function daysNoAccident() { date1 = date1.toString(); date2 = date2.toString(); date1 = Date.parse(date1); date2 = Date.parse(date2); date1 /= 1000; date1 /= 60; // minutes date2 /= 1000; date2 /= 60; var result = Math.abs(date1 - date2); result = result/60; // = hours result = result * 8/24; //hours worked per day result = result * 5/7; // working days in week result = result * 35 // number of employees result = parseInt(result); document.write ("You have worked " + result + " hours since 14th February 2000 without an accident"); } </SCRIPT>
I have a function that defines the height of a div based on a table's height. if the page is made tight, the table will be longer, howerever the div is the original size as when the page loaded. is there a way for me to listen for a browser resize and if it were, run my div size function?
