i've got a .net page with a table sitting in it that has no specified height.
I want to be able to grab the height of a specific table (ID="printIntro"). Firefox spits out a number, but IE regardless of version spits out a big fat 0.
from what i understood, IE should be able to understand offsetheight, no?
here's a snippet of a VERY simplified version of what .net generates, as you will see IE will return 0: Code:
My program has divs that contain a single text node. I programatically set the myDiv.style.fontSize = "8pt"; When I call myDiv.offsetHeight, the number "14" is returned. I would like to be able to both predict the offsetHeight for various fontSizes and be able to reduce the offsetHeight.
View 10 Replies View RelatedI'm trying to get the height of a <div> tag so I can use it as a reference in a function to change image height, but I can't seem to get it.
function getdimensions()
{
RightContent = document.getElementById("Right").offsetHeight;
LeftContent = document.getElementById("Left").offsetHeight;
return LeftContent, RightContent;
}
window.onload = function() {
getdimensions();}
I have that, and the div tags have the corresponding ID's, but when I try one of these html buttons to test I just get 'undefined'.
<button onclick="alert(RightContent.offsetHeight);">Right Height</button><br>
<button onclick="alert(LeftContent.offsetHeight);">Left Height</button>
What's going wrong?
I've got an IFRAME it loads a page with variable contents. I need to know the WIDTH of the body of that page. I'm using offsetWidth and offsetHeight
Quote:
This is weird....offsetHeight returns the height of the document body. offsetWidth returns the width of the iframe!
I have two grids, they both display buttons. One grid displays numbers, true or false and yes or no, and the other grid displays letters, true, false, yes and no.
The second grid is not displayed in the code (used css to not display second grid buttons (.answerBtns)) Now using the getButtons() function, if the user selects button "1" in first grid (the grid which you have to open using (Open Grid) link, then it should display button "A" in second grid, if user selects button "2" in first grid, then it should displays buttons "A" and "B" in second grid, if "3" then display "A", "B" and "C" and so on.
Now except using if statements and stating which buttons should be displayed and not displayed depending on the button chosen in first grid, is there a more efficent way of coding this so that the display of buttons in second grid depends on what is selected in the first grid?
If it is using an array can somebody show a sample of this in their answer. You can just do it for one example and then I should be able to use that to fill it for the other buttons.
I am working with the "sexy alert box" found here [URL] and have the code below, which pops up the sexy alert box on every page load.
<script type="text/javascript">
function test() {
Sexy.alert('Hello world!');
}
window.onload=test;
</script>
My problem is that I only want that code to show on the FIRST load for the user and every page after that it should not be showing. This will be the first time I've worked with cookies so I am a bit confused as to what to do with this code and where to edit things.
I have a page that has a hidden button at the top. When a link is clicked, the button shows. I want to write javascript so that if the button is showing, add a breakline below it and if it is not showing, do nothing. My attempt & fail is below.
<input type="button" id="listframes" value="Button" />
<script type="text/javascript">
//If the button is showing, then break line below it.. else do nothing[code].....
I am working with the "sexy alert box" found here and have the code below, which pops up the sexy alert box on every page load.
Code:
<script type="text/javascript">
function test() {
Sexy.alert('Hello world!');
[code]...
My problem is that I only want that code to show on the FIRST load for the user and every page after that it should not be showing.This will be the first time I've worked with cookies so I am a bit confused as to what to do with this code and where to edit things.
We have web pages that are generated by another process. And we wish to change UPPER CASE text into Mixed Case. In effect, using JavaScript, BEFORE the page displays, I need to read all HTML that is in the BODY area - and then replace the text (after manipulating it to change various text to Mixed Case text). Do I use the OnLoad event - and what (approximately) would go into my routine?
View 5 Replies View RelatedI have a link on my web pages that when hovered over displays some text in the form of a pop-up.However, some screens have a horizontal scroll on them, which means my pop-up has some text being displayed off the screen to the right.
[Code]...
There's some command I forgot that you can type into the
address field of a web browser that will cause it to
display the source code for that page instead of
the page itself. Can anyone tell me what it is?
It's something like:
viewsource:http://mysite.com
or
view:http://mysite.com
or
source:http://mysite.com
except I don't quite have it correct.
urrently I'm using this for my 'form1':
<script type="text/javascript">
$(document).ready(function() {
$("#form1").validate( {
[code]....
I'm not sure that this is a unsupported feature of IE 9 or something else.
While updating my code with newly released jQuery 1.5 IE 9 (beta) shows an error - SCRIPT438: Object doesn't support this property or method.
$(document).ready(function () {
$("<div><p>Hello</p></div>").appendTo("body");
});
Someone might answer as I do to get the message I despligue IE or Firefox ".. a script is taking longer to run, want to stop or continue .. "(something like).this happens when I drive a system of more than 15000 rows around .. I am using this js
View 3 Replies View RelatedI am trying to create a hover that displays when text is passed over by the mouse using javaScript. The hover will display a URL to a detailed report when the user hovers over the text.
View 4 Replies View RelatedI created a slideshow that displays the 5 images randomly. It is for a college project for a class I am in.
Here is the HTML for the area that holds the images
And here is the external .js file for it
I had the slideshow working completely fine... then when i finished the rest of the site and added more pages, it is now not working for me. It just sits at the original image that is loaded when they site loads.
I have previously copied and adapted Javascript examples from textbooks but yesterday I wrote my first program from scratch. The script basically displays my age on my blog in the format 'I am 20 years, 6 months and 12 days old.' The script automatically adjusts my age each day. I would love to receive some critique on my program; particularly on programming style, use of comments, and whether the code is generally well written.
Calculates the difference between the two dates, and convert into days
Calculating Years
Rounds years_old and years_old_r to the nearest whole number
Calculating Months
Calculating Days
i have two forms, one is to register and the other one is to log in. i want to have them on the same page, with the registration form displaying. And just allowing the user to click a link and show the log in form and hide the registration form.This is what i got so far, i can't get it to show the other form, it only hides both of them and displays nothing.
Code JavaScript:
<script type="text/javascript">
function toggleview(id) {
var login = document.getElementById(id);[code].....
I have a javascript script that counts down 10 minutes and displays it in the top corner. On the 10 minute time limit there is an event that directs the person to a page which logs them off.I am trying to create a 1 minute warning pop up alert window which I can get to work but the alert window itself halts the 10 minute countdown execution. Is there any ideas of getting the alert to sit outside of the execution of hte countdown. The script looks like this
Code:
// Take user here after session timed out
timedouturl = "index.php?doLogout=true";[code]......
i'm playing around with javascript and tried the following:
//a.js
HTML Code:
function oculta() {
var paragrafo = document.getElementById("a");
paragrafo.style.displays = 'hide'
}
window.onload = oculta;
//test.htm
HTML Code:
<html>
<head>
<title></title>
<style type = "text/css"></style>
<script type = "text/javascript" src = "a.js"></script>
</head>
<body>
<p id = "a" >bla bla</p>
</body>
</html>
but nothing happens, either i use 'none', or '' or even 'hide'
what am i doing wrong?
I am creating a page with a dropdown menu that has 140 countries in the list. When someone clicks on say, Algeria, an image of Algeria comes up below the dropdown with a URL below that. I got the code to accomplish that much. What I need further help on is how to make the URLs a hyperlink (all different) as well as making the image clickable so that a larger version pops up when clicked on. I'm ok with starting from scratch if there is a better way to accomplish this than what I've got. code...
View 3 Replies View RelatedFancybox (Lightbox) - Last image not working. This is a follow on from another problem I had with the same image gallery I have this simple gallery that loads images from an xml file and uses Fancybox [URL]..Everything is working but the last image is not working with fancybox. The last image just displays in it's own window. Can anyone see why the last image is not displaying with fancybox.
[Code]...
I'm trying to use an ajax function to load filenames into a text area. This works and is not the problem.Then I read the contents of the text file and create an array of file images. The images can be .jpg, .gif, etc. Again no problem.However, when I try to create new <img ...> elements with a 'createElement' function, I get major errors. I think the problem is in the 'AddImage()' function in the code below.
Code:
<html>
<head>
<title>Image Display</title>
[code]...
I'm trying to use the Cluetip plugin to display data on mouseover ofthe tr tag. The data displayed is stored in the title attribute. Itworks great in FireFox, but in IE7 the browsers default title displaysalong with the Cluetip. Am I missing an option that would allowCluetip to override the browsers default title display?
$('tr.toolTipTitle').cluetip({
cluetipClass: 'jtip',
clickThrough: true, /* Set to true for allowing click to go through
[code]....
Am using JQuery Autocomplete on my templete, but as i get the resultsthe Autocomplete only displays one item despite that the results thatare fetched have more that one item. It only shows the first item onthe list!Example:if i have a result list with ('python', 'pythonism', 'pythodus')and on the autocomplete i type 'pyt' it only displays 'python' on thedrop down!My autocomplete code:
$(document).ready(function(){
$("#tags1").autocomplete("/taglookup/", {
width: 320
[code]....
When I put <script src=[URL]n the header, none of the rest of the page displays. If I remove it, the page displays.
View 2 Replies View Related