I've created a selection box (drop down box) with several options for the user to click. What I want is if the user clicks a certain box, then a specific javascript function will run. BTW, I am using Google Maps API here. Code:
View 1 RepliesCode:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....
When I click on the "Check All" checkbox, it correctly checks all of the boxes in my form, but I would like each checkbox to also call hideLayer2 function just as what would occur if the user checked the boxes individually. Is there a way to call the hideLayer2 function and pass the correct whichLayer and the_box parameters within the DoToAll function? Maybe there is an easier way?
Code:
I have been having trouble with forms and functions. On my wife's site I have some forms and some of them have radio buttons. My current radio button checker is cumbersome and it is time for something more elegant (some of you will say if it isn't broke don't fix it )
The new code is below:
Code:
Basically I want to pass into the function radio button values 1 & 2 denoted by firstChoice and secondChoice (eventually I want to also pass in the form name but 1 step at a time).
The buttons can have the value (names?) of pattern, chalkboard or kit. It is for a shopping cart (Mal's E-commerce) and this is part of the JS validation. I am using onsubmit to call the function viz.
HTML Code:
Seems ok (to me at least) but when I try to get it to work it throws up an error of
Code:
It stops at that point but undoubtably chalkboard would throw up the same error if it continued.
How would I define the variables in my function? Are they strings, integers, who cares?
Where would I define them? Global or local?
Is the problem a matter of syntax e.g. if I put ' ' or " " around them would that suffice?
I need to know how to call a function in a different document. At the
moment I've tried onFocus but I'm kinda in over my depth. Perhaps if I tell
you what I want to do you can give me the process and I'll go figure out the
code?
My site is divided into two frames, top frame for navigation, bottom frame
for displaying content (called "top" and "main" respectively).
"top" contains 6 images within 6 seperate anchors, that I use as buttons to
switch between sections, the sections being displayed in "main". When the
mouse is over an image, it changes because I use "OnMouseOver", similarly
for "OnMouseOut".
Here is where I get stuck. I want a different image to be displayed as the
relevant button in "top" depending on which main section is loaded into
"main".
I was hoping to solve this by using "onLoad=" in each of the main pages for
each section, that will call a function in "top.html" to cycle through the
list of images changing the relevant image depending on the content of
"main".
I can see an inherent problem here, I have to make every page (could be
hundreds! - nightmare) call this function.
My client wants to use a video as an intro to his site, but doesn't want to use Flash.
My question is, is it possible to call a JavaScript function from a video file. Or I guess, is there a way to time the page, so that the homepage loads after the video finishes playing?
i cant seem to understand why some functions that i create i have to call them with the () and some without
example:
js:
function popup()
{
alert('hello world');
}
html:
<input type='button' value='click me' onclick='popup()' /> the obove code will work.. but some functions when they are being called with the () at the end do not work.
I took a quick trip through the FAQ's and Tutorials and a few Searches, but didn't see anything that looked like what I was looking for. First warning - I am completely new to Javascript and have been trying to teach it to myself over just the last week via Internet Examples, reading forums like this one and a book I bought.
Second - I have no idea if I have done this the easy way (or right way), or done it the hard way - and to be honest, I don't care :D It works and that's good enough for me right now. The goal of my script. Pick a random (non-repeating) number. I have a form that allows the user to select how many digits (from 1 to 5) are to be in the number and second line to select how many numbers to display (from 1 to 5).
So far, it all works great. I get my Number of 1 to 5 non-repeating digits and I can select how many of those numbers are displayed. It only works if I load the page and use the IE Refresh button after making my selections. If I use the Go! button, the page reloads with only a single output number using the default settings of the Form.
[Code]...
I have an embarrassingly similar problem to the last time I was here. I have a google map that generates links and checkboxes from an xml file and puts them in a sidebar. The links open infowindows and the checkboxes show or hide lines on the map.
Which all works ok. But (like last time) I have another function that puts arrowheads along those lines to indicate directionality.
The code which turns the lines off and on looks like this:
function togglePoly(poly_num) {
if (document.getElementById('poly'+poly_num)) {
if (document.getElementById('poly'+poly_num).checked) {
gpolys[poly_num].show();
[Code]...
In my project I'm using onblur event in four text boxes and using that onblur event i wanna call different javascript functions i.e', like first text box onblur="test()" and in second text box onblur="test1()" etc. But only one onblur onblur is calling the function and other onblurs are not working. So pls tell me how can i put more the one onblur event and javascript functions in a single page.
View 7 Replies View RelatedI have a problem calling Javascript functions that were included through PHP. The site is written in PHP. I
View 11 Replies View RelatedI posted a thread a few days ago concerning a bit of javascript code to make checking one checkbox clear another one. I got some great, prompt help. However, I just got back to working on that web page, and realized that the functions only work on the first form on my web page. I have many forms and they are actively named using php.
Here's are the functions (these works for just the first form on the page):
<script type="text/javascript">
function undo_Changes() {
if (document.getElementById("Complete").checked==true) {
document.getElementById("Needs_Change").checked=false;
[Code]....
We have an applet that has to support the SUN VMs as well as the MS VM.
The applet receives updates from a server (via tcp or http) and wraps them
up as objects and passes them using the JSObject scripting context to a
javascript function.
This function takes the object and reads the properties and updates a
screen.
All seems simple stuff. The problem is that the MS JVM runs like a rocket,
but the sun vm seems to max out our processor and also takes ages to process
anything.
I have tried logging from the console using debug level 5, and it shows a
lot of back and forth between the applet and the javascript when accessing
methods on the object passed.
Seeing that as a possible problem, I now pass a delimited string to the
front end, and then convert that into an update message purely in javascript
so there is only one hit to the applet per message.
I am still seeing a massive difference between the sun and ms VMs.
Has anyone ever come across this, and is there anything I can do to help
flatten out this performance?
I have the following pieces of jquery code.
$(function () {
$('select[id$=lstOwnership]').bind("change keyup", function () {
if ($(this).val() == 2) {
[code]....
Based on this logic, I'd like to show/hide the ID tag based on the values of a drop down list and another textbox. They both work fine but the problem I'm having is that each can cancel out the other. For example, if the 'txtPercentOther' textbox value is 3 and the drop down item has a value of 2, the ID tag is shown which is fine. But if I were to change the drop down list value to something else, it'll hide the ID tag, even though the other text box still has a value of 3 which means the ID tag should remain shown. I'm wondering if I maybe need to name my function so I can call the other in each.
What i want to do is perform an action (specifically click a button) on a web page by executing a program on my computer. I'm guessing you need to activate the button's click event (or whatever javascript uses) on the web page in your program, but I'm not sure how i would go about doing that. Is there a way of doing this in Java?
View 3 Replies View RelatedI'm doing some basic Javascript tutorials on the W3 schools site. Here's my example within the TryIt editor on this page: [URL]
Code:
<html>
<head>
<script type="text/javascript">
[code]....
What is returned in the browser is:
Code:
function myFunction() { return "Hello world!"; }
Why is this? And again, what are the rules for this? When can you get away without the parenthesis, and is it appropriate to use? Is there ever a time when you must not include them? When must you use them?
I am trying to call 2 functions from the 1 onMouseOver event on an
anchor tag, but I can't seem to get it to work. the following should
demonstrate
<a onMouseOver="ShowMenu('Menu3');AddMenuToHoldArray('Menu3')">Menu
3</a>
I have tried a number of variations, like adding "javascript:" in
front of the first call, and returning True of False from the first
function, but Icant get the second function to fire after the first
one has.
by using alerts, and wathcing what IS occuring, I know that the first
is being called, but the second isn't.
I did this once some years back, but I can't seem to rember how I did,
it, and none of the example that I have located have helped, so can
anyone point me in the right direction?
This is probably more of a basic javascript question than a specificjquery function.I have this jQuery function named validateSubmit()which calls two other regular javascript functions. When using IE,both createCharts() and getDirectorIDs get called but when usingFireFox, only createCharts() gets called and never makes it togetDirectorIDs() and I'm not sure why this occurs.
<script type="text/javascript">
// make sure at least one checkbox is checked
function validateSubmit() {
[code]....
I'm trying to build a t-shirt creator application w/ php and ajax.You can see where I'm at here.Thus far, I've successfully passed the first parameter from the form via a function called from an onchange event, which uses a php script to pass simple text (for the time being, 'til i get this figured out), which you can see working on the page.trying to update the output w/ each change they make via the form. For every step, the output on the right needs to update.Should I be calling the same function for each onchange, or different functions? Here's what I'm using as far as AJAX/form goes:
Code:
function showShirt(s) {
// CHECKS IF THE STRING IS EMPTY
if (s=="") {[code]...........
so, I can pass a value from a select list to another function which then decides which function to call, but I want to cut out the middleman, and make the values the function calls, and call them directly on the onchange... I imagine something like this:
<select id="select" onchange="this.value">
<option selected value="function1()">Funtion 1</option>
<option value="function2()">Function 2</option>
<option value="function3()">Function 3</option>
</select>
I used a menu making program to create a cool new menu for my website, but I can't get it to work properly.The menu code uses this argument: "java script:[code]in my above code there isn't really a space between 'java' and 'script'.
View 1 Replies View RelatedI'm having trouble calling javascript functions that are loaded in the main window.
Here's what happens:
- when a link is clicked on my page, the contents of a div are reloaded with new contents from another file.
- The new file only contains the new contents of the div.
- I want the new contents of the div to call a function that was originally loaded before the new contents were reloaded.
- So, the main page loads the information and the javascript functions. Then, when the link is clicked, the new contents are loaded into the div with a link that calls a function that was already loaded.
- However, nothing happens when I click on the link to call the function.
Is there something I need to do to call the function?
I have a series of dropdowns that allow the user to choose country, province and town respectively. The province dropdown is populated by an Ajax function when the user chooses their country, and the town dropdown is likewise populated by the user's selection in the province dropdown. This all works fine.
Of course, my client now wants to add a "major centres" dropdown between the province and town selection. This seemed straightforward to me, however in practice it's proving problematic. The "major centres" are drawn from the same dataset as the towns, however an extra flag is applied so that only records flagged as "main centre" appear.
Called separately , both the town dropdown and the main centre dropdown are populated. However, the problem comes in when the onChange event which is meant to update both dropdowns simultaneously fires. Watching the network behavior in Firefox, I see that calls to the ASP files which populate the town and major centre dropdowns DO happen, though only one of the calls actually returns values. I've checked this in IE7 also, and the same thing happens.
My function is called from the Province dropdown, like so:
Code:
<select name="Province" id="Province" onChange="callOthers(this);">
<option value="">---</option>
</select>
[Code]....
what might cause only the one dataset to be returned via Ajax? Either the towns are populated or the major centres, depending on which order I call the two handleOnChange functions from my callOthers function. As I said, BOTH Ajax calls are made, however only the results of ONE are being used in my page. Could this problem be related to 2 Ajax calls being made too close together?
I totally understand that in order to learn javascript I need to know how functions work, I understand the basics of passing in parameters and then calling the function with the values to maybe add something together etc I ve read countless articles about functions as well as books etc but I just dont get how they are used and when they should be used etc, the more advanced functions that have maybe 4 parameters and are doing different calculations and returning various values that get fired back into the script just totally confuses me.
What I would like to know is first of all how can I overcome this confusion and also any words of wisdom you may have. I will also add that I have no prior programming experience and have spent the last 2 months frequently hitting my head off a brick wall as I just cant understand javascript.
I'm trying to create a dynamic form, and for the most part it's working out fine.I'm using javascript with onclick and onchange on checkboxes and select boxes to change the form as the user makes selections.However, there's a few issues I'm running into that are giving me problems.
One is that when the user reloads the page, all of the javascript inserted or removed form elements are reset, but the choices on the checkboxes and select boxes aren't, which looks very strange to the user. How can I avoid this? I'm currently including scripts tags in the body of the html, but this is pretty messy and hard to manage. Is there a better way? Second is that I'd like to be able to insert javascript function declarations into text that is dynamically inserted by javascript.However, when I do so, the browser does not recognize the functions. The reason I'd like to do so is that I am using Ruby on Rails, and would like to be able to keep the scripts in the partials to which they relate. I have to use inline javascript, because the scripts are having element ids inserted based on Ruby variables. Is this a lost cause, or is there a technique that enables dynamically inserted javascript to be loaded?
Lastly, my dynamic form's javascript shows or hides portions based on what it encounters while loading. The main reason is that I want to show the whole form for users without javascript, and then hide advanced or obscure details unless they are activated with a checkbox on the form for users with javascript. However, this is creating a jarring pop-in effect, where on first load, the pre-javascript formatted page is shown for a split second, and then the javascript kicks in and fixes everything and the page visibly jumps and changes. Is there a way to avoid this to create a more polished effect?
I know that you can have more than on document ready event without difficulty. i.e.
$(function(){
// document ready 1
});[code]....
The question I have is, is there any way for them to call functions from one to the other? The following does not work:
$(function(){
function displayMessage(){ alert('hello world'); };
});
$(function(){
displayMessage();
});
This invokes a js error complaining that displayMessage() is not defined.