Simple Button Swap Linking To Different Pages
Jul 9, 2009
you have two buttons, each of them links to different pages and is represented by an image (a button of course). When one button is clicked i want it to become active (so as to call this different image of the same button active i.e. with another color) and the other to swicht to its image inactive. Here is this simple script i managed to put together:
var interneti=true;
function swapimage(interneti)
{
if (interneti){
this.location.href = "telefoni.html";
document.images['internet'].src ="a_files/FirstNonActiveButton.jpg" ;
document.images['telefoni'].src = "a_files/SecondActiveButon.jpg";
[Code]....
Now, what happens is that the change of images that represent the buttons takes place only before the page it links to is loaded. Afterwards it seems like the page is reset. The buttons are in the header module called from every page in my site. I cannot understand how to make it possible that the document.images['internet'].src ="a_files/FirstNonActiveButton.jpg" ; happens in the page called.
View 3 Replies
ADVERTISEMENT
May 12, 2004
i have two pages titled: abc.html and program.html. in "abc.html", i have an image and a submit button. the image is a link that when clicked takes us to "program.html" page
in program.html, i have a form with select tag and some options. i have a function (say choose()) that displays the results as a new window.
now i want this choose() function to be executed only when the user clicks on the submit button in the page abc.html. how should i proceed? the sequence of program execution is as:
1) the user is first displayed with the page, abc.html having an image and a submit button
2) he clicks on the image present in this page and is taken to the page "program.html"
3) in program.html page, he has a form with select tag
4) the user just chooses his option and then clicks on a back button and returns to abc.html
5) here he clicks on the submit button and a window that displays the options he has selected is to be displayed.
View 3 Replies
View Related
Jul 19, 2011
How to link two html pages? If we use <a> then what do wr give value to href?
View 3 Replies
View Related
Sep 19, 2011
I'm new to Javascript and just trying to create a simple in-line image swap. Here is my code:
Code:
<SCRIPT LANGUAGE=JavaScript>
function swapImage() {
var image = document.getElementById("wordsearch")
image.src = "images/fall2011-wordsearchans.gif"
}
</SCRIPT>
[Code]....
The page displays but the image does not swap.
View 1 Replies
View Related
Sep 22, 2006
All I need to do is; on the click of a button, import the numerical
data in an html form (only one field) to a cell in a spreadsheet. Both
spreadsheet and the html file reside on the same server but there are
no dynamic capabilities. All I can use is html pages + javascript (or
anything else which do not require any special programs to be installed
on the server). Is this at all possible?
View 2 Replies
View Related
Feb 15, 2011
i have these 2 pages[URL]ideally my page will look something like moon.html w the menu at top...the prob is that the navigational arrows do not work and it is the header div preventing their functioningthe page ass.html has working navigational arrows but it is using the greyscale images to change the big image, how do i put the img id(what java is using to change images) on the colored version of image
View 2 Replies
View Related
Nov 15, 2009
How would I go about creating the coding for a submit button that links to another page? And I would I go about creating the coding for the reset button that resets the page? I go about creating a code to do so, but it never works. Here is the coding I have for the submit button:
<p id="pbuttons"><center>
<input type="reset" value="Reset" />
<input type="submit" value="Submit Order">
</center></p>
View 1 Replies
View Related
Apr 11, 2011
I have a page where I am using JQuery to load text into a DIV when you click on a button. Each button loads different text into an existing DIV. I need to be able to give people a link to the page that will preload certain text when they get there.
For instance, there is default text in the DIV when you go to mypage.html, however if you click on 'button_1' it loads different text. I want to be able to have a link that will automaticall have 'button_1' text loaded if i give them a link like mypage.html#button_1 (or something along those lines) How do I do that?
Here is my code for the text to load.
Code:
$(document).ready(function() {
$("#changeText").click(function(){
$('#textBox').hide().fadeIn('slow');
[Code].....
Is there someway I can feed that 'id' name into the link so that it loads this text when you get to the page?
View 1 Replies
View Related
Apr 13, 2011
I was looking for a way to pause animated gifs per command, and I found a thread in this forum with the appropriate instruction: [url]
I used the code example from there and adjusted it to my needs on my website: [url]
The code works as it should! (The button is in the top-left corner)
But there are 2 things I would want to improve. Unfortunately I can't fix them myself.
1) I don't want to use a button for pausing the gifs. Instead, I want the gifs to pause when <img id="tiles-img" ...> is clicked.
So what I tried is to replace the line obj=document.getElementById('button'); with obj=document.getElementById('tiles-img');
But then, it doesn't work anymore. Why?
2) The button only starts working from the 2nd click on? (No gif pausing at 1st click)
View 3 Replies
View Related
Jan 25, 2010
How to disablea buttonon page load (not an actual submit button -- an image that's hyperlinked) and then enable it and swap out the image once the "next" button is clicked?
View 1 Replies
View Related
May 23, 2010
I load a page with two default images and two radio buttons not selected. When either of the radio buttons gets checked I need to swap corresponding image. I tried this but it does not seem to work:
PHP Code:
<html>
<head>
<title>Untitled</title>
<script language="JavaScript">
function swapImage(currencyflag) {
switch (aspectflag) {
case "3x2":
3:2.src = "/i/misc/aspect3x2_rd.png";
16:9.src = "/i/misc/aspect16:9_gr.png";
case "16:9":
3:2.src = "/i/misc/aspect3x2_gr.png";
16:9.src = "/i/misc/aspect16:9_rd.png";
}}
</script>
</head>
<body>
<img src="/i/aspect3x2_gr.png" width="150" height="100" alt="" name="2x3">
<img src="/i/aspect16x9_gr.png" width="178" height="100" alt="" name="16x9">
<form>
<input type="Radio" name="aspect" id="3x2" onclick="swapImage(3x2)">
<input type="Radio" name="aspect" id="16x9" onclick="swapImage(16x9)">
</form>
</body>
</html>
View 2 Replies
View Related
Jun 30, 2009
I have a DIV overlay that I want to show as open only on certain pages but not on others (it is on all pages). The button that is related to the DIV must also display as on when the DIV overlay is open and in the off state when it is closed. This must happen on page load.
E.g. DIV open, button on.
DIV closed, button off.
I have the click show and activation working so all I need is it to display as open and on, on certain pages and then on others closed and off.
View 9 Replies
View Related
May 8, 2010
i have been tryin for a long time to get both of the javascripts(for the thumbnail to main img swap and the navigational arrow swap) to work in synchit needs to be so that after clicking on a thumbnail then on an arrow, the correct image in the correct order appears. as of now they are running separately and one has no influence on the other. forgive me if im not being clear. i keep trying to replace the id that one script is looking for with the same id from the other but this will not work..why?
View 9 Replies
View Related
Jan 11, 2008
I have a website I created using a wysiwig builder. I can edit the code myself as well. Here's what I'd like to set up:
Background music that starts automatically.
A small button (my own graphic) so user can switch music off.
It would be great if they could toggle off/on.
Music is mp3, but could be converted.
No browser specific suggestions please. Must be universal.
View 4 Replies
View Related
Jan 29, 2005
I would like to know whether it is possible to create a simple button using javascript. i know that text fields can be created using Javascript.
View 24 Replies
View Related
Nov 26, 2009
I can't get my toggle button to work.
Below is my jQuery code.
I have 2 css clasess 1st is play with a referenace to jpg play and the 2nd one has reference to pause.jpg.
All i want is simply to toggle between the two.
html:
css:
jQuery:
View 5 Replies
View Related
Apr 1, 2010
I'm working on a simple website in which I'm required to use two types of forms input on a webpage. I have decided to make a simple quiz which will be designed.Is this possible in a simple way? Sounds quite straight-forward.Is it possible to design a radio button which, depending on the choice, the related-text will appear underneath on the same page? So if they select 'A' then paragraph 'A' will show, if they select 'C' then paragraph 'C' will appear (with the rest hiding)..
View 6 Replies
View Related
Feb 24, 2004
I am trying to write a script that uses the IF statement to see wether or not a user clicked the back button to come to a page, and then if it's true to not let the page load and kick them back X number of pages (say 4) This is what I have so far:
<script language="JavaScript"><!--
if javascript:window.history.back == 1
{
javascript:window.history.back(4);
return false;
}
//--></script>
View 14 Replies
View Related
Sep 27, 2009
I coded the following JavaScript:
var el = document.createElement("iframe");
el.setAttribute('id', 'ifrm');
document.body.appendChild(el);
el.setAttribute('height', 250);
[Code].....
And am putting it between <script type="text/javascript"> and </script> tags in the <body> section of my site. But, it only works in certain areas of the page.
View 6 Replies
View Related
Oct 7, 2009
javascript:history.go(-2) makes it go two pages back for links but how do u put it in the script tags just when the page loads go back 2 pages?
View 1 Replies
View Related
Mar 28, 2011
I am a complete novice with Javascript, but am trying to work out how I can get a button to swap to another image when clicked, and each image have a different URL attached. I want to use this to toggle the bgcolor of my page using this script:
Code:
<script type="text/javascript">
<!--
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
[Code]...
View 1 Replies
View Related
Jul 20, 2005
I've got this code:
<html>
<head>
<style>
a{cursor:hand;text-decoration:none;font-size=10pt;font-family:Verdana;}
a:hover{cursor:hand;text-decoration:underline;}
</style>
</head>
<body>
<a href="" onClick=openR()>link1</a><br>
<a onClick=openR()>link2</a><br>
</body>
</html>
And I'm wondering why on the first link the css is working fine and on the
second one fails. Anyone know's?
View 1 Replies
View Related
Jul 20, 2006
How do you link in external js file from a current js file? i went to do it with <script> tags and remembered i wasn't in html.
View 8 Replies
View Related
Nov 21, 2003
Is it possible to link to a html doc using a javascript command? I don't wish to use any js in the <head> part of the html page, but just using a single javascript statement..
Something similar to
javascript:top.document.location.href='Link.htm' onMouseOver=window.status='yellow'
return true">
I need to use a code similar to this as I am trying to intergrate it into another script and can't use quotes.
View 2 Replies
View Related
Jan 16, 2003
Can I link from an external .js to another? If so, how do I do it.
I'm sure I've seen this topic before, but I took no notice then as I didn't need it!!
View 2 Replies
View Related
Jul 20, 2005
How can I use Javascript to look at variables passed from another page
using the GET method( a website address) and load that website?
View 1 Replies
View Related
