I'm new to Javascript, and I don't know how I should create HTML forms that don't redirect to a different page. I'm planning on making an application that lets you create a quiz and take it with as many questions as you want (using loops and arrays). I've done this in a number of languages, including Javascript, but I don't know how to tie this in to HTML so I don't have a web app that relies on pop-ups as the UI.
When you make a form, it asks for the action, which should be a different page. It then redirects to this page if a button is clicked, for instance. Given the nature of this quiz program that can theoretically create more questions than I have the ability to make separate web pages for, how do I do this? I don't plan on making 1,000 different pages with nearly identical code; this is what the loop is for.
I have some function to Preload images and make MouseOver etc..
But when a put a Switch statement in one of my function (MouseOver), a receive an error on body load in my preload function.. did someone have any idea why ?
Here's my switch code :
function setOver(num) { var txt; obj = eval('document.getElementById("image' + num + '")'); obj.src = imagesHover[num-1];
I'm trying to install a menu for my website. I am using a script I found here: http://www.dynamicdrive.com/dynamicindex1/switchmenu.htm.
The code works great, but I would like to customize it slightly. Instead of being a vertical menu, I would like it to be a horizontal one, with all the main links at the top of the page, and with each link opening a horizontal sub menu beneath it.
I managed to create a horizontal list by changing the 'div' to 'span' and altering the HTML and CSS slightly. Now I have a horizontal menu that opens submenus when I click!
My only problem now is that instead of opening each submenu below all the links, it opens it below the link in question. So, for instance, let's say I have three links: Info, About, and Contact. If I click on 'About', it opens up a submenu under Info and About, and pushes Contact down to a new line below the submenu. If I then click on 'Info', it closes the previous submenu and opens a new one below Info, with About and Contact in a new line.
My JavaScript skills are pretty poor, so I was wondering if someone could help me identify where in the JavaScript I need to make changes so that the the submenus open below ALL the menu elements. Code:
This is my first time using the switch statement. I would appreciate your suggestion on how to do this properly. I am trying to get customer age which is (age) and compare it with the monthly rate then the text msg will display in the textarea. Also, I am having trouble figuring out how I can defined my monthlyRate in the switch or do I need to this outside of the switch? Code: }
I am using a switch function to toggle those links for display and unlink image will be hidden. But I have just duplicated the first block of javascript for the second tab, it didn't work. This is the first block of switch function, it works for first tab: Code:
I'm trying to make a printable version of a webpage using the css @media tag. On the page is a javascript which works great for the on-screen version but I need to find a way to switch it off when printing as it hides content.
Beyond building a separate page I can't think of anything obvious!
Is there a way where I can "guess" what relative speed the user's connection is?
Currently, the client is wanting some graphical intensive content and I'd like to be able to warn users on dial-up to allow them to go to a "gracefully degraded" version.
I thought of simply putting up a question for users to answer but the client would rather it happen, more or less, automatically.
I'm using a script that changes between 2 images when I click on the image: e.g. (An arrow that is pointing up and another that points down) When I click on the up arrow it changes to the down arrow and vice versa.
Now, when I click on the arrow it changes for the first time, but it cant be repeated. My goal is to let it change to the other image whenever i click it.
Code:
function changeMySrc(i) { if (i == 1) { document.getElementById("Img1").src="Images/up_arrow.jpg"; } else if (i == 2) {
i have a div up here and the id is inuse it chooses the first selection automatically to use
below that is a "menu" when one of the items are clicked it moves the information pulled via php from whichever one is clicked to the inuse div... as you can tell i am new to js and am trying to start out doing some different things with menu onlick items etc..
I have a few links on my website as follows: <a href="javascript:switchid('a6');">Link 6</a>but when I view source it comes out like this: <a href='javascript:switchid('>Link 6</a>
I'm trying to create a switch image code that will allow the new image to be a link as well. In the list item where you'll see ('blue.jpg') if I try to make this an anchor tag - it breaks the code.
<head> <script> function switch1(div) { if (document.getElementById('blue')) {
Is it possible to create a Switch Statement in a URL? If so, how? This is what I have so far:
<html> <body> <head> <center>
<Script Language="JavaScript"> function load() { var load = window.open(http://www.xxx.com/123456789,'','scrollbars=yes,menubar=no,height=600,width=800,resizable=yes,toolbar=no,location=no,st atus=no');
I have a switch function with four cases: each case executes a sequence of six css changes.How to stop it, if the viewer wants to abort, by choose another menu option?I've done a trawl, and the closest I've come to finding something which could be adapted is from this site,by MattEvans, a while back, buit it had to do with a loop in the function to be stopped:create a public/global variable called "stopped", set it to false when you start the loop.inside the loop put:
if(stopped){ break; }
then when you press "cancel" set the stopped variable to true .So, maybe something like
var=stopped function wrapSwitch() { if(stopped){ break; }
Today I updated my site with an .htaccess file to enable me to use FURLs and after I had change various urls I began testing features one the website to see it they are all working properly. My site has a lot of AJAX so it's important that it works properly, what I think it wrong is that the .htaccess file (which is in the root directory) is affecting the javascript's http functions. I also think what I need to do is make the .htaccess file only affect the root directory, which I do not know how to do.
Switch Create a HTML that uses Javascript. Create a page that tells a student the range their mark falls in if they know their letter grade. Below 50 is an "F", 50-59.9 is a D, 60 - 69.9 is a "C", 70 - 79.9 is a "B", 80 - 89.9 is an "A" and 90 - 100 is an "A+". You determine the input and output format.
<html> <!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.01EN"> <head> <title>Switch</title>
I have the code and CSS below working in everything except IE (Firefox, Safari, Chrome). IE (6,7 + 8) all refuse to change the image as it works in FF etc. Its stays static in the "contactArrow" state.
Ages ago I created a styleswitch (from the Sitepoint CSS Anthology)to get a printable page and it worked fine on all the pages I uploaded. Now, I find that when I go to "Print this page" on the original page layout (Imprimir esta p�gina), it switches, but won't switch back. Clicking the "Print" (Imprimir) link works fine, but click the "Back" (Volver) link and nothing happens.
I don't know if this has to do with the cookies set by the Javascript, but not being much good at Javascript, I haven't been able to do much about it. I've cleared the cache of cookies, but the print page still shows.