Warning: Complete newbie! I am trying to installthis simple slideshow as a header on my site. It is working fine, but there is an incredibly large gap after the header (see photo below) that is not supposed to be there. Here is the code I am using:
Ok so the problem is when I mouse over the left nav menu all is great, when I mouse over the newly created DHTML menu in the middle the seperators(black before mouse over of the DHTML menu) disapear on the left nav menu and there is now white space surrounding the buttons on the left nave menu. IF you switch to full screen mode(F11 I think) I can see the actual graphic on the left nav menu changing and that is what is causing this, but I cant find it in the code.
I have narrowed it down to my framework.js script but no idea where it is within this code. I can post that code in here and maybe you can see what I mean and I will attach a screen shot of the problem.
I need a JS validation code for validating numbers such that,Empty space and characters(including + and -) shouldn't be allowed,there should be only one decimal point,spaces and characters between numbers also shouldn't be permitted.
i'm looking for some help with a weird problem I've come across. So, I'm using jQuery's toggle() function to hide and show a html element, for example a <div>. Then I put the current state in a cookie ( visible / not ) and when I refresh the page I get the data from the cookie and if the state says non-visible I hide the element. So far so good. However, I wanted to add some animation to the whole thing so I've put slideToggle() instead of toggle() and it works, but when I refresh the page, the element won't hide. Any idea what's the problem? Am I wrong going for slideToggle?
ok, here's the background on my "lets learn jquery" debacle ... I have downloaded it (plus the UI) and that demo index.html loads and functions perfectly.
well, I can create a brand new .html document, and include just the jquery.js and perform something, and it will work ... here's the thing, if I change *anything* in the source file, the content in firefox will not refresh ... I could even delete random tags, including the <body> tags, the <h1> tags and text ... and it will just not carry over to the browser. And, if I view the source on firefox it will show a random amount of lines removed from the bottom of the .html file
what in the world is happening ... it is driving me crazy that i cant figure this out. (btw i'm using jquery1.4.4 on centos5.4 + apache2.3.3, and firefox3.6.6 from win7 if it matters)
to recap, if i start with a blank/fresh/from scratch file it will work as designed ... but as soon as I change anything, adding or removing code/content, it blows up randomly displaying content (even old content that isnt even saved in the .html file anymore!)
//var alias = function(){}; var alias = Test.F.FF.FFF.FFFF;
var date1 = new Date(); for (var index = 0; index < 100000; index++) Test.F.FF.FFF.FFFF(); //alias(); var date2 = new Date(); print(date2.getTime() - date1.getTime());
Why is it when I use Test.F.FF.FFF.FFFF() I get around 100ms and when I get alias() I get around 280ms?
What is going on here? This is something I would have never anticipated and I think that neither of you as well. Aliases whould work faster then doing lockups at each iteration, right? Also if I uncomment this line: var alias = function(){}, from 280ms I get a drop to 265 ms?
It works OK in IE and Moz, but in Opera the change of the attribute's value works on once, first time. No error. That confuses me. Why works only once? Any ideas? Code:
For some reason, when i split a basic string in IE I'm getting an extra value in the array which is something like this:
function(v,n){n = (n==null)?0:n; var m = this.length;for(var i = n; That's the actual value. Here's the call I use: var value = "test@test.com, test1@test1.com";
I have an IFrame whose document is created completely by Javascript code at runtime. The document in the IFrame accesses Javascript functions in the top level document. This works fine most of the time. But every now and then, when I hit the back button, the browser suddenly thinks the Javascript created document in the IFrame is not from the same domain as the topmost document, and therefore I start getting "permission denied" errors when I try to access the top level document's Javascript functions.
If I look at the IFrame document's properties (Mozilla->This Frame->View Info), it shows the expected URL with a domain name that matches the top level document.
I have a coldfusion data component that receives two arguments and runs a stored procedure and returns a large data set. I want to use a textbox with autocomplete its data is that result set. I do not want to convert the result set to an array for performance.
I am new to jQuery and I am trying to create an autocomplete textbox. When I use a small test database, it works fine but when I use my production database with over 3000 records, it slows to a crawl. It take >20 seconds to load the page and with each letter I type (even though I set minChars to 3), the browser times out asking if I want to continue running the script. My feeling is I need to use AJAX but I have never done that and don't know how to. I code in classic ASP with an Access database. Can anyone provide some sample code how to do this. Unfortunately I am under a time pressure to complete this project.
I am constructing a large table on the fly and add it to the dom using html(val). It takes about 6 seconds. I am wondering if there's any practice that would speed up this process?
'm coming from the Java/Flex world and trying to get my mind around jQuery/HTML5 to evaluate how you would build a large scale application using them. One issue that I can't quite grasp is how to deal with HTML element IDs. My understanding is that jQuery allows you to manipulate HTML elements by referencing them by ID (there are other ways but those seem to require grabbing a list of elements and sorting through them to find the right one) In a large application with namespaced code how do you deal with dynamically created elements and the IDs the elements may contain?
For example, lets say you have a dashboard app that can contain a number of reports, each report is basically a div with the report content (a chart or table) and some associated views that can edit the report's data model. How can I assure that IDs for the report's subcomponents don't collide with IDs elsewhere in the application? I can envision some programmer working on a large project in a team naming a custom widget 'MyWidget' and then some other programmer naming their widget 'MyWidget' effectively causing two 'MyWidget' IDs to be assigned to different elements.
In the OOP world this isn't an issue because programmer one's widget is really something like MyForm.MyDiv.MyWidget and programmer two's widget is MyForm.MyOtherDiv.MyWidget allowing them to have unique names.
This could just be a fundamental misunderstanding of how things work in HTML but from what I've done every ID assignment is basically a global variable.
I have a website using jQuery that for the most part works fine, but it contains a very large form with a lot of fields. I have an option to save the settings from the form and to load and retrieve them from the server. The problem I'm running into is that the loading settings involves changing so much in the DOM (the form is huge and contains a lot of fields) that it seems to be freezing up on some browsers or timing out. I can't reproduce this on my computer (although it does take awhile to finish processing) but I've gotten enough reports of the problem that I'm looking for some advice as to how I can speed it up some.
The site is [URL] I've tried to speed it up by caching a good chunk of the selectors I'm interacting with and I'm using IDs to access the fields in most circumstances. But I'm not sure what else I can do to really optimize the loading. how I can go about improving on the load speed?
I'm using animate() on images with sizes like 1100x1600 px. In Chrome and Firefox the animation isn't that bad (although not at all smooth) and in Safari even worse. Is it impossible for jquery to smoothen the animation with such big images? Are there any js libraries which do this better?[URL]..
I'm building on-the-fly <select> lists from JSON data fetched from the server. Some of then include a large number of items (>20,000).
The SQL and HTML parts are working fine. The AJAX script fetches data fairly quickly (around 1 second) and large selects are not a problem once they're built (the browser handles them nicely, even IE). The bottleneck is in the process of picking the JSON data and building the <option> tags. That can take a full minute.
What's the recommended (i.e. fastest) method to generate a large <select> list?
My current approach is this:
// Fetch data (GET method allows me to use browser cache) $.get(url, get, function(jsonValues, txtStatus){ that.values = jsonValues; }, "json");
I am pulling data from a database and putting it into a table, i'm using the following statement to add row hightlighting to make it easy to read. Everthing works fine with short tables, but for larger tables the highlighting lags severely, aside from manually adding the mouseover/mouseout directly in the output, is there any way to make this faster?
I have a simple question regarding toggling large elements. When I use toggle to show/hide large elements I often get a "clunky" sort of effect. This is because the browser window has to re-size along with the page. I threw together a quick example of what I mean, it can be viewed HERE . You can sort of see it in the example if you scroll down before you hit the checkbox to hide the fieldset. This is even more noticeable the more elements that are displayed. Here is the simple code I threw together to illistrate the problem:
