I have a document that can contain any number of iframes which have
further copies of the same document (and so on). In practice, we
shouldn't ever have frames within frames, but I'd like to make the
implementation a general case.
Various of the functions in the parent document need to call themselves
in the child documents with the same parameters as they've just been
passed.
Now, I can stick a loop in each function that goes throught the
window.frames array and calls the function for each frame, but for I'd
like to write a function to do this.
It's at this point that my brain explodes. If I limit it to a single
parameter we can do:
I have a small window that I can call from my top menu that opens a 'radio station' to play music clips from, my site. If the user goes to a page with video/audio players on it and opens one of these tracks, I need to send a 'STOP' command to the radio window. I think the pseudo-code would look like:
Code:
if (window.open 'DashRadio') javascript:player.sendEvent('STOP'); endif
But I cannot get the code to address the 'DashRadio' window.I open it from my top menu like so:
You can see it in action at The Soundsmith, the actual radio window is this one. I would have thought this was stupid simple, but I can't get a handle to the Radio window. OTOH, I am very much a newbie in javascript, I spend a few years in FoxPro and other 3GL languages, but C-style code throws me.
I have created and opened a child window called "checkwin" and have written some data to it. If the data is valid, I want the user to click on the 'CONFIRM' button on the child window, at which time I want the "submit()" function for the form on the parent window to be executed. If the data is invalid the user clicks on 'MODIFY' and I want focus to return to a field on the parent form. However, when I click on the "CONFIRM" or "MODIFY" buttons on the child window, nothing happens. Here is the code:
so i wrote this slider with some help from an admin, everything works as I would like it to but I'm trying to make it a plugin so i need to tighten up a certain part of the code:
(function( $ ){ $.fn.jmSlider = function() { // get total width of all li elements in the slider var wrapWidth = 0;
[code]....
what i would like to do is instead of using "li:first" and "li:last", i would like to use first-child and last-child so the element doesn't need to be a li, in can be anything that is the direct child of the parent container.
<button onClick="return popup('<span onClick='selectShape(1, 1, 1)'>test<span>');" tabindex=Ɖ' onFocus="setFocusColor(0,3)">....</button> This will work perfectly, but as soon as I need to pass Strings inside the selectShape function, I get stuck.
So the question is, how can I create the following and have it working
I'm wanting a table cell click event to remove and replace the table it was clicked on, however I'm finding that as it's deleting the original table object the actual running event code is being replaced and the function is bailing.how I can call the delete/refresh function from outside the event's function scope?
I have just started learning JQuery and have a doubt in the below code. $.get('myhtmlpage.html', myCallBack);The doubt is should the 1st parameter of the get function be a HTML file or can it be a unction name?
I want to call java function in javascript.In which we pass one parameter to function and its returns String value which I want to display in alert message.
I have a real perplexing issue. In two separate "projects" I had code that displayed checkboxes - when clicked, they would fetch information from a db and display it in the div below. I had code that displayed a jquery date-picker - when clicked, it would fetch information from a db and display it in the div below. My issue comes with this:
I'm in the middle of a JavaScript class, and I've run into a problem with one assignment. ^^; I've been given a pre-written script and HTML code to work with, and am required to modify it. Here's one thing I have to do, via my instructor:
Add an "email" field to this form. This field should also validate as a valid email address. (Hint: after adding the form field to the form itself, your next step will be to expand the function named submitIt() by adding a second if statement to confirm the contents of the email field. You will want to paste into the header and use the validEmail() function which you will find in Script 7.15, highlighted in red on pages 192-3 of your textbook.)
I know how to write the code to validate an email address, but I can't figure out how to call the validEmail() function in the submitIt() function. The code I have now just blanks out all the fields when I hit "submit." Here's the part of the script with the email validation:
window.onload = loadDoc; function loadDoc() { resetForm(document.forms[0]);
This is a very basic version of what I am trying to do. I have a dynamic list which is set in a table. When clicked, a function is run to set up a new list.. The reason I explain that, is that I need to keep it dynamic.Now for the problem:When I run this page, I have the button made right away, then when clicked it creates the new button. The new button should also run the function to create the new button again, but when I click it, I only receive "error on page".
I'm trying to "progressively enhance" one of my surveys using javascript. Basically, I have rating scales that make use of radio buttons as each point on the scale. Each radio button occupies its own cell in a table. I wrote some functions that will highlight cells on mouseover in a color corresponding to its position on the scale (e.g. the lowest point is red, the midpoint is yellow, the highest point is green). When a radio button is clicked, the background of the button's cell and preceding cells in the same row will be colored accordingly. The functions are working well in FireFox and Chrome (I just have to add a few lines using the addEvent function to make it compatible with IE).
The effect looks a lot nicer when I add a function that makes the visibility of the radio buttons hidden.
However, I want to make sure that there is a fallback option in case the functions that color the cells don't work for whatever reason. I would not want the radio buttons hidden in this case.
Is there a method whereby I can call the "hideRadiobuttons" function only if the other functions are successfully executed?
I am creating a little word guess game, with a random function which picks the word from an array of 10 words. The second function checks if the users' letter choice is part of the secret word. Currently, each time the checkGuess() function is called, the word is changed, probably because I am calling the wordPicker() function from within. The wordPicker randomly chooses the word, then returns that word. All I want to do is pull that word into the checkGuess function, without calling the wordPicker function as it currently does. Here is the code:
Create secret word array var wordList = new Array("stealth", "telephone", "internet", "nickel", "marine", "instantiate", "method", "function", "television", "monitor")
I'm working through the sitepoint ajax book and had a problem with a particular chunk of code. I eventually tracked down the error and it was being caused because I had:
Now, one of the sticky threads mentioned that the first is a function call and the second is a function pointer. My questions are:What's the difference between a function call and a function pointer? Why did it cause problems in this particular case? What are the general implications/issues with using one over the other?
My problem is that ive made some code for when the user clicks on a button, it will load 2 different pages into 2 separate frames, however it only seems to work when the website is viewed in IE, not firefox or mozilla etc
My two frames are main and main2
The button to return the user to the home page, has the code: onclick="homeload()"
and i have a javascript function as below in the head of my document: <script language="JavaScript"> <!-- function homeload() { parent.document.getElementById("main1").src="home.htm" parent.document.getElementById("main2").src="home2.htm" } // --> </script>
Any idea how i can make this compatible with mulitple browsers?
I'm designing a website for a mock promotions firm, and currently I have a header, menu-bar (horizontal, sits under the header), a big 'content' main area, and a footer, all arranged in CSS. The problem I'm having, is that I've got an embedded music player in the footer - and now obviously whenever I click on a link in the menu bar to take me to another page, the music re-starts, and looks very unproffessional The header, menu, footer and music parts are the same for every page, so I thought I could just use
as a JS function mapped to "onclick" of the links in the menu bar. It works for little quick practices, where I put text in the [page code here] for each different page - but here's the crux of the problem: One of the pages has an embedded flash file, a photo-gallery viewer. Here is the code for the 'content' part of this gallery page:
<div id="flashcontent"> You don't seem to have flash installed. <a href="http://www.macromedia.com/go/getflashplayer/">Get It.</a></div> <script type="text/javascript">
[code].....
I uploaded this onto the webserver and gave it a go - the best I got was a dark box showing up (same colour as the photo gallery background) - Is it because I can't just lump all of that code into a getElementById call ?
Is this correct? The following three lines are equivalent, for example, [1] can be replaced with [2] or [3] anywhere in a script without changing the return value and without changing any side effect.
[1] var r = o.f(a,b); [2] var r = o.f.call(o,a,b); [3] var r = o.f.apply(o,[a,b]);
( o is an object and o.f is a function. )
The following three lines are equivalent: [1'] var r = g(a,b); [2'] var r = g.call(this,a,b); [3'] var r = g.apply(this,[a,b]);
( g is a function, for example, var g = function(a,b){return [this,a,b];}. )
Here's my problem: It is necessary to have people enter in direct links to pages on my site, which is frame-based, but when they go to any page that isn't the home page, the frameset doesn't load, so they're only presented with the content of the main frame, not the top logo or sidebar frames.
Is there a quick Javascript fix for this? I tried to Google search for a solution, but couldn't come up with the right search terms.
Also, when navigating to sub-pages from the main page via links in the frames, is there a way to get the address bar to show the direct-link address to the sub-page, instead of only showing the top-level address?
is there a way in jQuery to bind variables to function calls similar as prototype.js does it? See [URL]
E.g. in the slideUp method of jQuery you can specify a callback that is called after the effect has finished. I would like to bind a variable to this call so that it is used inside of this callback as a closure.
On the click of a table row I want to call a function and pass a that particular table row as a table row object to a function. I was wondering how I would do that? And also if I could grab the number of that table row as well.
I want that whenever an HTML or its inner HTML is clicked then a function is invoked. For this,I am using Multiple selector with Child selector and the method is invoked twice. Here is the code that I am using.
[Code]...
How to replicate scenario?1. Click on "Text 1" and you will get the popup only once.2. Now click on "Text 2" or "SPAN text" and you will get alert popup twice. I want that if user clicks anything inside <div id="myDIV" style="background-color:Red;width:200px;">, event/alert to be invoked only once.</div></form>
I would like to call a function within a function. Is this even possible??When I do this I get "undefined".I know you can just return in the first function, "product()" but I would like to do something else in my second function "display()" then return a value.
