I'm a total n00b to JavaScript (haven't written a single snippet of it yet ). I was wondering how hard it would be to have a checkbox cause the page to be reloaded if it was checked or unchecked.
<input type="checkbox" />
Is JS the best way to do this?
I want to be able to click on a checkbox (or a radio button) and have it reload the page, but also keep the item selected. The code I currently have reloads the page but does not check the checkbox or select the radio button. The code is:
<form name="myform" method="post" action="thispage.htm">
<input type="checkbox" name="checkbox" value="checkbox" onClick="javascript:window.location.reload()">
</form>
The problem comes when a user hits the browser's reload button...the Address Bar now reads http://mydomain//mypage.html#, and this produces weird javascript errors on line 1. I tried adding a phony href (<a href="#" onclick="window.location.reload(true)"></a>) to refresh, but
obviously the click event isn't being fired when the browser's reload button is hit. Can anyone suggest an alternative?
I asked about this a while ago, and got a great answer and a reference
to http://www.javascripttoolbox.com/bestpractices/new.php. I just need
to override onclick and return false. No biggie!
However, I discovered that my code worked fine in IE (no # in URL after
click), but not in FF (# appears in URL after click). Can anyone tell
me why?
if(link.attachEvent) { eval("link.attachEvent('onclick',function() {
GB_show('" +part.strDesc +"', '" +INFO_URL_BASE+part.infoUrl +"', 470,
600); return false; },false)"); }
else { eval("link.addEventListener('click',function() { GB_show('"
+part.strDesc +"', '" +INFO_URL_BASE+part.infoUrl +"', 470, 600);
return false; },false)"); }
I have an "input" page that allows someone to check a box which activates a datetime function, the page then returns to a display. My problem is that the input page can be relaoded and the box reticked, overwriting the displayed datetime.As the page reloads with the box showing as ticked i thought i could detect its state and toggle a disabled attribute. The java is not linked to a function "event" i just wanted it to fire on window load (there already another onload event)
function checksig(){
if (document.GetElementByName('SigExecLog').checked == "Checked")>
{document.GetElementByName('SigExecLog').disabled = "true"}
[code]....
I have some code that I want to implement on a page.
I've got a form field (SuppRegFee) that I would like to interact with
using a checkbox. When the user clicks the checkbox, javascript
populates the form field with a dollar amount ($1100). I've got that
part working just great:
PHP Code:
<input type="checkbox" name="Yes" value="Yes" onClick="SuppRegFee.value='$1100'" onUnClick="SuppRegFee.value=''"><br><b>Supplier Registration Fee:</b><br><input name="SuppRegFee" value="" size="5">
However, what I also want is that when the user UNCHECKS the box, the
total vanishes. Javascript offers the onClick method, but there appears
to be no "OnUnClick" method. How might I go about getting this to work
for me?
How could I change
<a onclick="processForm();">Continue</a>
to
<input type="checkbox" name="agree" value="1" onclick="if(this.checked).processForm();" /><label for="agree">Continue</label>
or to
<input type="checkbox" name="agree" value="1" checked="checked"
[Code]....
when i Using <a onclick="processForm();">Continue</a> then work fine, but i needed the checkbox.
I have a set of checkboxes and I would like to submit the form they are when one of them is checked. It works fine in IE, Netscape, and Mozilla on Win2K, also in Mozilla on the Mac, but does not work in IE 5.2 Mac. When you click the checkbox nothing happens.
Am I doing something incorrectly? Here's the code:
<form name="newRevenueBudget" method="POST" action="/budgetsurvey_02/05.do">
....
<input type="checkbox"
name="newRevenueSourceIndexes"
onclick="document.newRevenueBudget.submit(); return false;"
value="someValue">
I have a 10 checkboxes. Along with these 10 checkboxes I have 10 images that are associated with each checkbox. What I woudl liek to happen is when I click on one of the checkboxes it selects a class for the img object that will make the image go dim using opacity filter in css. When I untick the checkbox I want the image to go back to being opaque.
View 6 Replies View RelatedI want to enable text boxes if click on checkbox. Here problem that text field and checkboxes in a array. my code is given belowI'm getting checkbox values from database
<input type=check box name=checkbox[] value="1" /><input type="text" name=textfield[]>
<input type=check box name=checkbox[] value="2" /><input type="text" name=textfield[]>
I want keep disable all text fields on body onload and if i click checkbox particular textbox need to enable.
I am trying to get a checkbox to display an alert when the user clicks the checkbox for "other". Then if they click it again to unchedk it, it should not display the alert again. I keep getting an message that says not an object. Can anyone help me out with this? I have copied the code below for the checkboxes and the code that is in my .js file....
View 1 Replies View RelatedPlease verify the below code, there are 5 checkboxs in 5 rows, It shows 5 if you click on any checkbox, but should show row number.[code]
View 2 Replies View RelatedI want to add a hidden field to a form, when a user checks a checkbox. Everything works fine when I select the checkbox by an id:
function addfield() {
if($('#checkbox').is(':checked')) {
$('div').parent(this).append(*hiddenfield*);
}
}
<input type="checkbox" (id="checkbox") onclick="addfield()" />
[Code]...
If I have this [code]...
what do I need to write into the onClick attribute to make it submit? I want the user to be able to submit the form when this checkbox is clicked.
What I want to do is that when I click on a <input type="text" /> tag the checkbox next to it should become checked. I've tried with the help of internet for a couple of hours but I just can't find how I interact with other objects properly to achieve what I want to accomplish.
View 7 Replies View RelatedI have the following javascript for an 'accordian' style html widget.
Code:
var accordionItems = new Array();
function init(id) {
// Grab the accordion items from the page
[Code].....
I have nested checkboxes within each <h2> but I need them to behave independently of the onclick event that is set to the <h2> in the javascript.
In other words, when I select a checkbox, I don't want the onlick event to trigger.
Is it possible to trigger a page reload with JS?
View 2 Replies View RelatedI have a index page on which there are several iframes which point to pages from a tomcat server. Sometimes when the index page loads, most of the iframes display session expired error. When I refresh the page, all iframes load properly. I want to reload the page twice whenever I come to that page initially. I also want to reload that page twice when I come to it from another page. Any ideas are welcome.
[Code]...
I have a perl/cgi script that includes dynamically created
checkboxes and file names. When a given checkbox is checked I move the
related file. how do I redisplay the page without the checkbox and
file name. In other words, I want to reload the page just as if the
user has entered for the 1st time.
i've tried variations of:
<form action="/cgi-bin/page.cgi" method="post" onsubmit="doRefresh()">
function doRefresh(){
location.replace("/cgi-bin/page.cgi");
//location.reload("/cgi-bin/page.cgi");
//location.reload("");
}
Suppose I have a frame like 123bottom.html and within it, I want to promt
the user for a response (in the <HEAD>) like
var ans = prompt("What is your name?");
and then reload the page (via, say window.location.reload() ?)
using the argument of the value of ans appended onto the url so that, in
effect, say, I am calling the new frame as
123bottom.html?ans=Ike
Can someone show me how I need to call the page again, itself, like this
once I have the value for ans? Thanks, Ike (himself)
I need some kind of javascript that will work in a framed page. Right now when I try to navigate to another framed page located elsewhere on my website it's pulling it up in that frame, so it's an ever expanding framed webpage. I need it to simply open the new page up in the whole browser, and not in the individual frame..
View 1 Replies View Relatediam using the following javascript a page opener.location.reload( true ); but every time the page reloads iam a getting alert message. How can i reload a page with out a alert message
View 9 Replies View RelatedI know I can make a link that reloads a page like this:
<a href="thispage.php">Refresh this page</a>
Or, using javascript:
<a href="javascript:location.reload(true)">Refresh this page</a>
I am starting from "thispage.php", and I want to reload it as "thispage.php?action=newversion"? (This page has a form that reloads the rest of the page with new data when refreshed with the action call).
Is there a javascript technique that would do this without calling the "thispage.php" part? The page includes a function that I need to be portable to any page that I place it on.
Obviously this is very wrong but I am trying to do this:
<a href="javascript:location.reload(true) . ?action=newversion">Refresh this page</a>
This is my add a job script When a user selects a location from the dropdown it refreshes the page and populates the next dropdown with sublocations My problems is all the others fields become empty I would like it if the page wasnt refreshed Code:
View 6 Replies View RelatedI have a drop down menu that has an iframe in the menu. At the moment when i click the drop down menu it loads the iframe and the content in the iframe, but when i click it again it just runs from the cache, but is there a way to make it reload everytime when i click the drop down menu.
View 2 Replies View RelatedMany times i need to reload page in my website.
View 4 Replies View Related