I am new to jQuery, and learning more about Js by doing. I can hand-code HTML and CSS very well and understand OOP effectively. However, troubleshooting complex Javascript code combined with jQuery is a challenge to me, but I really want to learn. I am using Windows XP Professional and IE 8, FF 3.6.
[Code]...
I work for a financial company. I am planning to give a presentation
to rest of the development team (15 people) here on moving server side
logic to client-side javascript for an internal intranet application
rewrite. This approach will definitely stir up hot debate from
hardcore server-side Java folks who wants to do UI stuff even on the
server!. Since I am pretty much known as the JS or UI Guy of the
group, my Boss wants to hear the broad spectrum of PROs/CONs from each
proponent.
Personally, I think Javascript/Ruby is a more productive language than
Java.
My idea is simple. It is to convert most business logic to client-
side javascript and have calls to server-side code restricted to user
roles with data validation. Thats as simple as it gets.
Here are my list of arguments
1. True separation of UI logic from server-side data processing code
(no more server code spitting out client-side code)
2. Better user experience with faster response
3. The whole web 2.0 thing (no page refresh) :)
4. Offload client processing from server therefore reducing network
traffic (not really a strong argument is this?)
Keep in mind this is an internal app. Even if someone figures out the
JS logic behind the page and try to hack the app by posting to
Servlets, they will be restricted by their login role, and data
validation will take care of any bogus data being submitted.
I am developing a web form using python cgi which has two list boxes. On selecting a value from the listbox1, the list box 2 should get auto populated with appropriate values (which are taken from the DB). I have written a javascript function to get the selected value from the list box1. But I am struck with passing the values from the javascript to the python function written in server side in which I have written the DB related stuffs.
View 1 Replies View RelatedI have a Hyperlink within a String like below:
sSql = "SELECT DISTINCT " + "'Action' = '<center><a
href='+char(34)+'ChangeRequest.aspx?ID='+cast(Chan geRequest.ChangeRequest_ID
as nvarchar) +CHAR(34)+'>Open</a></center>',"
I want to invoke a Client side javascript function and pass the value
of the ID. How can I accomplish this such when a user clicks "Open" he
goes to a new window with the same ID.
I tried this but it does not work:
On Server side:
sSql = "SELECT DISTINCT " + "'Action' = '<center><a href= 'javascript:
NewWindow('+cast(ChangeRequest.ChangeRequest_ID as nvarchar)+
CHAR(34)+)'>Open</a></center>',"
On Client side:
function NewWindow(myID)
{
window.open("ChangeRequest.aspx?ID="+myID,"WindowName","width=500,height=600");
}
</script>
I want to send three text box values to server using jquery ajax. problem is that, i dont know the exact syntax to send three data. When i try sending one data(also change no.of parameters to one at server side method), its going good but when i try to send three text box values, its giving jquery error:"Internal server error". I think I am not sending data in correct way. Example below contains only two sending data, because i was trying to send 2 data first.
Below is the code:
function testCAll() {
$.ajax({
type: "POST",
url: "dbTest1.aspx/SendMessage",
[Code]....
how to pass javascript variable values to server side code i used a hidden field and passed he value in it . i do get the value in hidden field but on using request("hdfield") its blank how do i get the value frm javascript
View 1 Replies View RelatedI am building a client-side and server-side solution and want to use JSON through Ajax in both directions. I have ASP or JavaScript server-side, though Microsoft's support of server side JavaScript seems nil, so I am reluctantly conceeding to use ASP. I'd appreciate suggestions on available solutions to encode/decode JSON on the server-side (ASP or JavaScript). I don't plan to load jQuery server-side so that rules out plug-ins. I'd also like to know what is the latest client-side encode/decode for JSON. Is it built in jQuery or a plug-in? In both server and client, decoding JSON securely is key, so using eval () to decode is out.
View 1 Replies View RelatedOn the server side I have a php generated session parameter.
I need to pass it to javascript on the client side page.
I saw on the web the following solution code...
I tried it but it did not work.
I have the following PHP code, which uses server-side validation, which works fine. It the user leaves the text field empty it stores an error in a session array which is outputted on the page where the $_GET['id'] variable came from. I also implemented a snippet of javascript code that just checks to see if the cell is empty and throws up alert box. The problem is that both the javascript code and php error validation are both running when I click submit. The PHP code should be a backup to the javascript code in case the user has javascript turned off. The client-side validation should be the default. Not sure if this change should be made in my PHP Code or Javascript Code.
PHP CODE:
session_start();
require_once("../Modules/Connection_Functions.php");[code].....
I have a web form that has a checkbox on it and a textbox associated
with it. I want the textbox to be displayed when the checkbox is checked
and I want this to happen on the client-side instead of posting back to
the server. The checkbox is a server control (asp:checkbox...). I can
write some codebehind that will display an alert message upon checking
the box that looks something like this...
Page_Load...
Dim s As String
Dim scriptString As New System.Text.StringBuilder
chkExpDate.Attributes.Add("onclick", "alertmsg()")
scriptString.Append("<script language=JavaScript> function alertmsg()
{")
scriptString.Append("alert('hi'); }<")
scriptstring.Append("/" + "script>"
s = scriptstring.ToString()
Page.RegisterStartupScript("startup", s)
End Sub
I used this as a test to make sure the server control was running the
script. But, when I change the script to assess the value of the server
control checkbox such as checked = true, I get errors and if I just try
to display the asp:textbox, it doesn't work either.
I had a import function which allow for user import data from excel file. The number of row was dynamic, mean that user may import hundred or data or may thousand of line.
should i perform client side or server side validate?
the problem i faced was if the import thousand of line, i need display out thousand of text (multiple by 6, cause 1 got 6 fields)
the take a lot of time to loading and cause browser "hang" (response slow)
any solution for me?
I have the following client-side Content Management System VBscript which works great, now I'm looking at getting it to work server side so that I can update using online login rather than offline and having to upload files. To be honest, I have no idea where to begin with this,
Here's the full VB script:
[Code]...
I'd been looking for some way to get server date/time without using any server side script (such as ASP, PHP, etc).
I found this and it worked just excellent for me! I just want to share it because it wasn't easy to find.
I created a js document with code:
Code:
Now, I can use this js within a html like this:
HTML Code:
You may change your machine date/time and check both dates.
In ASP.Net, I am trying to create a WebControl. In this control, I have RenderControl method overridden with my html controls.
protected override void RenderContents(HtmlTextWriter output)
{
output.Write(@"<table><tr><td>");
[code]....
How can I make the button call the click event so that the server side method btnExecute_Click() can be called? Also, this button calls a javascript function before server side even.
I have designed a form as below
<form action="https://checkout.google.com/api/checkout/v2/checkoutForm/Merchant/XXXXXXXXXXXX" id="BB_BuyButtonForm" method="post" name="BB_BuyButtonForm" target="_top" >
<input name="item_name_1" type="hidden" value="Test Product"/>
<input name="item_description_1" type="hidden" value="Test Product of my cart"/>
[Code].....
On hitting the button one new window is getting opened with response URL from 3rd party(in this case Google Checkout). But for me i need to open this in a inline-popup (lightBox, ColorBox etc...) rather than new window. In the form definition, i have replaced mymerchant_idwith 'XXXXXXXXXX' for privacy purpose
I try this sample [URL], where data is procesed on server. I prepare tables in DB and data. and nothing isn't displayed in datable? Then I create same server_prcosing php and I checked syntax from php it was OK same as json, but jquery.datable did not process any data on screen.
source:
style type="text/css" title="currentStyle">
@import "css/demo_page.css";
@import "css/demo_table_jui.css";
@import "css/smoothness/jquery-ui-1.7.2.custom.css";
</style>
<script src="lib/jquery.dataTables.js" type="text/javascript" language="javascript"></script>
$().ready(function() {...
$("#example").dataTable({
"bProcessing": true,
"bServerSide": true,
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"sAjaxSource": "SearchForms/server_processing.php"
});
});
i'm trying to add a server side method to the jquery validator. my code is:
$.validator.addMethod("existing
",function (value){
$.ajax({url:"ajax.php",data: value,type:"POST"
,async: false, dataType: "text" }).responseText ==
[Code].....
My javascript code
<script type="text/javascript">
$(document).ready(function() {
$('#dialog').dialog({
modal: true,
[Code].....
How to invoke this server side button click event from the jquery dialog ok button
From WebForm1.aspx, I have successfully retrieved a string that is dynamically generated in WebForm2.aspx and spit out to a Literal control in a div. This is what I did.
//In WebForm1.aspx, I have:
$.post("WebForm2.aspx", { para1: "value1", para2: "value2" },
function(data) { $("#mydiv").html($("div#div1", data).html()) });
That's pretty simple and easy to understand for you jQuery gurus out there.
Now, I am trying to do the same thing within the single web form. That is, in WebForm1.aspx, I have this jQuery script to post to the same web form (i.e., WebForm1.aspx), but it is not working. Postback works OK, but I am not able to retrieve the dynamically generated string and spit it out to mydiv.
What's the jQuery way to do this? Any example? I searched, but I've only found examples which try to get static string values, which I know how to do.
You can use JQuery's data method (e.g. $('#MyID').data('MyVar', 'MyValue');) to easily store/retrieve information.
However, I was wondering if it is possible for my PHP generated page to add HTML tags that initialize the JQuery's data method variables. Regularly, I want server side variables to be accessible client side. It would be very helpful if I could initialize data method variables during PHP page generation.
If this is not possible, are there any suggestions on how to efficiently communicate server side variables to client side?
My login to the site is being processed using ajax, which does a redirect to the members page upon succesfull loggin in.The login feature however can in fact take a while because we need to initialise quite some data when a user logs in (his details, but also his privileges are loaded, his personal menu based on these privileges are being loaded, we are loading shopping cart info, we are initialising personalisation settings, and a whole lot more.It sounds like a big thing, but it isn't, and once logged in, the application is going great. the only thing is that the login proceure can take 3 - 4 seconds, and I would like to be able to show the client the progress of the serverside script:
"Searching your account..."
"Validating your privileges"
"Initialising your personal menu"
blablabla...
To do this, I might just call an ajax call that starts the login procedure, and then issue another ajax call every 1 second or so to update the status based on some session variables I set in the login procedure and that I can serve to the client when th next ajax calls come in, but I would love for this to work a little nicer as in just needing to initialise ONE ajax call which can send back statusupdates from the server...
I'm using the AutoComplete Plugin with ASP.NET MVC For some reasonthe client side input value is NULL when it reaches the Server method.
View 2 Replies View RelatedIs there a way to do this for a while. Say I have a dynamic page that generates some td elements. The syntax here is freemarker but you can easily envision your favorite serverside text generating language instead.
<table id="records">
<thead><th>Name</th></thead>
<tbody>
[#list records as record]
<tr>
<td class="trigger" id="trigger_${record.ID}" onclick="showDetails
(${record.ID})">${record.name}</td>
</tr>
[/#list]
</tbody>
</table>
<script type="text/javascript">
function showDetails(recordID) {
// normally an ajax post but you get the idea
window.location = '/record?recordID=' + recordID
}
</script>
Now I want to get that onclick out of there and bind it using jquery, but I haven't been able to figure out if there is a way to get the parameter there. Apart from putting it in some attribute and looking at it. Is there a cleaner way?
<script type="text/javascript">
$(document).ready(function() {
$('#records td.trigger').click(function() {
window.location = '/record?recordID=' + ??? how do i get that
});
});
</script>
I know I could look at the elements attributes, something like this.attr("id").substring().etc().etc() .. but sometimes there are many parameters to the javascript fn to generate the post and that approach doesn't seem to viable. and there isn't really a standard attribute to use that makes sense for that anyway.
I am doing a password reset form using Jquery and PHP. If I try to submit an email id it should sent and email and report back the response text as success so that the user knows email has been sent. But I am stuck with JSON submit as I have an empty array to decode at the serverside. I am using minified version of json2.js from the official json.org website
Here is the code.
Code JavaScript:
var formdata = $("#log-box").serializeArray();
formdata = JSON.stringify(formdata);
var notifymsg;
alert(formdata);
$.ajax({
type: "POST",
url: "forgot-pass.php",
contentType: 'application/json',
data: formdata,
success: function(responsedata){
var some = responsedata.split("&");
$.each(some, function(index,value){
//alert("index="+index+"value="+value);
});
},
error: function(o, s, e){
alert("Form not posted
"+e);
}});
formdata alerted gives:
[{"name":"email","value":"ravi.k@gmail.com"},{"name":"acctype","value":"loginaccount"}]
PHP forgot-pass.php
Code PHP:
print_r($_POST);
Gives
Array(
)
I am making a call to a php file which right at this minute has no validation, all validation is been done by the jquery form plugin. the validation (xss prevention soon to be implemented) in the thanks fails I want to stop the processing of the form i.e. stop the return of success.
[Code]...
I have a submit button on my form. However, I would like to do validation before submitting. I would submit the form values only if the validation has passed. How can I do that? Can I have an example please.
I have the following code:
<input type ="text" id="password"/> <input type="text" id="confirmPassword"/><label for="err"></label><input type="submit" value=Save/>
