I have a function that is used to take the contents of various text
boxes, sum them, and write the results to another text box. I have
this function set-up to handle the constiuent text boxes' onBlur
events, and it works great. One of the things it does is it uses the
isBlank method of the string containing the contents of each text box
before it tries to do math on it:
function checkTotal(clientID,id) {
..
..
..
e = document.getElementById(clientID);
if (e) {
strValue=e.value.toString();
alert(strValue);
if (!strValue.isBlank())
..
..
..
I want this script to run when the page loads. This code is generated
deep in an ASP.Net user control, and I can't come-up with a good way to
execute this code in the page's body's onLoad. So I am writing the
following as in-line JavaScript at the bottom of the FORM:
The function executes fine up until it gets to the isBlank method.
I've used alert's to verify that the text box in fact does have the
proper value when this method is called, but when the script goes to
execute the isBlank method I'm getting an "object does not support this
property or method" error.
Has anyone seen anything like this before? Is there a reason the
isBlank function isn't available at this point in the page's life?
I'm back after giving up two years ago to write a page of html code with javascript in it.
I want to display a table with five images (tumbnails) per row with the name of the image (my code number for the image) under it. I want 4 rows of images for a total of 20 images (tumbnails).
I want when someone clicks on one of the tumbnail images a new window opens with the fullsize image displayed.
I have written an html page that does this but I have over 50 such pages that I need to create for my website. Here is the code that does this for each table image cell. Code:
I stumbled upon a strange behaviour of the XMLHttpRequest.. Maybe I'm just not well informed enough about its possibilities, so could someone please confirm my question?
When I put plain javscript in a file that is read-in through a XMLHttpRequest-object, it's like it is totally ignored. Eg. I have the file ajax_include.html with in it's body the following lines <script type="text/javascript" language="javascript"> alert('some alert'); </script>
when I directly surf to the file, the alert pops up as expected, but when I use a simple XMLHttpRequest to replace the contents of a div with the contents of this page, the alert is not popping up, although when I view the selection's source (Thank you, Firefox!), it is there!
When I place an anchor with an onclick-action (eg. alert('onclick')), it works when I click it. So my "conclusion" is that it seems like inline javascript commands are ignored (functions not recognized etc.). All actions assigned to other events work nice though.
Can someone confirm this strange behaviour? Or is it just normal with the use of an XMLHttpRequest opbject?
I apologize if this is not the right group for this, but I saw some other messages on this topic in here, so thought I'd take a shot in the dark...
I am running IE 6, XP, SP2. When I connect to certain sites that use inline frames, I get the message 'Your browser does not support inline frames or is currently configured not to display inline frames.'
The aggravating thing is I recently bought multiple Dell computers, have 2 in the room with me right now, haven't touched a thing browser-wise on either, and it works fine on 1 and not the other. Same OS, same IE version, etc.
I'm caching some html into a file and pulling in the file via ajax into a div a second after the page loads.I do div.innerHTML = ajax.responseText; It works fine except the inline <script> in the html don't run.Basically it comes down to this not workingdiv.innerHTML = "<script>alert('hi');</script>";Does nothing.How do I get around this problem? I need the scripts to run and be stored in the same html file that is loaded in and displayed after the initial page load.
So generally what I'm trying to do is send an array of form IDs to a javascript function and have it wipe any default values. my clearHWD() and clearBpc() functions work fine but I'm looking for a way to do it dynamically: my attempt can be seen in clearThis function. can anyone tell me where I'm doing this wrong OR whether this is even possible.
can a get the inline calender with the controls as shown in figure.I already developed calender only using java script. But not able to select date using the same inline calender.
I work in a team of developers and our pages are dynamically created using Java.I can at any moment change the inline JS across a site due to this so changes are easier then if the site was just static HTML.As far as reasons to use dom 2 over inline, I looking for something beyond:
it separates behavior from html
it is a best practice
it is the 'modern' way of doing it
I need facts that explain why it is a best practice or why 'modern' is better like : you can only assign one function action to the event.That was just an example which I see but is not true to me.I can either assign multiple functions to it like:
and then have a function defined before the inline call like
Code JavaScript: function myMultiFunctionCall() {[code].....
Here the second statement overwrites the first.By the way, here is a con for using dom and to me a big one considering debugging: you can't see what event handlers are assigned to what unlike inline where it is obvious because it is in the page. see http:[url].......
I've been teaching myself javascript and I'm a bit confused about the whole events business. I've been reading the Sitepoint book (among a bunch of others) and when it gets to Ch 4 things get down right confusing. They claim that inline event handlers are "so 1998", something I've heard before and then they proceed to write some pretty complex library files to get around the fact that IE <= 7 doesn't support much of the alternative ways of handling events--a familiar enough story. Anyhow, it seems that many many tutorials all over the internet (and countless pages) resort to inline event handlers as the standard. So, I'm confused. I obviously need to know inline event handlers if I intend to work as a web developer even though it's so 1998. Obviously inline even handlers are not quite on par with inline font attributes and transparent gif files despite the language one often hears. Can someone set me straight, and if possible suggest a brilliant tutorial, book chapter, or website that lays everything crystal clear for me?
I am having an issue with jQuery UI tabs. I'm using the append() function to add a new tab to the list inline (with a click of a button), plus the associated hidden div container. I make sure the new inline tab and div contain all the required jquery classes to funcion.
If I select the tabs and click to view source, all looks just perfect, if I copy the source code into a new html document and run it in the browser, it works well, however the new inline tab doesn't work when clicked in the original document. Is there something I am missing here, anyone familiar with jQuery around to tell why jQuery ignores the extra tab, please?
i have created a simple login form with 5 fields namely username,email id,password,retype password and phone no using inline validation.after entering fields for username,email id and password and when clicking the submit button it should ask for retype your password and after entering value for retype password only it should display whether passwords are matching or notbut instead it is showing passwords are not matching before entering value for retype password only...kindly check my code whats gone wrong and correct it please.....also my cursor should move from one textbox to another instead it is going directly to lastfield(phoneno) field..below is my code...
I want to use javascript to add all the formatting to the div. It works in Firefox but not in other browsers. IE and Chrome keep linebreaks around the div for some reason. What am I doing wrong?
On my site there is information that changes several times a year and I want to make it a lot easier by having it change on all my pages at once. For instance the delivery time may change from 1 week to 2 weeks depending on the time of year. What I've come up with so far should work, but I don't know how to finish it, or if it's the best approach for my problem.
Since the sections I want to change frequently may have a bit of text I would link the template of my site to the external JavaScript file external.js. In that file I would declare the variable and assign it a value related to the shipping time (see below). code...
I'm building this gallery that will display 12 images per page, 3 in each row
I am dynamically creating the content with javascript and the end reseult will look something like this
CODE:
As I said before there will be three thumb_containers per row, this works fine in ie8 and firefox, but it fails miserably in ie7, the images drop down vertically rather than horizontally, it looks like the p is causing the problems because it works fine without it,
I was wondering if it is possible to include a xml structure in your html document. For example given the below snippet the function "dothis()" will return 0 and "dothat()" will return 1. If I can use xml in html I should be returning 1 for both functions. Code:
I have an ASP page that contains form elements. I also have an inline frame on this page that contains multiple checkboxes with the same name/id. This is a search form and users need the ability to select which categories they would like to search for. I have to put the categories in an inline frame to save real estate on the screen.
What I need to do is submit the main form and also pass the inline frames checkbox values to the forms processing page. I figured I could handle the onClick event of the submit button (which is part of the main form and not within the inline frame) to set a hidden field value with a string value of all the checked option values from the inline frame's form on the main form. Then submit the form via JavaScript to the processing page. I would then be able to access the checkbox values via the hidden field on my forms processing page.
I am having a problem accessing the inline frame's checkbox values and populating them into a string. Code:
I have a page with an inline frame "frameA" on it. Within the frame is a table and within that is a cell with the id "morebit"
Previously I would set the innerHTML for this cell from the same page (i.e. within the inline frame). Noe, I am trying to set the innerHTML from the parent page.
I have tried various combinations of frameA.document.morebit.innerHTML and got nowhere
If I do alert(frameA.document.title) I get the page title ok....
I have a code which works ok, except I would like to load the specified file in an inline frame (I1) on the page instead of a whole new page if at all possible Code:
I'm loading some page content with the ajax load event. The loaded content contains some <script> function calls. These appear to get evaluated, but the script ( a google map ) doesn't perform as expected.
Is the inline function run with the code on its page, or with the scripts on the page I'm loading it into?
var s = document.body.style.cssText.match(/[w|-]+:/gim); jQuery.each(s, function (key, value) { var s2 = value.replace(/(-)(w)/gim, value.match(/-w/gim)[0].toUpperCase());
I know $(element).css('top',''); should remove any value for top. However, in IE7 (or rather, IE9b in compatibility mode), it still leaves style="TOP: ;" on the element (as given by: alert($(element).attr('style'));). I know this shouldn't be a problem, but for some reason it's playing around with my element, which has external CSS settings it as bottom:5px;. The top:; is applied, but then I want it completely removed. However, there might well be other css inline, so I don't want to removeAttr('style'). Is there another way to completely remove the 'top' property?
In the demo [URL] the inline error message pops up to the right. Because my form is all the way to the right of the screen, I need to display the inline message to the left or top of the form fields and not to the right.
Here is the function from the demo that sets the left position:
function leftPosition(target) { var left = 0; if(target.offsetParent) { while(1) {