JQuery :: Lock An .aspx Form While Processing?
Jun 16, 2010Can the UI dialog be used for this?
View 1 RepliesCan the UI dialog be used for this?
View 1 RepliesI've created a admin center, that has two seperate login permissions. Admin which can edit listings, etc... and Viewer which can only view listings, and edit 1 or 2 of the listings details and not all of them like the admin. I've seen web-sites where certain text input fields are sort of Grayed out, not allowing for user to type, click in or change anything in that field. Sort of like the html text input field has been or is disabled. How can I get certain html text input fields to appear disabled, and the text that's inside un-editable or unchange-able?
View 3 Replies View Relatedi might be tired right now but I cannot seem to figure out a good way to show an alert before processing a form, the form is not processed using AJAX, just passed on to a PHP script I might however want to implement AJAX when processing the form, hmmm, maybe that will sort me out then I guess /pär
View 4 Replies View RelatedI have a form that has two input buttons. One of the input submit buttons is being used to delete data from a database. Whenever a user clicks that delete button I am trying to make it so that a confirmation message appears that confirms that the user wants to carry on with the action. Then if they click Ok, the form should continue processing otherwise it will fail.
<form action="<?php echo $_SERVER['php_self']; ?>" method="post" id="data" name="data">
<fieldset>
<table>
<tr>
<th>Check</th><th>Id</th><th>Added</th><th>Method</th><th>Host</th><th>Port</th><th>Time</th><th id="shell">Shell Location</th>
[Code]...
Currently, the confirmation message works great but I can't get the form to submit once I click.
I am looking for sample/ implementation ASP.net with Jquery.My requirement is I have web form with some controls, once the user click on submit, entire form should Grey out with message as processing .... once the database successful, successful message should bedisplayed and if user clicks on close on message the message should be closed and form needs to be cleared or some thing like this.
View 1 Replies View RelatedI have a database site I am currently designing, and would like to use a single page with forms in external html documents to undertake admin tasks (eg. add/remove records etc.)
I have managed to successfully load the form html into the necessary div using the $.load function, however, when I try to process the form, with this code:
$("#add_form").validate({
debug: false,
rules: {
maker: "required",
[Code]....
which asks 'process_form.php' to process the data, it doesn't seem to send the data in the form to the page. to confirm this, and whilst trying to get the system to work, the 'process_form.php' consists of 2 lines,:
echo $_GET['maker'];
echo '123456';
(ie. one line to return a string literal, and one line to return one of the variables which SHOULD be passed by the form)
This results in just the 123456 string being returned.
I have tried several things: loading the script above in the head of the 'parent' html page (ie. which the form is loaded into); - does not properly fire at all;
loading the script 'in-line' in the imported html - this leads to the result given above; running the script in an external script.js file through an onsubmit directive on the form...does not appear to properly fire the script.
By luck I had somehow found a way to collect data with a form, perform
calculations with JavaScript and display the form and calculated
results on the same screen.
Now I can't figure out how to do that again. The only methods of
reporting the calculation results seem to display a completely new
screen/window.
I just want to collect some numeric input data with slider widgets or
text boxes for an alternate method and display additional calculated
results 'real time' as the slider is adjusted. If this can't be done,
after a text box entry is made. Ideally the results would display
without a 'submit' button click.
I wish to carry out standard form validation (i.e. is it a date?, is
there a value in the field, is it a number) using the onBlur event
rather than the onSubmit event. This (of course) leads to problems when
cancelling an edit as leaving a field to press the cancel button will
trigger the onBlur event and therefore the field validation. Is there
any way to know the destination field / button that caused the onBlur
event? In Ingres ABF/W4GL (mid eighties language of similar
functionality to javascript) there was an available attribute called
the targetfield so the code could run...
onBlur myfield =
{
if (targetfield != CancelButton) {
carry out validation
}
}
Is there something similar in javascript or will I have to program
round the houses i.e. onBlur records which validation to run and
onFocus runs the validation (unless it's a cancel button)?
Is it possible to use JavaScript to apply different actions to a form
depending on a value within the form (eg sending form data to
different cgi scripts depending which radio button is checked)?
I have a snippet of javascript to check and make sure all the fields in a form are filled in. If they aren't then it shows an alert box telling you to put something in that form. If all the fields are filled in then it submits the form. That piece of code is this:
Code:
function checkFields() {
var errors = "no";
if(document.street_team.email.value == "") {
alert("Please enter an e-mail address..");
errors = "yes";}
if(document.street_team.name_first.value == ""){
alert("Please enter your first name.");
errors = "yes";}
if(document.street_team.name_last.value == ""){
alert("Please enter your last name.");
errors = "yes";}
if(document.street_team.loc_state.value == ""){
alert("Please enter your state.");
errors = "yes";}
if(document.street_team.loc_city.value == ""){
alert("Please enter your city.");
errors = "yes";}
if(errors != "yes"){
document.street_team.submit();}
}
Then i used a button to start the script. That code is this:
Code:
<button onClick="checkFields()">Join</button>
The problem is that if you don't have something filled in and the alert box pops up, once you click "ok" it still processes the form. Any ideas on how to keep it from doing that?
i have a form like this on a page called emailform.htm:
<form method="post" onSubmit=NewWindow()>
<H3>From: <input type="text" name="from"></H3>
<H3>Message: <input type="text" name="body"></H3>
<input type="submit" value="Send the Message">
</form>
when submitted, it calls this function:
function NewWindow(){
window.open('sendmail.php', 'newWin', 'scrollbars=no,
toolbar=no, width=200, height=200');
}
two problems:
1. the form values are not getting passed over to sendmail.php.
2. after the popup window pops up and loads sendmail.php, the original page, emailform.htm, changes to an error page.
so, what do i need to do to get the form values to be passed, and how do i keep the original page either from changing at all, or, if thats not possible, get it to simply reload itself.
I feel like I've been server-side programming so long that I completely forget how client-side works. I have a super simple form:
Code:
<form action="page2.html" method="post/get">
First name: <input type="text" name="firstname" /><br />
Last name: <input type="text" name="lastname" />
<input type="submit" value="Submit" />
</form>
Is there a way to use Javascript on "page2.html" to access the contents of firstname and lastname and display them?
I'm looking to create a processing page for a submit that has a little rotating processing image with a little verbage like "please wait while we process your information" Just so the page looks like it's actually doing something. Code:
View 1 Replies View RelatedI have a web application in which I want users to be able to submit a form. Something like this:
Code PHP:
<form method="post" action="index.php">
<input type="text" name="text" value="" />[code]....
Then when it is submitted, the data will be processed and the script which is processing the data will echo some data on-screen based on the data from the form.I need this to happen in an AJAX manner, ie: the page won't need to reload.how to go about doing this? I'll be using jQuery on the same page in case
I am trying to design a system that allows users to draw on a whiteboard with different colors, save their drawing into hidden input boxes in the form on the page, then they can click Save Logo to save it to process it through PHP. I have the whiteboard that allows them to draw, but I am lost as to how to get the thing to populate the hidden input boxes.
So, I have the following code:
<HEAD>
</HEAD>
<BODY>
[code]....
What I am trying to do is use the function mousedown(e) to include an event to update a hidden input box with the value of the TD's background color that the hidden input field is attached to, so that it can be tracked when the user hits Save Logo at the bottom of the page. When they hit Save Logo, I want the form to post to itself, go through each of the input hidden fields and capture the color for each table cell, then generate an image based on the generated array, save it to a file on the server with the user's $_SESSION['userid'] as the filename + .jpg.
The problem is, though, that I do not know how to tell JavaScript to do this in the function mousedown(e) code. Also, look in the function table_create and see if I am naming the hidden input boxes correctly; not sure if it will generate the wanted result.
Just a note: I can handle all the PHP handling of the form, I just need help with the Javascript.
Edit: I attached the entire script/page to this post because so many functions rely on each other to operate, and I'm not exactly sure which function will need to be modified to get the desired result. Also, you can copy the code to a .php file to see what it looks like (as that may assist in demonstrating exactly what I'm trying to do, visually).
Edit 2: I suppose what I need to find is how to get the JavaScript to assign a value to the hidden input field that has the same id as the TD field that it needs to be linked to.
In the following code
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.uilock.js"></script>
<script>
/* All you have to do is to call
* a uiLock() function
*/
$(document).ready(function() {
$('#submit').click(function(){
// To lock user interface interactions
// Optional: put html on top of the lock section,
// like animated loading gif
$.uiLock('Click Here <a href="#" onclick="$.uiUnlock();">unlock</a>');
});
// To unlock user interface interactions
//$.uiUnlock();
});
</script>
Where and how would I put a Animated loading gif?
I'm using
<link href="../css/le-frog/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" />
<script src="../js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="../js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
[Code].....
Like that, my aspx button inside the dialog (inside the div) doesn't work... it doesn't do a post back. I click and nothing happens (no JS errors). If I comment out the line $("#dialogProd").dialog({ width: '400', position: 'right' });
Then it works normaly as expected (obviously the dialog doesn't show, and I see the DIV as a regular div).
Is there anytihing wrong with the code? some way to prevent this? I had the same code in older version of jQuery and did not have a problem.
I'm new to using JQuery and I've been searching everywhere to be able to post XML to a WebMethod on an aspx page in a site. I'm sure it can be done but I just have no idea how.
View 2 Replies View RelatedI'm trying to create a querystring in my aspx page. I need to pass in 2 variables as parameters. The end goal is something like this:
Popup.aspx?paramOne={0}¶mTwo={1}
I have a function that needs this string.
$("#<%=FindButton.ClientID %>").click(function() {
var paramOne = $("#<%=ParamOneDDL.ClientID %>").eq(0).val();
var paramTwo = $("#<%=ParamTwoDDL.ClientID %>").eq(0).val();
var queryString ='<%= string.Format(Constants.MyPopupQuerystring, paramOne,
[Code]....
That doesn't work. It doesn't recognise paramOne and paramTwo with that syntax, so i tried to use the DDL.SelectedValue directly and that doesn't work either as it doesn't find a value for some reason. I can manually set up the string as follows: queryString = "MyPopup.aspx?paramOne=" + paramOne + "¶mTwo=" + paramTwo);
which works but is not good coding practice as I don't want to hard code stuff.
What is the correct notation to do this?
I have jQuery loading content from an aspx page - however, once this is loaded, jQuery doesn't appear to "see" the content. For example, in the code below, I am retrieving a table, with the class "stripeme" from the aspx page - I then try to add the mouseover/alternate row scripts, but my table does not change.
My main page is:
(page head info removed for length)
<script type="text/javascript">
function showDetails() {
var div = $("#divResult");
div.slideUp(function () {
div.load("getContent.aspx", .....
Should I add dynamic content, that I then want to manipulate using jQuery, in some other way?
I can obviously load an aspx page into a div container thru .load jquery function. But, if the aspx page is already enginereed to work with aspnet ajax (scriptmanager,etc) , this is lost and the first postback cause all the page to reload. My question is, how can I import an aspx page into a div, maintaining its own ajax functions ? In case it's not possible, what's the best way to get same result?
View 2 Replies View RelatedIn my home.aspx page ,asp.net application
<script
I downloaded this from the link: [url]
here we have my new site
[URL]
If you look good the source of this page, i have some .aspx load to .ajob div when i click image links...
here the piece of :
<div
class
="thumbnailMask"
> <ul
[Code].....
.aspx appears in this too :
[URL]
i want replace .aspx by xhtml or html in the same place then there
Actually it has been just 3 months i started using JQuery and its whole lot exciting with the things we can do using jquery. Is it possible to call a javascript function inside aaspx page created in sharepoint designer on a daily basis automatically .
View 1 Replies View Relatedit's possible to lock a window, so it will stay in front of other windows, even if i click on another window in the browser - like what how the skype window always is in front (and i believe that there is even a little lock in the left corner). This Javascript just have to be compatible with either or both IE8 and Chrome.
View 3 Replies View RelatedIn my page there are a combo-box and a check-box that should have the following behaviour: When check-box is checked, the combo-box has to take a precise value and has to be not editable by the user. I cannot use DISABLED option because the back-end needs the value in the combo and READONLY option is useless with a combo-box.... So I don't know what to use to make the combo "disabled"
View 11 Replies View Related