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 RepliesEither 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]....
Consider the following snippet of [code]...
I would expect it to show "2" but instead it shows "0". Why?
It seems the find() method doesn't work on the newly created elements. Do traversing methods only work on elements that are actually in the document? If so, how can I traverse and manipulate freshly created elements prior to inserting them into the dom?
There must be a standard way of getting the body of an iframe, and adding content to it, using jQuery. what the "best practice" way is? That works in all browsers?
View 2 Replies View RelatedI'm having a hard time getting this code to work...the onMouseOver and
onMouseOut events don't seem to be firing in IE or Mozilla...
var imgf = document.createElement("img");
imgf.src = "../files/img.gif";
imgf.style.cursor = "pointer";
imgf.style.border = "1px solid blue";
imgf.title = "Date selector";
// below is not working at all......
imgf.
imgf.
I am trying to dynamically create child elements and add a background image before appending it to the parent node. Everything is working except for the image files actually appearing. When you inspect the element in Mozilla, it reveals that the li elements have all been created and attached, and even contain the "style" attribute. I am certain it is my reference to the image array that I am not calling correctly... how to use the array to reference the new background image? external js file:
[Code]...
I know that this is partially a PHP code, however; the portion that I need help with is Javascript so I decided to put it in the javascript category. This code takes the text contained in $code5 and puts it in a .js file. The problem is that when the text in $code5 is placed in the .js file, the backslashes () before the quotes (") are deleted. I need these backslashes to remain when the code is placed in the . js file. I tried adding a second backslash next to each backslah to see if that would work, but it didn't.
[Code]...
I am currently using the simplemodal confirm dialog from Eric Martin. What do I need to modify to have the confirm dialog return true if the user clicks Yes, and false otherwise. for example something like this:
View 1 Replies View RelatedI have a regex here:
Code:
var NameValidator = {
first_middle_last_with_first_middle : function(txt){
[code]....
I am trying to test changes to my site (made only on my local machine so
far) in IE v6, Mozilla 1.6, and Opera 7.5.
When I test "navigator.javaEnabled in IE it corretly reports true/false
depending on whether javascript is enabled.
However, both Mozilla and Opera *always* return false. How can I properly
test to see if javascript is enabled/disabled in these two browsers? (If you
have a reference on the web, please point me to it as I've spent several
hours trying to find what I need.) 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 have a simple form here with a function to validate it, but I have no idea where I'm going wrong. I'm very familiar with ActionScript and C++, so I get the coding aspect of it, but one thing I'm not familiar with is how exactly JavaScript and HTML communicate. The problem is that this form always submits, even if my function returns false...but I can't even see if it returns false anyway, because alert() doesn't seem to be working either.
Here's what I have for my HTML:
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]....
Am creating a dynamic text box along with datepicker image.. when I enter newdate into the text box, it simply goes to previous textbox and updating the textfield. How to enter the date into the newly created text box??? And also once I complete the first row data , that row should be disabled.
View 1 Replies View RelatedI 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
*/ .....
I am trying to generate a pulldown-menu with JavaScript/DOM:
The following Code works fine with Opera an Mozilla but in the IE the
width of the select element is too short:
myCurrentElement =
window.document.getElementsByName('par_role')[0];
for (var i = 0; i < optionArray.length; i++)
{
myNewElement =
window.document.createElement('option');
myNewElement.setAttribute('value',
optionArray[i]["value"]);
if (optionArray[i]["selected"]==1)
{
myNewElement.setAttribute('selected',
'selected');
}
myNewText =
window.document.createTextNode(optionArray[i]["label"]);
myNewElement.appendChild(myNewText);
myCurrentElement.appendChild(myNewElement);
}
<select size="1" name="par_role"">
<script language="JavaScript">
<!-- //
var j = optionArray.length;
optionArray[j] = new Object();
optionArray[j]["value"] = "1";
optionArray[j]["label"] = "Admin";
var j = optionArray.length;
optionArray[j] = new Object();
optionArray[j]["value"] = "4";
optionArray[j]["selected"] = "1";
optionArray[j]["label"] = "TEST";
// -->
</script>
If I try to set the width of the select-element with css, long labels
are cut off.
Do I have any other possibility to reset the width of the select
element?
Have an issue with using $.ajax for requests. If I set async: false it works fine, but sometimes gets cached content. If I add in cache: false then async doesn't work anymore, the next ajax request gets called before the first one finishes.
[Code]...
Is 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 RelatedJquery 1.52, IE7,IE8,FireFox4.0. I really confused for this:
HTML as follows:
<table><tr><td> </td></tr></table>
javascript as follows:
$("table tr").append("<td>> </td>");
$("table td").mouseover(function)({
alert($(this).index());
});
When mouseover the first "td", it OK, but mouseover the newly added "td", nothing happened.
I 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 dynamically generated some buttons, textboxes, radio (input types) etc using createElement method. The generation works fine. I append the newly generated input types to a span placed in the body. I want to make these draggable. I tried several ways of making the inputs draggable but none work. How do I make them draggable?
View 3 Replies View Relatedwell i am using quicksand, i want to use tool tips in it, but i am facing problem due to callback code that i am not able to implement, this is the place where quicksand is present and also told about tooltips usage with it, well he has not explained it in detail as expects people to know jquery before using it the code which is saying to use is this
$("#content").quicksand($("#data > li"),
{
duration: 1000,
[code]....
I want to load new content into a container using .load ('content.html') after the user clicks on a menu item. and in the new content is a form and i encountered 2 problems. first is that the new content don't comply to my loaded css? the fonts sizes are off and the content seem unformated. second is that i cannot access the data in the new content in jQuery. code...
View 1 Replies View RelatedI can't make jQuery methods (html, hide etc.) work properly on newly added elements (added via ajax). It's fine with the the current elements of the page but doesn't work on new ones! I am new to jQuery.
View 7 Replies View RelatedI have this HTML
HTML Code:
<ul id="my-list">
<li>item 1</li>
[code]....