I am new to Javascripting but am teaching myself and have written this script from my portfolio site in an effort to detect the users screen resolution so that my art is viewed properly. I have ran the code through a debugger and it has comback as "free of errors" but when I run the webpage on my local machine it does nothing, the page displays as if I had written nothing and due to my limited knowledge of Javascript I am at a loss and hoping for someone to say, "look you screwed this part up fix this and it's good to go". Here is the code
<script language="Javascript">
function detect(){
if(screen.width<1280||screen.height<720){
alert("This web page is best viewed with a screen resolution of 1280 by 720 or higher. Your current resolution is "+screen.width+" by "+screen.height+". If possible please change your resolution.")
}
else{
I am looking for the script to resize my website pages according to user's screen size. The size of the table in the template is 1008 * 576 pixels and users with small screen are not able to see the whole page, they have to scroll horizontally. Is there anything possible without modifying my current template?
I have 2 monitors from a different size. It is important in my application that I get the screen size of the monitor where the webbrowser is located. When I try to get the screen size (window.screen.height + window.screen.width) only IE gives me always the screen size of the main monitor where my taskbar (windows7) is located, instead of the screen size of the secondary screen where the webbrowser is located.
I'm curious if it is possible to detect the browsers default font and size? Most of the posts on this topic predate Windows XP, IE 5.5, Mozilla Firefox, et al.
I've searched up and down the DOM properties, looped through most objects and collections alerting properties and values, and I can't find anything. This leads me to believe it is not possible to detect the browsers default font settings.
I have done some ugly hacking in JavaScript before but nothing serious. Now I have decided to learn the language properly, so yesterday I threw together a function plotter that you can see here: balazsbotond dot hu/plotterThe script is here: balazsbotond dot hu/plotter/raphael-test.jsI use Google Chrome as my primary browser. My script works perfectly in every other browser (IE6, IE8, FF, Opera, Safari), but there are some problems in Chrome. Some functions do not work at all (exp()), some do not always work (sin(x) works, x*sin(x) works sometimes, 0.7*x*sin(x) never works). Since I am new to JS and this seems to be a very subtle problem, I have no idea where to start.
I have read that the use of eval() is not recommended because of performance and security reasons. erformance is not a problem here (eval is definitely better here than writing my own expression parser), but what about security? Did my use of eval introduce a security risk in my site (I find this quite unlikely because the whole thing runs on the client side but who knows...)?By the way, is there a way to detect if eval() was not successful?And finally, is there a reliable, cross-browser way of getting the client size of the window? I'm talking about the size without the title bar, toolbars, etc. My solution does not work in IE6 and IE8.
If I want to detect a user's language, so that I can change some text to suit them, how do I do that in Javascript?
Or aren't modern browsers supposed to be able to cope with more than one language on a page, separated somehow by language identifiers, and display only the appropriate text? Maybe I was dreaming when I read that.
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 know this picture_viewr js is a fullscreen slide Would it be possible to set a screen size (700x500 e.g.) and then set a background color or the part that would be outside this window???
I need to know how to get the actual screen size in points or centimeters, not in pixels. The javascript functions give me the pixels, but I need to know how many points or centimeters that is regardless if it comes from a browser or a device like an ipad or iphone. Does anyone know the code to calculate this?
Can anybody let me know how to detect when my user clicks the X button on the window. I used unload event it did not work(on IE). My web page is a .asp page which reloads itself when navigating on the site. Now whenever the user clicks any links on the page the unload event is triggered which is not what I want. I only want to detect when user clicks the X button and not when the URL changes.
code i used: <body onunload="alert('leaving window');">
Basically this alert window is triggered everytime the URL changes and not just when the window closes(which is what i want).
I need to know how to get the actual screen size in points or cms, not in pixels. The javascript functions give me the pixels, but I need to know how many points or centimeters that is regardless if it comes from a browser or a device like an ipad or iphone. Does anyone know the code to calculate this?
and I'm trying to get the images on the left to fit the size of the browser screen on the right when you click on them. The images themselves are huge, so I'd like some kind of code that resizes the images to fit the size of the visitor's screen, which will vary from user to user.
I am using the bookflip plugin i found here: [URL]
I am attempting to modify the code so the book pages resize based on the screen width... or height... not really sure how this should be done as I need the proportions of the pages to stay consistent.
I have been able to achieve the resize on page load but I now need to add the resize() method to the variable.
This is what I have so far (original code):
var $containerwidth = $(window).width(); var $pagewidth = $containerwidth/1.22; var $pageheight = $containerwidth/2.05;
I think I need to add an if() statement in the variable that says if page width or height changes resize else original code that is working. I have this code which I know works but I can't seem to get to work with one variable without overriding the original code... which doesn't work with this application.
I am trying to load a different index.html page for each different screen size that the browser has. So the page looks best at different resolutions.I am not really able to test it since I haven't finished building all the different resolution index pages yet. I am just wondering if anyone sees any glaring errors in my coding.This is my script:
<script src="javascript/stndlibrary.js"> var screendim=getWindowSize(); var screenwidth=screendim[0];[code]......
Here is my contact form:my contact formhen you click the GMAIL logo, a contact form pops out. When you click submit, I would like the box to change shape to fit the 'thank you' message I have made. An example is the video below (except it is done with a log in form).Video example:DropShots.comActual webpage:SoundCloud - Your Sound, At The Heart
I have 2 monitors with a different resolution. It is important in yapplicationthat I get the screen size of the monitor wherethe webbrowser is located. When I try to get the screen size (window.screen.height + window.screen.width) only IE gives me always the screen size of the main monitor where my taskbar (windows7) is located, instead of the screen size of the secondary screen where the webbrowser is located. It does work in all other webbrowsers .
I have created a page with an alert on JSbin.com to show you your screen resolution. If you use 2 monitors open the page in one of the monitors. You will notice you will get the screen resolution of the screen where your web browser is located, except in IE (hoera!)
I have this code that displays all vertical buttons for sharing my content however I want to display horizontal buttons if the user is using a smaller window size. It will have a different div and some of the code wil be changed i.e. "data-count="horizontal".
It would be awesome to also do this via my external JS file so it is not inline.
But that is not essential.
Also using fluid width CSS is not an option due to my having a sidebar with ads that can't be changed in size.
I'm using a little javascript to help my site's design to fit the visitor's entire browser window. Everything works great apart from one problem. If a visitor first loads the page and the browser isn't maximised, the page loads correctly BUT if the visitor then proceeds to maximize the browser, the page is still set for the minimised browser. This condition stays until the visitor goes to another section of the site or refreshes the page. When this happens, the page again loads correctly.
I would like to force a page reload whenever the browser is minimizedmaximized or is in any other way changed size. How can I do this?
Is there any javascript code that I can use in "window.open" that will pop up a window of whatever the user has set as the default browser window size? (This should be the size of the browser window when they first open it)
Also, any code to go to the user's defined homepage as set up in their browsers preferences?
how to make a little menu where the user can set the font size? I wanted three a's like this: A A A. When you click on it, the font-size on the website will change. I think you can do this with javascript, but i don't know any javascript .
