How can I get the real image dimension with javascript? code...
However this only seems to be working sometimes in Opera . No luck in firefox or chrome (dunno about IE)
Anyways to do it?
I thought of maybe using an Ajax call, but then the imgLink cannot be a relative position, which would be difficult to parse due to some address like http://example.com/directory as i tried to get everything before the last /
I've written some javasript code to resize an image tag. While the page loads the image tag is display: none so a large image wont break the stylesheet before I have a chance to shrink it. onload I call function load1 and you can follow the rest from the code below. This is working in Firefox and Chrome and appears to be doing absolutely nothing in any version of IE.
Javascript after </html> tag:
<script type="text/Javascript">
function load1() {
imageLoaded();
document.getElementById("confImage").style.display = "block";
} function imageLoaded() {
var iW = document.getElementById("confImage").width;
var iH = document.getElementById("confImage").height;
changeImageSize(iW, iH);
} function changeImageSize(iW, iH) {
if (iW > 460 || iH > 460) {
reset dimension of image to fit in div
var multiply = 0;
if (460 / iW < 460 / iH) {
multiply = myFloor(460 / iW, 3);
} else {
multiply = myFloor(460 / iH, 3);
}
document.getElementById("confImage").width = multiply * iW;
document.getElementById("confImage").height = multiply * iH;
}}
function myFloor(n, pos) {
n = "" + n;
if (n.length < n.indexOf('.') + pos + 1) {
return parseInt(n);
} else {
return n.substr(0, n.indexOf('.') + pos);
}}
</script>
In one folder i've put all pics, but they are not all the same size. i've
got as many links as pics and clicking on link popUp opens showing that pic.
now, i would like to have one function that opens popUp window but in
different dimension for different pic....
I want to make a nice floating bar at the bottom of the screen, which hovers about 15px from the bottom. I am doing this to make a site look good in small and big resolutions. The minimum height for the bar to hover is 600px about, if the window is smaller, it is still there so it doesn't go into the content, if the window is bigger, it will follow the resize and be at the bottom still. It is obviously absolutely positioned, and also centered using some javascript (getting the width of the window).The second function is called in the header and positions the bar. The last two document.get things are just for testing so I can see the height in px somewhere. This works fine in IE. If I resize the window, making it shorter, everything goes as planned, and I can see the pixel count dropping in the header where it is displayed. However, in FF it does not work.
The weird thing is this. If I resize by a small amount, less than 10px, it works fine. However, I can not resize by more than 10px! If I do, the window height shown in the top still drops by only 10px.So if my window is 1000px tall, and I close it to say 500px, the value of the height will still be 990px. If I then resize it to any where higher than the 500px, say 550px, the javascript still sees it as making it smaller, since it says the height is 990px, therefore, the window height goes down to 980px. If I shrink the window to 500px and reload everything is fine, if I make it bigger, it works in both browsers. I am thinking that this could be a problem which is like "sampling rate" in music. When in IE I expand or shrink the window I can see the pixel count drop continuously and the bar floating down as I move the window, as if it was "sampled" every 0.05 seconds or something. In FF, shrinking is not working, but if I expand the window the pixel count doesn't change and the bar doesn't change place until I stop resizing (let go of the mouse button), as if it was sampled once, when I stop, so the problem maybe is related?
Anyone know how to detect the dimension of a browser by jQuery? And how to detect when the dimension is changed?
View 6 Replies View Relatedi am working on a project that will involve displaying a long list of product information. this will include images and description of the product. knowing fully well that users must have uploaded images with different dimensions, i want to display the images such that they will all have same dimensions without having some of them lose aspect ratio. i want it to look like the way facebook displays facepile (your friends), it may only hide a portion of it,
View 1 Replies View RelatedI would like to set the height of certain #div elements on a page based on the height of the user's current window state. It should draw the elements based on the size of the window at onLoad, and also respond to the onResize event.
View 4 Replies View RelatedThe main thing I want to find out is that how vibrantimedia can change the content of a page from a javascript. The content does have a full object set up, meaning not verything is in NAME/ID.
View 6 Replies View RelatedHow can i insert only a real number (an integer with only one decimal separator) in a edit field
perhaps in onchange event I have to test if the decimal separator in the text is > 0 I simply have to put it as a null key.
i am developing a help desk software using php and oracle, when an expert posts a solution to the user who asked it, an alert should pop up at the user's machine to alert them that a solution has been sent end then it should dissappear,i was told to use ajax to check real time and then use javascript to pop an alert but i didnt understand and was told to post it on the javascript section.
View 1 Replies View RelatedI have to hide the url from bowser. I want to hide real URL and display to the specific URL on browser.
View 3 Replies View RelatedI'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'm making a survey where every question has a numeric value assigned to it, and as the user clicks on a checkmark button to approve (or uncheck to disapprove) the values add or subtract to give a total at the bottom of the page.
Basically, it's a spreadsheet but with fixed values for each row instead of being able to type them in.
I can do this easily with php, but only if the user clicks the submit button. I was hoping to find a way to do this real-time.
I'm not looking for someone to do this for me, but can someone point me in the right direction of a tutorial or something that is similar so I can build this into my program?
Here is a short javascript for a real time analgoue clock. It is designed to resemble some LCD clocks where the hands "fill" in the dial as they move around the face. You can change to values of the "top" and "left" style attributes to position the clock anywhere on your page.
View 4 Replies View RelatedI'm wondering how I can add numbers in real time using javascript.
example,
say I enter a number in a text field,
<input type="text" name="qty" value="2">
<input type="text" name="cost" value="5">
how would I then be able to get the total in another test field, like:
<input type="text" name="total" value="10">
I want to find real IP Address of computers that are connected to my company's website. All users who want to see our website pass from our ISA Server. So, if I want to get their real IP Address with javascript commands, I'll get one and only one IP Addres from anywhere that is our ISA Server address. How I can get real ip address of those computers and compare it with predefined address?
View 1 Replies View RelatedHere's an example: [URL] doesn't update every single listing that comes on the market, but it automatically adds the new ones in the right category with his name on them.
View 1 Replies View RelatedIs there a way to find the browser height with jQuery, not including the toolbars and address bar nor anything else, just the actual space user for displaying the websites..?
Example:[url]
I have a form that is using HTML and PHP to make calculations for an
order form. One of the fields is asking for a total number of
workstations. I would like this field to be a real-time total of five
other fields in this form.
I am struggling to find examples on the web that implement Javascript
callback functions of an embedded Real Player.
There are lots of examples for Visual Basic, but I couldn't find any for
Javascript.
I am looking for any basic example.
For example, showing a javascript alert when a Real Player error is
triggered. (with examples for both Netscape/Firefox and Internet Explorer)
How can i find real height of the element? It is changed with css to fixed, but i need its real height, as it be without css.
View 2 Replies View RelatedI have been using the jquery countdown plugin made by [url] for a while and while I am pretty familiar with it, I haven't been able to accomplish what I want for one of my projects.
I want to be able to add hours/minutes/seconds to a countdown in real-time by clicking a button.
Let's say I have 2 countdowns. They both get their ending date from a mysql db, e.g: 2010-09-26 00:00:45 and 2010-09-27 14:45:00
When I click a button, I want the countdown Y to increase by the X amount of hr/min/sec, update my ending date in mysql, and update my counter for every visitors to see without having them refresh the page. I have tried messing with ajax, but wasn't able to accomplish anything close. (I got it to update every 1 sec but it would flicker then)
I need to make a counter that counts up (preferably in real time but not crucial).
Ideally, it would count up by 9 dollars per second and go to the hundred millions.
im currently trying to create a real-time username checker. Once the user enters the username I would like some javascript to run and check whether the username is already in the database, then if it is return 'this is already in use'.Unfortunately I am not able to use ajax.
View 9 Replies View RelatedI'm using sliders to change text colour dynamically; at the moment, I'm doing it by iterating through the getElementsByTagName collection; like
paraAry = document.getElementsByTagName("p");
paraLen=paraAry.length;
for(j=0;j<paraLen;j++){
paraAry[j].style.color = "rgb("+bodyColor[0]+","+bodyColor[1]+","+bodyColor[2]+")";
paraAry[j].style.borderColor = "rgb("+textColor[0]+","+textColor[1]+","+textColor[2]+")";
paraAry[j].style.backgroundColor = "rgb("+textColor[0]+","+textColor[1]+","+textColor[2]+")";
}
But blatantly it's well inefficient; is there a better way to achieve this - like just a single property I can change to make all elements of a given name change.
I am using Ajax and Javascript to show real-time data on the web page. On my web page, a 4-digit number is displayed in a text box and this number updates every 10 millisecond automatically to display real-time data (show 100 numbers per second).
What I would like to do is to save the lastest 10 second data in the local PC (client PC) when client clicks a button on the page. Is that possbile with Javascript and Ajax? Or is there any other ways to sort it out?