I am building a simple "accordion-like" interface in jQuery. The HTML looks like this-
<div class="mediaList accordion">
<div class="mediaListItem item $alt">
<div class="mediaTitle head group">$head</div>
[code]....
The following script works fine in all other browsers (centering a nested img). On IE I get the following error message:
Line: 13
Char: 12949
Error: Invalid argument.
Code: 0
I narrowed it down to the line: var i = $("#tabs-1a").css("width"); It appears ie doesn't like the "width" property but I don't know why. Here is the whole script for the page:
$(function(){
$("#FraudVideo").tabs();
$("#TipsNews").tabs();
var i = $("#tabs-1a").css("width");
[Code]....
I amreceivingthe following error on IE8:Invalid argument. jquery-1.4.2.js, line 5899 character 5 Now I have used the debugger, and this seems to be the only error it catches. And I realize that I could go through each line of what I wrote and figure out what line triggered this portion of jQuery. However in the interest of making jQuery better, I want to understand this error and fix it in the jQuery file.
[Code]...
Due to the following script IE shoes invalid argument error
jQuery(document).ready(function(){
jQuery(".color_tag_cloud a").each(function(){
var links = jQuery(this).attr("href");
[code]....
I have a page: [URL] that works perfectly fine in every browser I try, except for actual IE7 (it even works fine in IE8 emulating IE7). When you search for something on that page and have a display of results, each result has a link that changes a table row's display to visible, and hides the row when clicked again. It doesn't do that in IE7. here are no errors or warning in Firefox's Error Console. But IE7 has an "Error on Page" notice (which does NOT appear in IE8 emulating IE7), that says:
Line: 59
Char: 11
Error: Could not get the display property. Invalid argument.
[Code]I really don't know what to do, or where to begin. Everything in my limited knowledge seems to be working just fine. Most of my site's visitors use IE8, but enough use actual IE7 that I really need to fix this.
There is an error in the util.js file:
wrapperDivElement.style.height=newIframeHeight+�px�
Does anyone know the fix?
I'm testing my webpage in IE8. In firefox it looks and runs greag, but in IE 8, one issue I'm having is this: I have a button that opens a popup window. Works fine in Firefox, but I get 'invalid argument' error in IE8 and the window does not open. I've enabled at a whim some scripting things in the Internet Options.
Here's the code. The "invalid argument" occurs on the window.open call.
In addition, is there any way to have that tile I've given it, "my Site..." appear in the window header? Right now it's not appearing at all in either browser.
I am trying to design menu and also been successful at some extent. Root menu items doesn't create any problem but when I used following code to create drop down submenu items i got the error:Invalid argument
The error causing line is bold
While this javascript code doesn't work in FF3.x.x but in IE.
I getting a error like "Invalid argument" in IE while its working perfectly in FF. and the form gets automatically submitted.
I would like to know what are the factors responsible for generating errors like "Invalid argument" in IE so that we are aware while scripting JS.
I have just upgraded one of our development sites to 1.3.2 and ui 1.7. I have also updated all of the plugins (forms,validate,thickbox,calculation,blockUI,autogrow) to the latest versions which should all be compatible with 1.3.2 and the site is working perfectly in Firefox 3 on OS X and XP. However on IE8rc1 and in IE7 compat mode I am getting an Invalid Argument error reported at line 12 of jquery-1.3.2.min.js. That is the usual really helpful IE error message and I have been unable to track down the source of the problem. I have noticed that some people have seen this problem with the ui.accordion and 1.7 was supposed to have fixed the issue. Does anyone know of a fix (apart from banning the use of IE - if only)? If I could get the error in FF I could at least use Firebug to debug it. I think I might need to comment out each plugin and see if I can trace the source of the error.
View 7 Replies View RelatedI tried to enumerate through a index array to assign different ids to newly retrieved JSON data, the li element is initially set to be hidden and the hidden data can be seen from console. But the browser is failing to show the data when I tried to use ('li#a').animate({opacity: "show"}, "slow"); I also tried to use .animate right after each <li> appendTo the body and failed to show as well. I am wondering how to fix this? Is there any better way of handling this with out creating an enumerating array?
View 1 Replies View RelatedI have a list for example
<ul id="applications">
<li id="id-1" class="util"></li>
<li id="id-1" class="app"></li>
<li id="id-1" class="util"></li>
<li id="id-1" class="app"></li>
</ul>
Then I want a select some of the list with some animate effect, first the all of the elements would disappear, then the elements that I wanted would display one by one the code:
$('#applications li').each(function (index) {
setTimeout(function (e) {
e.hide("slow");
}, index * 100, $(this));
});
$('#applications li[class="app"]').each(function (index) {
setTimeout(function (e) {
e.fadeIn("fast");
}, index * 100, $(this));
});
The final effect is that all the elements would disappear first but the element I wanted would not display? Then I think about the queue,before I use it I change a little about the code:
$('#applications li').each(function (index) {
setTimeout(function (e) {
e.hide("slow");
}, index * 100, $(this));
});
$('#applications li')
.each(function (index) {
setTimeout(function (e) {
e.fadeIn("fast");
}, index * 100, $(this));
});
The yellow part is the different from the former one, the effect is that all the elements would disappear first, then all the would display again without any problem!
I am am trying to change the "display" property of a div from "none/block" to normal in order to display it on mouseover event. But I do not know why it is not working!
Here is the html code
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
[Code].....
I've tried every combination of the following toovercome the "invalid parameter" error, but failed hitherto.
The url, listName and choiceText are all defined and have content. I've stepped through the jquery functions that support these calls and have not been able to identify the invalid argument, or by process of elimination.
[Code]...
[URL]. All works fine in FF but when I come to use it in IE, I get:
Code:
Message: Invalid argument.
Line: 82
Char: 18
Code: 0
URI: [URL]
I am trying to select a div element based on its display property. Due to some reasons I can't use Id to select this element, DIV element is structured like this:
<div
class
="details"
id
[Code]....
If I try to append a PARAM tag twice I'm having problems:
var.medDiv = document.getElementById("myDiv");
var medObj = document.createElement("object");
var p = document.createElement("param");
p.setAttribute("FileName",this.URL);
medObj.appendChild(p);
p = document.createElement("param");
p.setAttribute("AutoStart","false");
medObj.appendChild(p); // <-- this one
medDiv.appendChild(medObj);
The line with the "this one" comment triggers IE to tell me that it has
an invalid argument. If I change the order of the PARAMs then the new
second PARAM will give me the error. If I move the setAttribute to after
the appendChild I still get the error.
How would I get an element's display property? For example, I can get the width by using the_element.offsetWidth, but what do I use for display?
I tried the_element.style.display, but it doesn't seem to work.
I had the following code in a page I was working on recently:
Code:
<tr><td><input type="button" id="larrow" value="<-----" onclick="doScroll(-1);"</td>
<td><input type="button" id="rarrow" value="----->" onclick="doScroll(1);"</td></tr>
[code]....
In my CSS i have my img{display: block}.
i am trying to change an image display to inline everywhere it appears using javascript. Works good in IE but not in Safari. Is this not a legit in Safari...
Code:
var patt1=/viewCalendar/gi;
var calImg = document.getElementsByTagName('img');
for (i=0; i<calImg.length; i++)
[Code]....
<a href="##" onclick="window.open('/Calendar/new.cfm','New Appointment','toolbar=0,height=800,width=850')" style="text-decoration:none; ">New</a>
I try to run this and I get an error saying invalid argument. I thought at first that maybe because the page is in a frame that it throws the error but I ran it outside of the frame and it still doesn't work. It works in FireFox though. Unfortunately I need it to work in IE 8.
currently I have a page with six links. Now since I want to display the imformation on those six links (when each is clicked) in a #mainDiv (below all the links). if figured the most efficient way of doing so was to have all six "links" in six different div's -- all with display: none... and when a user clicks a link I just have the appropriate div set to display: block. Code:
View 38 Replies View RelatedI could use a hand changing the display property of a group of objects based on classname. What I have here doesn't work; perhaps you can see why? I think the basic problem is that I don't know how to access the objects properly.. Code:
View 3 Replies View RelatedI am currently encountering a problem with setting "display" property from "none" to "block":
Browsers will refresh itself when the display property is changed; this causes the element to display then suddenly disappear after the page reload. Do you guys have an idea what I can do to avoid it?
I tried using jquery's show command, css command with setting display to block, and pure javascript method like document.getElementById("theId").style.display="block".
For a application I am writting I need to make some table columns apear and disapear by clicking on a link. I do this by changing the "style" property in the <td> tag.
The HTML is generated by ASP.NET, which automaticly sets the style property of the <td> tag to the right value. and makes links to the right Javascript function call to change a specific property.
This is the HTML output of 2 table columns: Code:
Have a jsp page that contains a button (<input type="submit" name="doThis" onClick="someFunction(field, arg2)"/>, when clicked it passes to params to a function that looks like this:
function somefunction(field, arg2) {
for (i = 0; i < field.length; i++) {
if (field[i].checked) {
[code]....
How can I change this so that the alert message is shown in the browser (no pop-up) using jquery?