Is there a way to check the page for invalid usage (e.g. text boxes using .text which doesnt exist)? I originally thought I could use the .data("events") but then realize that .text and .val isn't an event which is pretty obvious but I'm stuck now. I already know my selector is $('input[type="text"]') but is there any way to see if anywhere on the page is improperly calling .text()?
View 2 Replies
I am wanting all the inputs of the table cells turn red when invalid data (in this case anything other than a number) is entered. Object:
1. To add a className to those inputs
2. With the new className 'invalid" the CSS gives a red background to the input The appending of the className is not showing up in the generated source code and both Firefox and Chrome is not showing any errors in the code. I can't not figure out what is preventing the execution.
[Code]...
I have a signup form that the user fills out. Among other textboxes, there is an Email textbox, and a Password textbox. These are the two I want to do some Ajax work on.
Right now I'm choosing to go the onblur approach, but is there something better? I'd really like Ajax to go into affect when the user has stopped typing. I know there is key up and key down, but that won't really be too good for what I'm doing. Besides that though, this isn't the real problem.
My problem is this, when the onblur function is called, I want it to return text to a specific element on my HTML page depending on if the fields are valid or not.
Here's the part of my HTML page:
<div id="signuperrorsection">
<span class="error"></span>
<span class="valid"></span>
</div>
Anyway, if the email address for example is valid, I want the valid class to get the response. If it's invalid I want the error class to get the response.
Here's my javascript (right now I'm only trying to implement the Email field):
function checkErrors(str)
{
if (str=="")
{
[Code]....
Now the way I have this set up now, both classes are going to get the text, correct? Well I of course don't want that. I don't know how to have it set up so that only one class gets the response depending on what the result is.
I have the following:
<script language="JavaScript">
<!--
window.onload=function (){
var pwinput1 = document.getElementById("tfOtherJobTitle");
pwinput1.onkeyup= function(){
if(this.value = "test"){
document.getElementById("pbRegistration").disabled=false;
}
}
}
</script>
for a button called "pbRegistration" that checks to see if the value of textbox (tfOtherJobTitle) equals "test" and on completion of the typing "test", it enables the button. Why isn't it working?
I have a text box and would like to see if the value of the input matches the values defined in a JavaScript array.For example, the JavaScript array will hold five values:
v1 = Tom
v2 = Jerry
v3 = Michael
[code]....
I'm taking a beginning javascript class and have been trying to figure out one last part of a homework assignment and am just not seeing how to work it out. What I'm having trouble with is doing the text verification. When a user selects an option from the select list they then need to type in the text area given. If the user doesn't type the word selected in the list then an error message should appear under the text area. If you look at my code you'll see that I have the text_check() function doing the verification. I can get it to work when there is only one option but once I add the other two it stops working. I've tried if... else and other variations, but can't seem to nail it down.
[Code]...
I have a input field (text field) in my html page. User should give input as a string like following 12 345 678,0 If user gives input in format 12345678,0 and leves the input field how can I format the value 12345678,0 into format 12 345 678,0?
Are there any Javascript that can handle this with Regular Expressions?
I'm try to set up a webpge that will play a live flash video on the left-hand side(got that part working) and display one slide of a presentation(jpg) to the right of the video. I would like to be able to control when the slide image changes by having some js check a text file on my server. The text file could contain something as simple as "Slide1.jpg". I will manipulate the text file with some code I've already written. Is there some simple js code I can put in my page that will cause it to check the text file every 5 seconds, and if the content of the file has changed, to refresh the image on the page with the new image? I'm try to get away from the "clicking" sound that is caused by doing a simple refresh of an Iframe.
View 3 Replies View RelatedMy original fiddle for a solution used a separate callback function which just called def.resolve().However I then remembered that I've seen other code simply pass "def.resolve" as a callback in its own right. I tried this instead, and it works (see http://jsfiddle.net/Nyg4y/3/).This got me wondering - how does this work? As I understand it for this to work at all the value 'def.resolve' must be specific to 'def'.This suggests that it is actually a (reference to a) closure holding a reference to 'def' in its scope. Is my understanding correct, and if so is this behaviour guaranteed?
View 2 Replies View RelatedAm using the jQuery datepicker and am having a heck of a time setting the date in it.I declare my datepicker with:
Code:
$('#datepicker').datepicker({
inline: true,
[code].....
I 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'm having an issue getting jQuery to load from a local file system. My head links are:
<script type="text/javascript" src="js/jquery-1.3.2.min"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
<script type="text/javascript" src="shadowbox-3.0.3/shadowbox.js"></script>
<script type="text/javascript" src="js/myscripts.js"></script>
This works fine when served from my server via http. However, I want to load this entire site (including all linked js/css files) from a local filesystem for offline usage. When I move the project to a local filesystem, the browser throws a bunch of errors from the secondary scripts (like jquery-ui) which indicate that the main jQuery lib isn't loading (ie.ReferenceError: Can't find variable: $). This behavior is consistent across IE7/FF3/Safari4Mac.
The question has to do with the use of popup
windows in a web page. I have heard that popup
windows should be avoided; due to use of popup
blockers and browser that do not process javascript.
Is the use of popup windows bad design?
Will it severly reduce the usage of our web page?
Note, The popup windows are created using only
onClick events, not onLoad or onClose events.
Do popup blockers make any distinction between
the two?
This is a JQuery gallery, the first code is in an external js file, the following code is in the head part.
Why set var $ j = jQuery.noConflict (); is invalid?
I have put many jquery plungin in my page, so I try $$ and jQuery to instead of $, but they still did not work.
HTML Code:
Can someone help my syntax?
var z=myForm.myInputTag.value.string().replace(" ","-");
I would expect the above to allow z to take the value of an input tag
(called myInputTag) and replace spaces with dashes...
It doesn't change the string - nor do I get errors in the Mozilla
javascript console...
I'm really hoping someone out there can help me with an unusual,
frustrating XP problem that I just can't seem to fix.
When certain web pages are opened with my Internet Explorer 6, it
causes the CPU to jump up to 100% usage, and my computer comes to
almost a halt. The culprit, according to Task Manager, is always
IEXPLORE.EXE, or at least one of the IEXPLORE.EXEs if there are
multiple instances.
I've noticed a common thread to virtually all sites that cause the
CPU to run at 100% -- Javascript. Pages containing Javascript are
virtually always the problem. Examples:
1) almost all pop up windows
2) Yahoo! Mail
3) Match.com Searches
4) All Music Guide
I'm not a computer expert at all, so I've only done what I can think
of, or what has been suggested to me. I've checked/removed
spyware/malware with multiple pieces of software (Spybot, etc.) I've
defragged. I've checked for viruses using both NAV and PC-cillin.
I've used my System Mechanic program to go through almost all
fixes/maintanance/optimizers. The only thing i haven't been able to
do is Windows ChkDisk, because it gets stuck every time I try to use
it.
I'm used to C/C++ where if you "new" something you really need to "delete"
it later. Is that also true in javascript? if i do "mydate = new date();"
in a function and dont "delete mydate" when the function exits do i have a
memory leak or other trouble brewing?
ie:
function MyFn() {
var mydate;
mydate = new date();
}
does the above function present a problem (what if its called over and over
and over etc)? or is the allocation automaticaly freed on function exit?
I'm writing a very complex javascript application and I'd like memory usage to be as low as possible, so I've got a question about objects.
I'm using jQuery and my code is a bunch of jQuery plugins that interact with eachother. Will there be a difference in memory usage if I declare functions like this:
I haven't written anything in javascript as complex as I'm about to write, so I never worked with objects. As far as I understand, $.fn.whatever will add function to prototype, while $.whatever will add function only to one entry of jQuery object.
So question comes down to this: when jQuery object is being created, are functions in it being copied (meaning increase in memory usage) or does javascript only make references (meaning no significant increase in memory usage) to one main entry of that function in prototype?
I noticed that Apple updated their website. In this thread I asked what people's thoughts on it were, but one of the main things I noticed in the mac and or the iPod pages is that the content elegantly spreads outward form the centre and fades in when the document is loaded.
So, I have a few questions, How would one do this? I know the fading can be done with jQuery, but what about the fanning-out form the centre? And also how the fade order is from top to bottom not what loads first is one of the aspects that makes it elegant, I believe. How would one do this?
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]...
I have a simple page and a javascript that measure the time the user has spent on a page and I want that variable to pass as a link to another page (php). I'm stuck (rookie) with how to actually pass that on in the link.Here's my code:
<?php session_start();?>
<html>
<head>
[code]....
I am using this code load a file from server to display in to a div.
Code JavaScript:
function getHTTPObject() {
var xhr = false;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
[Code]...
I want to use the same script but apply for a button, clicking the button, a file called from server will display in the div "ask_seller". Since button has no href attribute, I don't know how to name the file that going to be called(or I don't know what is the usage in this case)
I am fairly new to javascript but I am an experienced php programmer. I have been parsing XML information using php, but my CPU usage has been too high recently due to this. I am trying to convert my scripts to javascript, but I am unsure how I can do this using javascript. I think that if I get started off, the rest will be easy.
One of my XML files is located at
Code:
http://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=bbcradio1&api_key=c910b0bc1e2d4e64964ebcd2d69c255c&limit=500
Basically I have been trying to grab the Name, Artist and large image of the most recent <track>.
I have a really long application so i'm trying to minimiza cpu/memory usage,with each function, therefore I have a few simple questions.
1. on elements added after the page has been loaded,is there a difference between putting "onclick" inside the element tag or using jquery's delegate like the following example?
$("#mainchatwindow").delegate('img[func="gift"]','click' function....
2. does it make a big difference selecting an element with a full path like (#body #contentdiv #userstbl td.example)or just typing (.example) ?
3. I have 2 arrays of objects, both objects has an id attribute, one of then objects are the images on the page, the second one is an ajax result with updated images.will it be better to first loop threw both objects just to create new arrays with just the id's instead of looping the threw those big objects? like this:
Code:
if (data.online)
var online_length = data.online.length;
else[code]..........
Working with two URLs:
Working: [url]
Trying to get to work: [url]
Issue: Received project from previous developer who left. The working URL generates a table chart using Javascript after you have entered a valid address/zip code. I haven't been able to determine why I can't get the "schoolfinder-business.asp" URL to generate a table chart using Javascript. I believe the issue is related to something in the function GetDirections, but I cannot pinpoint the issue.
Where can I get javascript documentation for offline usage?
View 1 Replies View Related
