Show Hidden Field That Is Not Empty After Page Reload
Dec 14, 2009
I have a form and in the form is a checkbox use as a switch to hide and unhide a two textbox. When the other textbox is hide, the other is unhide such as the code below. When the user click the submit button on the first time and there is an error, it reloads and the id="fieldset.-in_honor" hide because it is set to hide initially but not empty. My problem is, I want to show the fieldset whichever is not empty after submit button is click and there is an error so user will not enter any more information to the other field. Is that possible?
/*toggle switch*/
<p><input type="checkbox" name="in_honor" value="" id="checkmemoriam" onclick="showHide(this.name);" />Please check to make this donation in honor of someone special.</p>
/*hide textbox but unhide when the switch is on or the checbox is check*/
<fieldset id="fieldset-in_honor" class="fieldgroup" style="display:none">
<legend class="hide">In Honor Of</legend>
<p>To make this donation in honor of someone special, please complete the two fields below:</p>
<div class="formfield" <?php echo highlight('donate_honor_name'); ?>>
<label for="donate_honor_name">Name:</label>
<input id="donate_honor_name" name="donate_honor_name" class="text" type="text" value="<?php safeEcho($form['donate_honor_name'])?>" />
<?php helper_error('donate_honor_name'); ?>
</div>
<div class="formfield" <?php echo highlight('donate_honor_acknowledgement'); ?>>
<label for="donate_honor_acknowledgement">Acknowledgement should be sent to:</label>
<textarea id="donate_honor_acknowledgement" name="donate_honor_acknowledgement"><?php safeEcho($form['donate_honor_acknowledgement'])?>
The thickbox opens with the title "Preview", but is empty.I've alerted the div after setting it, and it does contain the formfield value.Why might this be happening? I've also tried setting the div like this (foo as dummy text - to no avail):
I am running a simple show hide div script as follows: <script type="text/javascript"> <!-- function toggle_visibility(slideshow) { var e = document.getElementById(slideshow); if(e.style.display == 'block') e.style.display = 'none'; else e.style.display = 'block'; }
//--> </script> <a href="#" onclick="toggle_visibility('slideshow');">Show Gallery + </a> <div id="slideshow" style="display:none">slideshow</div> It works but the page reloads and returns the user to the top of the page not to the "shown" div. Any way to send them back to the shown div or stop the reload?
I'm using a jquery slider for displaying content on a webpage.
[url]
Like in the first examples i have 5 panels, and i have a meta navigation, contact, links ect. all thedifferent content for the meta-navigation is displayed via jquery in panel 5, and is working fine.
Now my question; when the user is for example on the second panel, and the clicks on links, the page should show panel 5 (which is the index page(default.asp)), and then show only the content for the links.
I tried different stuff for loading the defautl.asp page, but it doesn't work. how do i tell, that if i click on the link wirh class="kontakt" the page should load the default.asp, and THEN do all the jquery stuff?
Below is one example, what i tried, but did not work.
I got this script of the internet that toggles a hidden div on/off. I have converted this script into a drop down menu so the hidden div is the second level of the menu and is floating above the rest of the content. how to go about modifying the script so that the hidden div is hidden again when i click anywhere on the page other than the div itself instead of having to toggle it.
So I just finished developing a big app in FF, Chrome adn Safari where everything works great. I switched to IE expecting maybe a few bugs, but almost NONE of my jQuery works. Just to test I put together a simple page to test basic jQuery and it still doesn't work:
[Code]...
I just have a hidden div on my page and want to show it and it doesn't work.
Right I have a process page in php which is fairly long and complex with many options. If a certain option case is met as this ie: we've hit the Note Saved case.
// save notes against company if ($_POST['a']=="Save Note") { if (addnote($_POST['notetitle'],$_POST['notebody'])) { $err = "<p id="returnresults"><font color="red"><strong>Note Saved</strong></font></p>"; } else { $err = "<p id="returnresults"><font color="red"><strong>Failed to save note.</strong></font></p>"; } }
I want to then wait until the page load is complete and then do the following.
The reason I need to wait for page complete is that the div that needs to be displayed it one of the last parts of the page rendered so triggering the above too soon leads to the div not actually being available to be shown. Now my current fail attempt at doing it was this echo "<script type="text/javascript">if (confirm('You have not yet added a call back event do you wish to do so now?')) { document.getElementById('addevent').style.display='block'; } However it doesn't display the hidden div
I have done the hide/show divs using javascript.Its working fine but the problem is that at the time of page loading the hidden divs are showing first anf then disappearing.Is there any way not to show the hidden elements even if the page loads for first time
that a javascript which is validating a phone number accepts only digits but if the text field is left empty it should accept the entry as an empty entry...
im trying to hide a div on page load,ive used this.
<script type="text/javascript"> function hideDiv(){ document.getElementById('sidebar').style.display = "none";[code].....
and this in the body tag
<body onload="javascript:hideDiv()">
it works fine hiding the div named sidebar, problem comes when i try to then use an Onclick event to show the hidden div, it just wont show.can this be done?
I have created a html purchase request form that people will fill out and submit to make purchase requests within my company. In this html form, I have a text field that is automatically populated when the page is pulled up. The text field is populated with the name of the person who is logged in and it is read only so they cannot be deceitful or anything.To get to this HTML Request form, you must log in through a webclient thus the server knows to populate your name because you are the one logged in. The text field populates because of its <input NAME = "OBProperty_CurrentUserRealName", which is a keyword the program identifies and knows to populate with the logged in users name into that particular text field.
That works all fine and dandy, so here is where the problem lies. When submitting the overall form request, the populated name isnt being saved/ carried over to the admin page so we do not know who it was submitted by.To make the persons name carry over and save, another field name keyword must be used.
Which is OBKey__163_1. Which it was suggested to me to make that the input name of a hidden field. I need "text field A" to continue to populate the form with the persons name using OBKey_CurrentUserRealName, then pass the persons name off to a hidden field containing the input name=OBKey__164_1, which will thus save/pass the persons name on with the rest of the filled out request form when its submitted.
this.add = function(element, err) { if ( !('__validate' in form[element]) ) { form[element].__validate = function() { if (this.value=='') { alert(err); this.focus(); return false; } }
} fields.push(form[element]); }
this.check = function() { var len = fields.length; for (var i=0; i<len; i++) if ( !fields[i].__validate() ) return false;
return true; } }
function form_onsubmit(form) { var vform = new Validate_form(form); vform.add('domain_name', 'The domain field is empty'); return(vform.check()); } --></script> <form name="signup" method="post" action="" onsubmit="return form_onsubmit();"> <input type="text" name="domain_name" /> <input type="submit" /> </form>
This is nothing special. just a basic empty field validator. it's probably not as efficient as it could be because it assigns the function to the various elements. It also only supports text fields. I was thinking of allowing a 3rd argument on Validate_form.add to accept something like Validate_form.stock.email/number/etc (functions). ah well..
I'm trying to get this code to work correctly. What I want it to do is to place a value in the field box then when the curser clicks there the field becomes blank.Ok, that part works.But I want it to display an alert if the submit button is clicked while the value is being displayed.Also, i want it to display an alert if the field has become blank and the submit button has been clicked.
I have disabled a file input field which has a textbox above it. I am trying to make it so that when there is text in the textbox the file field is enabled and disabled when it is emtpy.
I do not want to assign id's to the file inputs so im trying to use the current[code]...
I want to test if a input field is empty or not, if it is I don't want to execute the rest of the script. After googling I thought I might of found a solution but it doesn't appear to be working :( Even if the input field is empty my script still executes.The solution I found How do I test whether an element exists?The only thing I really add was:
if ($('#phone').length) before $('#search_customer').blur(function() to test the input field add_reservation.php
I'm in an early stage of redesigning a website and have come across a very annoying problem.
The following JS snippet is necessary to show/hide an arrow to navigate across the page:
Code:
Unfortunately it also generates an empty div <div></div> before every <a href. It's clearly visible using Firebug. Without that particular piece of code the page is working perfectly fine too, but I want the arrows to show up on mouseover.
Please find the beta page on [url] and check the code (look for <!-- script inserts <div> before a href -->). A textbox with 2 links is at the very end of the gallery.
I have a problem in asp application validation. My textbox only accepts numeric value.It should not accept empty field and negative values and charcters.I am not aware of IsNan function.
If you see this site: [URL]. You will see the button +info. By clicking there, I show or hide a <div> using the below js function:
<script language="javascript"> function toggle() { var ele = document.getElementById("toggleText"); if(ele.style.display == "block") { ele.style.display = "none"; } else { ele.style.display = "block"; window.scrollTo(100,300) }} </script>
The problem I have here, is that each time the "next" or "prev" buttons are pressed (< or >) reload the page, and I want to reload the URL but with last status for the ele.style.display. I don't know if I am clear enough, but for instance, I open the website home, then click in +info, it shows the hidden div, then click in next button ">", I want that +info is opened if previously it was opened.
so I have a form page for a cart to checkout, on the first page, I am using the form action get and the page to pass the variables in the url to...
on the next page, I have grabbing some of them using the document.indexOf function...works great just using document.write(what is returned from the indexOf function); obviously, this just outputs the value in text, however, I need to set the value of a specific hidden field on the same page/form to that of what is returned by what I described above:
I am still learning jquery but I am wondering why this code does not work. I have a select field called item_name and a hidden field called amount. Based on the selection in item_name, I want to set the value of the hidden field (amount) to a set value. For example:
$(document).ready(function () { $('#item_name').change(function () { var value = $('#item_name').val(); if(value == "institutional memberhip"){ $("#amount").val("$349.00"); [Code]...
I want to have a window pop up with a form. When the form is submitted, it needs to pass along the URL of the original window. If find on th web eight gazillion descriptions of how to pass data from one page to another via hidden fields, but not a word about how to pass that data a second time. Code:
