|
Hi,
I am gonna start a new web application which gives more importance to client side rather than server side. So we have so many technologies to achieve the client side scripting. eg :- JQuery,JavaScript,Angular JS. Among these which one should i use for my project?
Thanks In Advance
Sibeesh
|
|
|
|
|
you can start with jQuery.
Vindhyachal Kumar
|
|
|
|
|
Ok thanks for your reply.
|
|
|
|
|
0) Forget Javascript.
1) Go with jQuery which is better than Javascript.
2) If you don't believe, do Google search for "Javascript vs jQuery"
3) AngularJs is a javascript library like jQuery but it's also framework. Some people use Angular to create SPA.
Here a CP article. 10 Reasons Web Developers Should Learn Angular[^]
and one more post. 10 Reasons Why You Should Use AngularJS[^]
If you want to perform just client side operations, go with jQuery which is more than enough. And it'd be better to learn jQuery before start learning other javascript libraries like AngularJs, KnockOutJs, etc.,
|
|
|
|
|
thatraja wrote: Go with jQuery which is better than Javascript. jQuery IS javascript.
But yes, it is an easier way to use JavaScript.
There are only 10 types of people in the world, those who understand binary and those who don't.
|
|
|
|
|
|
Thank you Those links are useful
|
|
|
|
|
Advice like this will get me very confusing. First, JavaScript is a language. Second jQuery and AngularJS are libraries developed using JavaScript.
|
|
|
|
|
Agree with you. I just suggested OP to go with jQuery instead of javascript. Still there're many people fighting with old javascript code. Hereafter I'll add more details to avoid things like this. Thank you.
|
|
|
|
|
I suggest at least using the jQuery library but of course you'll want to design out your app first and make sure just the jQuery library can handle it properly.
For example, if you'll have grids then you'll likely want a separate library like jqGrid or something.
The point is your requirements and your current experience combined with your ability to learn new libraries should drive what you end up using.
There are only 10 types of people in the world, those who understand binary and those who don't.
|
|
|
|
|
I know JQuery, but i dont have much experience in Angular JS. And i can learn new technologies in a faster way. i love to learn those . Thanks a lot for your reply.
|
|
|
|
|
|
So you master all this client side scripting
|
|
|
|
|
|
|
I have been using AngularJS for about a month and have put it into a project and i really like it. AngularJS is written using javascript so javascript is something you SHOULD know. The nice thing about AngularJS is that you can incorporate javascript and jQuery (as long as you have a reference to it). When in doubt i use javascript over Jquery. Sure Jquery is easier to use but native javascript is much faster.
|
|
|
|
|
Yeah you are right . Native javascript is much faster than jquery. Thank you
Please up vote if it helped you
Thanks And Regards
Sibeesh
|
|
|
|
|
Hello there,
I want to have a function that turns this :
http://examplesite.com/folders/images/myphoto.jpg
to this :
http:\/\/examplesite.com\/folders\/images\/myphoto.jpg
Can any of you help me with that? I'm not that good at JS but I need this : /
Thanks.
|
|
|
|
|
If all that you want is to replace a '/' with '\/' then I would recommend you look into the String.replace method you get with javascript.
function repl(url) {
return url.replace('/', '\/');
}
But since you mentioned you were trying to turn a URL into JSON I am thinking there is more to what you are asking. In which case I would recommend the following:
http://james.padolsey.com/javascript/parsing-urls-with-the-dom/[^]
|
|
|
|
|
|
var httpAddress = 'http://examplesite.com/folders/images/myphoto.jpg',
charToRemp = '/',
rempCharWith = '\\/';
function regexp_changeCharsTo(charIn, from, to) {
var regExpFrom = RegExp(from, 'g');
return charIn.replace(regExpFrom, to);
}
function arrMap_changeCharsTo(charIn, from, to) {
return charIn
.split('')
.map(function (chr) {
if (chr === from) {
return to;
}
return chr;
})
.join('');
}
function forIn_changeCharsTo(charIn, from, to) {
var fnString = '';
for (var cr in charIn) {
if (charIn[cr] === from) {
fnString += to;
} else {
fnString += charIn[cr];
}
}
return fnString;
}
var regexp_test = regexp_changeCharsTo(httpAddress, charToRemp, rempCharWith);
var arrMap_test = arrMap_changeCharsTo(httpAddress, charToRemp, rempCharWith);
var forIn_test = forIn_changeCharsTo(httpAddress, charToRemp, rempCharWith);
|
|
|
|
|
I have a form containing data and a file input fields,
I want to submit and validate this form using jquery and ajax through one script.
Below is my form:
<form id="datas" method="post" enctype="multipart/form-data">
<input type="text" name="firstName" value="" />
<input name="pic" type="file" />
<button>Submit</button>
</form>
Now I have this code to validate the data
$('#datas').validate({
rules: {
firstName:{
required: true,
minlength: 2,
maxlength: 100
}
},
messages: {
firstName: {
required: "Please Enter first name",
minlength: jQuery.format("Enter at least {0} characters"),
maxlength: jQuery.format("Enter atmost {0} characters"),
}
}
});
Then I have a seperate code that could submit the form
$("#datas").submit(function(){
var formData = new FormData($(this)[0]);
$.ajax({
url: sucess.php,
type: 'POST',
data: formData,
async: false,
success: function (data) {
alert(data)
},
cache: false,
contentType: false,
processData: false
});
});
**QUESTION:**
Please how can I combine these two scripts to validate the file and data fields and also submit to the success page.
|
|
|
|
|
Since you are using the jQuery validation plugin why not read and follow their documentation where it appears they have some answers to questions similar.
http://jqueryvalidation.org/validate[^]
|
|
|
|
|
Using above code are getting any error?
|
|
|
|
|
I just happen to be writing this at the moment, you can use it as a template or to simply get some ideas
.onClientClick = load_template; return false;
function load_template() {
var
txtFocus,
txtError,
m_secureToken,
m_template,
m_filePath;
var vFlag = true;
txtFocus = $('[id*="_txt_Focus_Field"]').val();
txtError = $('[id*="_txt_Error_Field"]').val();
m_secureToken = $('[id*="_txt_Secure_Token_Field"]').val();
m_template = $('[id*="_ddl_CE_FI_Template_Field"] option:selected').text();
m_filePath = $('[id*="_ddl_CE_FI_Template_Field"]').val();
if (m_filePath === '--') {
$('[id*="_ddl_CE_FI_Template_Field"]').css('background-color', txtError);
$('[id*="_img_CE_FI_Template_Error"]').css('display', 'inline-block');
vFlag = false;
}
else {
$('[id*="_ddl_CE_FI_Template_Field"]').css('background-color', txtFocus);
$('[id*="_img_CE_FI_Template_Error"]').css('display', 'none');
}
if (true === vFlag) {
var send_Data =
"{" +
"\"p_secureToken\" : \"" + m_secureToken + "\", " +
"\"p_template\" : \"" + escape(m_template) + "\", " +
"\"p_filePath\" : \"" + escape(m_filePath) + "\" " +
"}";
alert(send_Data);
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "broadcastEditor.asmx/preview_Template",
data: send_Data,
dataType: "json",
error: function (xhr, status, error) {
exitCode = 2;
$('[id*="_updateProgress_Unified"]').fadeOut('fast', function () {
alert(xhr.responseText);
});
},
success: function (responseText) {
var objB = jQuery.parseJSON(responseText.d);
exitCode = objB.exitCode;
var p_Stream = unescape(objB.p_Stream.replace(/\+/g, " "));
$('[id*="_panel_CE_Container_XHTML"]').append(p_Stream);
$('[id*="_updateProgress_Unified"]').fadeOut('fast');
$('[id*="_panel_CE_Container_XHTML"]').fadeIn('normal');
}
});
}
}
|
|
|
|