I'm trying to figure out the width of all the ul element inside a li, which works fine for the subnav. But the ul for the subsub nav always returns a width of 0, which is incorrect.You can see an example on this page. The second tab is the one that has a sub navigation.I use a simple line like this to get the with of the ul element
Code:
var e_size = $("#testnav ul").width();
//shows 95 with alert
[code]....
The following code returns me a null value on internet explorer but works fine on firefox and opera.
var iW = $(document).width();
alert(iW);
I am trying to access the width variable from my main page. Within the imageinfo.js script functions I can alert() the width value which returns 1024. But I can't seem to pass this variable to my main page or access it directly so that I can use document.write() to write the variable on the page. Whenever I try to call the 'width' variable directly from the main page I get undefined. How can I access this variable? However, with the test code below, I was able to get ducument.write() to write the 'width' variable on the page but now the page doesn't stop loading - there's an endless loop in the code...
Code:
BinaryAjax(url,function(http) {findEXIFinJPEG(http.binaryResponse);test(width)},null,useRange ? [0, Range] : null);
Main page
Code:
<html>
<head>
<script>
function test(width){
document.write('Image Width = ' + width)
} </script>
<script type="text/javascript" src="binaryajax.js"></script>
<script type="text/javascript" src="imageinfo.js"></script>
</head>
<body>
<script type="text/javascript">readFileData('image.jpg')</script>
</body>
</html>
Imageinfo script - This script uses the binaryajax script found below.
Code:
/*
* ImageInfo 0.1.2 - A JavaScript library for reading image metadata.
* Copyright (c) 2008 Jacob Seidelin
*/ .....
When I create a new div and insert it with .append(ndiv) to an existing div ndiv.width() returns the width of the parent div instead of the actual value. This is the same in FF4 and IE9 so I suppose this is a regular behavior and I just don't realize how to deal with it.
View 2 Replies View RelatedEither I'm having a really dim Friday, or something strange is going on. I'm trying to add a method to the Validator plugin, using the following regex:
[Code]....
let me try to explain better what I'm trying to do. I'm a real newbie I don't know much javascript but I understand more or less the logic behind it... tell me if this solution should work and if you know how to do it please show me. [URL]... I need to make div#photo's width to match the total width measurement of all the images it contains. If you load the page and you don't touch the size, it will work fine... but that's not realistic. If I resize the page, which will happen often on this kind of page (I'm assuming), the whole thing goes haywire (try it, scroll to the last image and resize the page you'll see what I mean). What can I do? Is my idea the right solution? Am I not explaining this clearly enough? Let me know please, I'm desperate. I've been trying to get CSS to do this for me for 3 hours now. Nothing works.
View 6 Replies View RelatedIs there any way that one could have supersubs functionality applied to drop-down multi-column menus?I assume one would need to calculate the width of each column plus the combined width for the container.
View 1 Replies View RelatedI currently have a website where i share thoughts with my friends (some kind of forum) and within this 'forum' people can post pictures they made but most of the time these pictures exceed the max width of my website so my website gets all streched out!So this is what i want: all images on the page must run thru some sort of function which checks if the image image width exceeds the max_width. if it does then the script must calculate how many pixels the current width exceeds the max_width and get this number so that the script does: current_width = current_width - (max_width - current_width)
View 1 Replies View RelatedI've recently start using Flexigrid (old JQuery grid plugin), and, as you may know, one of the few issue this really good grid plugin got is the lack of liquid layout option. My personal idea to solve the problem is to set the "width" parameter depending on $(window).width. Here is the problem (and here's why i post this question in "General use" and not in "Plugin").
The starting, and working, code is:
$(document).ready(function(){
$("#flex1").flexigrid
(
{
[Code].....
This work fine for me, but I supose it could be done way much elegant... maybe somethin without "IF" that could emulate the "%", like var percentage = $(#div.id).width()*0.XX with the 0.XX picked from an array of percentage, one for each column. Probably I should set up a function... ahhhh, as you may easily see I'm a total beginner with JQuery (and JS in general...)
I am trying to setup a javascript function that sets a div's width based on the combined width of the li's with the name "navItem". The problems I have been running into when trying to define the width of the li's is that they do not have a width defined in css. Can anyone help me out with this? The javascript function setWindow is suppose to show the div loginWindow and set the width of it.
Code:
<div id="topNav">
<ul>
<li><img src="<?php print $site->folder['images']['header']; ?>topmenu_left.jpg" border="0" alt="" /></li>
<li name="navItem"><a href="<? print $site->url['about']; ?>">About Us</a></li>
<li name="navItem"><a onmouseover="setWindow('loginWindow');" href="<? print $site->url['billing']; ?>">Client Services</a></li>
[Code]...
Is the next jQuery code the best way to decrease an elements width?[code]I tried using the next code:[code]but that's not working, also not with '-20'.Maybe it's an idea to add this functionality? It's is already used in the .animate() function for changing the position of an element.
View 3 Replies View RelatedI need a code that when a button or image is clicked then a div's width and height are changed.
Ive 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 didnt 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 im coming from.
on the right hand side i have a flash chat in a div , div is controled 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 maximise so when clicked the the div expands aswell as the flash file.
I got a table, first tr got 10 td, how to get the sum of the first three td's width
All I know is like:
Is there any solution via jQuery?
I want to set the width of a div to be the same width of the image inside the div.The following code works great. But...The images are different widths, so both wrappers are set to the width of the first image. Without having to add an ID to each wrapper or image, can the wrapper width be set to the image width using the name of the image as the unique identifier?
jQuery:
$(document).ready(function(){
var newWidth = $('div.wrapper img').attr('width');
$('div.wrapper').width(newWidth);
});
HTML:
<div class="wrapper">
<p><img src="image1.jpg" width="200" /><br />
Caption</p>
</div>
[code].....
I have a page with a div on it. The div displays a user comment. When
the user logs into this page, their current comment is pulled from a db
and displayed in the div. The user can edit the comment through a
pop-up that contains a textarea. When the user hits OK on the pop-up,
the text in the textarea is sent to a function on the main page. The
function inserts the text into the div's text node.
Please don't ask why I'm making this so complicated - there are other
things going on on the page and the pop-up that are irrelevant to my
problem.
Everything works perfectly except when the user puts carriage returns
in their comment. For some reason I can't get the carriage returns to
show up in the div. BUT! When they view the existing comment in the
div (the one pulled from the database) the carriage returns are
displayed. That initial display does not use any javascript - it's
just php so the page is initially rendered with the text in the div.
So it seems that when I programmatically put text into my div, the
carriage returns don't show. But if the page is rendered with the text
already there, the carriage returns do show.
This seems like it should be so simple, what am I doing wrong??? Do I
have to replace the carriage returns with a different character (e.g.
<br>,
,
,
,
)? Or is there a css setting for the div?
how can we get a return from a value not yet set, like the behaviour of the prompt and confirm dialogues? specifically in regard to the xmlhttprequest file load methods, or to send a click event to a file object and return its value once user interaction's occurred.
View 3 Replies View RelatedI developed a Grid that sometimes resides within a table. The Grid is created with the DOM and inserted in its parent element. Problem is that IE returns offsetWidth/offsetHeight 0 when you check its offsetWidth.
For example, the following code will return 0, while Firefox returns its correct width.
Code:
<table border="1">
<tr>
<td id="myCell">
Some text goes here...
<script type="text/javascript">
alert(document.getElementById("myCell").offsetWidth);
</script>
</td>
</tr>
</table>
I read somewhere that IE renders the table once it has read the entire table, so my guess is that offsetWidth returns 0 because the table is not yet rendered and its not part of the DOM?
Anyway, if anybody would know how to avoid this it would be great. This problem does not appear inside a DIV, but in this very case it must be inside a table...
I want to know how to find out the viewport height in IE. I have been trying to use document.body.clientHeight, which is supposedly exactly what I am after, but the results were always way too small to be the correct one.
As a test, I whacked a div in my page and made it 4000px tall, and ran document.body.clientHeight from IE's debugger and it returned a number over 4000px. It seems as thought clientHeight is actually returning the total height of the document, not the viewport size.
I have a homework assignment which is pretty simple. It is a grade calculator that uses arrays to gather the grades from the user. This is what I have for the problematic section:
var homework = new Array(2);/* The grades entered by the user for Homework 1, 2, and 3 */
var project = new Array (3);/* The grades entered by the user for Project 1, 2, 3, and 4 */
[Code].....
My problem is the document.write portion of the code, where it is supposed to return either homework[0], project [0], or exam[0], it instead returns undefined. There is no problem with any other subscript. And yes, it does successfully prompt me for each of the [0] subscripts in the first part of the code. Am I just missing something that is right in front of my face? Does all arrays not start with the [0] subscript?
HTML Code:<div class="drag q1 bar" style="top: 10px; left: 0px; position: absolute;">b</div>i assign variables like so:
Code:
var style = notationrow[i].childNodes[nodecount].getAttribute("style");
var nodeclass = notationrow[i].childNodes[nodecount].getAttribute("class");
[code]....
Suppose I have the following inside a function:Code JavaScript:document.getElementById('display_content').innerHTML = "hello";The above works.However, when I define it like the following it says display_content is null on firefox error console.
Code JavaScript:
var display_content = document.getElementById('display_content');
[code]....
In a textarea, is there a javascript (or something in php) that will convert carriage returns to spaces when submitted? The textarea on these forums does what I'm trying to accomplish but I've looked at the code and I cannot figure out how it's done.
View 4 Replies View RelatedI am trying to retrieve data from an XML using this code.
$.ajax({
type: "GET",
url: "http://beermapping.com/webservice/loccity/bb6c5a3fc5baea379be645636e8e6324/Barcelona",
[code]....
I'm working on a project that requires me to take numerous classes and put these within a list-item. I have been trying to do this with different methods, such as before, insertBefore and Prepend. All these methods have had the same result.
Instead of inserting a single <li> in front of the class, a complete list-item has been inserted (<li></li>.
this is the code I'm using:
<script type="text/javascript">
$(document).ready(function(){
$('.ngg-gallery-thumbnail').insertBefore('<li>');
[code]....
In Firebug when I rollover the SelectList variable it certainly looks like an array.
[Code]...
I'm brand new to jquery, and am trying to set up a dynamic navigation dropdown which is populated with XML by our system (which I can't change.) For some reason, IE6 is showing space where the unused <li></li> tags are. I am trying to create a jquery code which will detect whether or not a link is present in the <li> so I can turn the display off or on dynamically. The relevant jquery code is here:[code]It should eventually appear like this, the way it does in Firefox due to CSS styling:[code]Which means that somehow, it is reading the <a> even when there isn't one.
View 4 Replies View Related