Beginner Project: Chrome, Use Of Eval(), Detecting Window Size?
Jul 21, 2009
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.
While doing simple interactive mathematical calculator for my son, i came across some issues. in the beginning i was working on Firefox 4.0.1 Fedora 15 didn't get any issue yet when i switched for google-chrome 11.0.696.68 the script didn't work anymore. i trimmed it down to simplest form possible and here i demonstrate:
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'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.
1. the 1st popup should open automatically and open a URL 1 2. then after 30sec the popup should close 3. then 2nd pop up window should appear and open URL2 4. then after 30sec the popup should close and so on
can any body help me with this please. I really need it.Or it can be like this also,The 1st popup should open automatically and open a URL1 then, after 30sec it should open URL2 and after 30 sec open URL3 and so on in the same popup.
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 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.
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]
I am trying to pop up a window and then do stuff(set flags) when the content of the new window is done loading. For this I am trying to detect the window.onload of the pop-up child window but so far I am unsuccessful. I believe my problem is that the URL of child window is on different domain, than the one of the opener(parent) so that the window.onload is not being called. Thought this may change, at the moment I do not have access to the code for the page I'm opening up in the pop-up. Im pretty new to web development.
Heres my js code
Code:
//globals var popupHandle = null; var openingWindow = false; function popWindow(URL){
[Code]....
Note: The whole reason why I am doing this is because if its the first time I am clicking on the button that will open this pop up window and I click it repeatedly very quickly, a new pop up is opened for each time I clicked eventhough the window.open is supposed to reuse the window if it has the same windowId. The first call to window.open takes long enough to not have a window handle and allow other clicks to get through.
I have a drop down box that selects a project name. This is then taken to a javascript function that is supposed to fill in a read-only box with that name, but instead of filling it in with the project name, it fills it in with the project ID, which is how the sql database is set up. Each project has an ID, a name, and other values. Is there a way I can get the project name given the project ID in the javascript function?
I'd have thought this would be easy but I've been looking for hours and all I can find is info on getting the viewport size, which is normally useful but not in my situation.
In this case I need the actual browser size, including the scrollbars, toolbars, status bars etc. to get an idea of browsers which aren't maximised/full screen and how big they are, and to calculate the amount of the screen taken up by toolbars etc too.
If I perform a mousedown within a document, move the mouse outside the browser window, and then release the mouse button, the document.onmouseup event does not fire. Is there any way to detect a mouseup event outside the document?
Also, how can I get the relative coordinates of the cursor while it is outside the browser?
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).
}//if(document.getElementById("parent_for_video").style.display != "none") }//window.onresize = function ()
You should be able to see that when a resize is detected i move and resize a couple of divs.
The thing is though i cant work out how to do this in real time. That is the calculations only happen when i let go out the mouse. So if i resize from massive to small the changes dont get reflected untill i stop dragging the mouse.
I'd like to be able to resize and stuff as the mouse is dragging the dimensions.
I need a script that will open a new window (popup / new link) in a specific size, but will also close the old window (where the popup came from). I know the popup window is easy but finding a work-able close window script as the new window is opened is impossible!!
I've got this row of images (in the end there will be more rows of pics as well). When a user clicks on the image, I want a new window to open with a larger version of the image. I want that new window to be customized to the size of the new larger image. Also, when users go back to see other images in their larger size, I want the new window (assuming they never closed the first one) to come back to the front.
I've only gotten as far as getting the larger images to open in a new window at a set size in the function. I thought I could just make specific scripts for each image, but that would be cumbersome to say the least....
when a user clicks on a link, a new window opens. what I want to do is that if the user closes that popup but click on that same link again, the window should open..
Code: <script language="javascript"> var winOpen = "";
I am doing some work, where I want to have a table heading that remains in a fixed position, when the window is scrolled (I will ultimately have a very long table). I have written the code below, which fixes the heading.
I am trying to make it so that each body row of the table gets hidden, when the window is scrolled such that the row passes above the heading row.
To do this I need to somehow detect the distance of each row from the top of the window as the window is scrolled so I can detect when it goes above the fixed heading row. I have tried to do this using offsetTop and scrollTop in the code below, but it doesn't seem to be working (in Safari at least, which I am using for my main testing).
Does anyone know a simple way of detecting the distance to the top of the window so I can use it in my code below, which will work in all browsers?
(I don't really want to use div, and overflow-y:auto to achieve the fixed heading scrollable table, because I don't want to have a sub-section with its own scrollbar. I just want to have the main page scrollbar when the list gets long enough to require it.)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head>
What I want to do is a simple geo target for some ads I have. If a visitor from the UK or US views a page I want a specific ad to load up, if they are outside the UK or US a want a different ad to load up.
Is this possible with Javascript? I don't need a complicated PHP script, just this simple task.
First off I'm incredibly new to JavaScript and its likely I am going about this completely the wrong way. But gotta start somewhere. Also my apologise if I am posting in the wrong area.
Here's my problem. I have setup a site in CSS3/XHTML that I will use to display some of my photography (im a keen photographer) The way my Gallery will work will be using Submenu's then there will be a table of Thumbnails which I have setup.
The part I am stuck on is that I want people to be able to click the thumbnails and then the corresponding picture held in the next folder to be displayed in a CSS defined container in the center of the page.
So clicking _Images/Thumbnails/1.gif will bring up _/Images/1.gif in the CSS container For the life of me I cannot work out how to do it though. Here is my code so far.
I am trying to get the color of the list item 'SUBJECTS' to turn red on mouse over. I think my syntax must be wrong but I don't know how so. What can I do to fix it?
There is textbox, and 2 buttons in a web page. when the user clicks one of the button, the character 'A', should get printed on the textbox. and when the user clicks on the other button, 'B', should get printed on the textbox in the format 'AB'.