Response title
This is preview!
- Screen name: gautamx07
- About Me: I am a Jquery/Bootstrap developer . I primarily delve in HTML5/CSS3/JS .
gautamx07's Profile
175 Posts
560 Responses
3
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- 19-Dec-2018 05:46 PM
- Forum: Getting Started
Apologies for the slightly irrelevant question but ...I currently have the following query to select the id of a single product, like so:- client.post(https://merck-nextgen.veevavault.com/api/v18.3/query?q=SELECT id FROM product__v WHERE name__v = '${VOLT_CREDENTIALS.get('cred').productName }'` , args , function( data , res) {
- //console.log( 'PRODUCT ID IS ' + data.data[0].id);
- productID = data.data[0].id;
- resolve("Product ID Retrived ...");
- });
But what if i have multiple products , I.E. maybe more then one , how do i go ahead and select the id's of multiple products using the same query as above ?I am using nodejs and VQL.Right now the value of VOLT_CREDENTIALS.get('cred').productName is just "demoproduct". So how do i go about selecting the id's of multiple products ?- 07-Oct-2018 02:56 PM
- Forum: Getting Started
Hey Guys , Good day , have a question about a vanilla JS plugin written in ES6 .This one here. Can't i just import the index.js from the /src directory and work with it ?- 10-Jul-2018 06:15 PM
- Forum: Using jQuery
I have the following quiz component here.There are 10 questions and on click of the result of the final question , your performance of the over all quiz is shown, the response is fetched though a ajax request (in scripts.js) , like so:- $.ajax({
- type: "POST",
- url: $("#quizForm input#QuizResultPreview").val(),
- dataType: 'html',
- contentType: 'application/json',
- data:JSON.stringify(quizAttempt),
- success: function(data) {
- /* console.log(data);
- var data = JSON.parse(data);
- var html = '';
- for( var i = 0; i < data.length ; i++ ) {
- if( data[i].CorrectSelectionResponse !== null ) {
- html += "<div class='quiz__indi__answerwrapper'><span>"+ data[i].QID.slice(1 , data[i].QID.length ) +"</span><span>"+ strip(data[i].Question) +"</span><span>"+ data[i].CorrectSelectionResponse +"</span></div>";
- } else {
- html += "<div class='quiz__indi__answerwrapper'><span>"+ data[i].QID.slice(1 , data[i].QID.length ) +"</span><span>"+ strip(data[i].Question) +"</span><span>"+ data[i].WrongSelectionResponse +"</span></div>";
- }
- } */
- $('#resultTemp').html(data);
- },
- error: function(xhr) {
- $("#resultTemp").text(xhr);
- $('#resultTemp').show();
- },
- failure: function(xhr) {
- $("#resultTemp").text(xhr);
- $('#resultTemp').show();
- }
- });
In the html though i see a few weird characters displayed like so (The same can be seen by navigating the quiz component link i shared above). how do i sanitize the data sent from the server ?- 19-Apr-2018 04:10 AM
- Forum: Using jQuery Plugins
I need to create a calendar like this --> URL(ignor the arrows on the left and right).Now i have seen alot of date-pickers etc. but is there a plugin that creates something like this ?just display the calendar of the current year. I saw this plugin HERE , but i am not quite sure its the solution.- 02-Dec-2017 09:05 AM
- Forum: Using jQuery
I have the following submit code for my form:- // Form submit code
- $('#gform_wrapper_1 form').submit(function(e){
- var FormErrorFlag = false;
- $('.gform_body .form-error').remove();
- objCheckFormInputs = {
- 1 : validateAlpha($('.gform_body > ul > li').eq(1).find('input').val()),
- 2 : validateAlpha($('.gform_body > ul > li').eq(2).find('input').val()),
- 3: isEmpty($('.gform_body > ul > li').eq(3).find('input').val()),
- 5: validateAlpha($('.gform_body > ul > li').eq(5).find('input').val()),
- 6: validateAlpha($('.gform_body > ul > li').eq(6).find('input').val()),
- 7: validateNumber($('.gform_body > ul > li').eq(7).find('input').val()),
- 10: validateNumber($('.gform_body > ul > li').eq(10).find('input').val()) && validateMinAlphaLength($('.gform_body > ul > li').eq(10).find('input').val() , 6),
- 12: validateEmail($('.gform_body > ul > li').eq(12).find('input').val())
- }
- $.each( objCheckFormInputs , function(key , val){
- if(val === false) {
- FormErrorFlag = true,
- ErrorText = $('.gform_body > ul > li').eq(key).find('label').text().replace(/\*$/ , '');
- $('.gform_body > ul > li')
- .eq(key)
- .find('input')
- .parent()
- .append('<div class="form-error">This field is required</div>');
- }
- });
- if(FormErrorFlag) {
- e.preventDefault();
- e.stopPropagation();
- }
- });
as you can see the event is only prevented if the form validation sets FormErrorFlag to false I.E. the below line of code:- if(FormErrorFlag) {
- e.preventDefault();
- e.stopPropagation();
- }
My question is , is this a race condition of sorts ?, because the form submit event will only be prevented if the form validation does't pass.Note:: i cannot use Ajax for form submission as this is for a CMS platform that only needs the form to be prevented form submission if the validation fails.Thank you.Gautam.- 20-Nov-2017 01:54 PM
- Forum: Using jQuery
Hey guys i have made the following demo here.basically when a user clicks on the input , the entire form goes out of view , this happens as the keyboard popups up , i have checked SO and other sites for solutions , and currently have the following solution applied in the live site:- $('form input').on('focusin focus', function(e) {
- $this = $(this);
- $('html , body').animate({
- scrollTop: ($this.offset().top / 2)
- }, 0);
- });
ofcourse this works perfectly if applied on the desktop version of the site , but on IOS there is a huge jitter everytime the user tabs to a new input field. is there a workaround to this ??- 25-Jul-2017 05:59 PM
- Forum: Using jQuery Plugins
I am trying to make a custom validator in parsley.js and currently i have the following:- window.Parsley.addValidator('intlTelNo' , {
- requirementType : 'integer',
- validateNumber : (val , requirement ) => {
- console.log(val);
- return true;
- },
- messages : {
- en : 'Please enter a valid phone number.'
- }
- });
I am using this validator in my HTML like so:- <input type="" name="Phone" placeholder="Phone" id="intl-phone-number" data-parsley-intl-tel-no data-parsley-trigger="focusin focusout" data-parsley-errors-container="#error-container">
My custom validator gets used on the above input because i have specified the following data attribute:- data-parsley-intl-tel-no
ofcourse i am returning true as of now in my custom validator so the tests always passes, but what i really want to do is check if the value of the input is a valid phone number and for that i need to access the input itself (Yes the input itself and not just the value as i am using some third party JS library that needs the input and not just the value ).Now , How do i pass the input into the below function ?- validateNumber : (val , requirement ) => {
- console.log(val);
- return true;
- },
Is there some javascript magic technique that i can use ? as right now i am just sitting here scratching my head :| . Would really appreciate any help :)P.S. An example of how to make a custom validator can be seen HERE.- 28-Apr-2017 05:03 PM
- Forum: Using jQuery Plugins
Hey guys ,do any of you know of a really good wysiwyg editor ? I want this editor to be able to accept code and also maybe markdown. something like how the stackoverflow editor works.The one i am using now is TINYMCE. I like the way i am able to display code in the frontend like so:But what i also want to do is insert markdown like how its done on stackoverflow, like so:Something like what you see here:Any plugin that can be useful for doing this ?Thank you.Gautam.- Hey Guys , i wanna make a webpage of my resume and then beable to print it out ?Is this a good idea ?I did't want to use word because i am not to great that it , please in a web doc i can make my resume really much funky.is this a good idea ?
- I want to add pages views to my blog , so do i just add the same google analytics code to each page ? Do i need a backend for this at all ?if anybody has done this before can somebody guide me .Thank you.Gautam.
- 17-Jan-2017 07:09 AM
- Forum: Getting Started
I wanted to create a smoke effect just like this one HERE.so i checked the dev tools and there is this element below:- <canvas id="glRenderer" width="1366" height="591" style="width: 1366px; height: 591px; transform: scale(1); transform-origin: left top 0px;"></canvas>
But when i do ctrl+u and check the source and all the corresponding JS files , i see no id with the following name:- glRenderer
or even canvas , so how is this effect being created ??I would really appreciate if somebody could point me in the right direction.Thank you.Gautam.- I am trying to use TINYMCE richtextbox.My html doc is HERE.Now i have the following code for initialization:
- tinymce.init({
- selector: '#description-textbox',
- codesample_languages: [
- {text: 'HTML/XML', value: 'markup'},
- {text: 'JavaScript', value: 'javascript'},
- {text: 'CSS', value: 'css'},
- {text: 'PHP', value: 'php'}
- ],
- toolbar: "codesample"
- });
I get the following error:Uncaught ReferenceError: tinymce is not definedat index.html:33i have tinymce script in my document , so why am i getting this error ?Thank you.Gautam.- 22-Dec-2016 02:14 AM
- Forum: Getting Started
Hey guys i want to build a simple app in which i pull up the questions for stackoverflow and save the question link in my database.So basically say i would like to pull the most upvoted question for say "gulp" in the past 24 hours on SO.How would i go about doing this ??I was checking out the javascript SDK. is that all i will need ??Thank you.Gautam.- 18-Dec-2016 01:01 PM
- Forum: Getting Started
I wanted to make a basic prototype reminder app and so i first built it in javascript , so i plain JS i am just basically accepting time from the user and then some Math calculation to return the difference in seconds and then i use a setTimeout like so:- setTimeout(function(){
- // Remind the user of a task.
- }, /* difference in secounds from current time to what the user has entered */)
The above is basically a oversimplified version of my JS application , but now suppose i have to write the same in PHP , how would this work , i mean ofcoure i will take the time and store it in the database , but then how exactly would a reminder app work in PHP/MySqli ??This my be a very broad question, but i just can't think of anything right now and so i taught it would be best to post and get an opinion .Thank you.Gautam.- 13-Nov-2016 08:23 AM
- Forum: Getting Started
Give the followin date:- 2016/11/18 21:00
I want to know what is the difference between the above date and the current date and time .I need the difference in hours and minutes , so it will be .... what is the difference between the above date and time and the currently date and time in hours and minutes.I am somehow not able to get how to calculate this :(Thank you.Gautam.- 26-Sep-2016 02:23 AM
- Forum: Using jQuery Plugins
Hey guys , good day , i need to make the followng map:I just taught i would ask here if somebody has done something similar before ? Or how do i go about doing this ??I found this Plugin . But will i beable to make my custom map and also add my custom tooltip ??Thank you.Gautam.- Hey guys , I have a very biginner question .So the default jQuery checkbox looks like so:but what i want it to look like is like so:What is the correct way to edit jQuery UI.For some reason the fiddle won' work :( FIDDLE HEREThank you.
- Hey guys , so suppose you have 3 forms , like so:Now how would you code these form's in a modern way ? I.E. i beleive in the pre-AJAX period the form's would be separate pages , but what about now , i would really like the forms to us some ajax and then once the first form is submitted i would like the 2nd form to come in with some animation and so on ....So now , how exactly do i store the 2nd and 3rd form ?? iframe ??
- 29-Jul-2016 07:19 PM
- Forum: Getting Started
Hey guys just had a weird question , has any one of you ever used a stand alone JS Ajax library that ? something other than jQuery. I just want to know a good up to date library that i can use , it should be AJAX only and no other functionality.- 16-May-2016 06:10 PM
- Forum: Using jQuery Plugins
I am using ajax to load a new form once the old form has been submitted. the code looks like below:- $(document).on('click', '.next', function() {
- if ($(this).hasClass('disabled')) {
- return false;
- }
- var toLoad = $(this).attr('href') + '#content';
- $('#main-container #content').transition({ 'x' : '-100%' , duration:700 } , function() {
- loadContent();
- });
- // $('#main-container').animate({ 'opacity': 1 }, loadContent);
- window.location.hash = $(this).attr('href').substr(0, $(this).attr('href').length - 5);
- function loadContent() {
- $('#main-container').load(toLoad, '', showNewContent())
- }
- function showNewContent() {
- $('#main-container').show('normal');
- }
- return false;
- });
- /* enable next button */
- $(document).on('change', '[type="radio"]', function() {
- var checked_no = $('[type="radio"]:checked').length;
- if (checked_no > 0) {
- $('.btn-next').removeClass('disabled');
- }
- });
Now i would like to have a transition animation , when the 1st form is submitted it slides to the left and from the right the new slide comes in , just like in a normal slider caousel.When the 1st form is submitted i managed to get a animation for it to slide to the left and it exactly what i want , i used a plugin transit.js and just used the below lines of code to acheive the transition:- $('#main-container #content').transition({ 'x' : '-100%' , duration:700 } , function() {
- loadContent();
- });
but now how to i transition the content being loaded ? as of now it just loads using the load function and thats quite lame , i understand that the difficulty level to do this next animation is slightly higher and i am unable to think of a way to get this content to load with an animation(An animation that slides in from the right).So how exactly do i animate content being loaded using the load jQuery method and transit.js ??- 12-Apr-2016 08:40 AM
- Forum: Getting Started
is $('body , html') and $('body' , 'html') two different things ?? because the below code does't work:- $('body' , 'html')
- .animate({ scrollTop: ($(section_id).offset().top - $('.main-nav').height()) }, {
- 'duration': 500
- });
but the works:- $('body , html')
- .animate({ scrollTop: ($(section_id).offset().top - $('.main-nav').height()) }, {
- 'duration': 500
- });
- Do most datepickers come bundled with timepickers ? or are both totally different ? , i found this really nice date picker here https://bootstrap-datepicker.readthedocs.org/en/latest/ , but then is it also a timepicker , which is a great plugin if you want both functionalities ??Thank you.Gautam.
- 21-Feb-2016 03:53 PM
- Forum: Getting Started
I am using a parallax plugin to create a simple parallax background , a simple demo can be seen HERE. Now there is this devider on the page, see below:
devider:
http://i.imgur.com/hdXLZ6j.png
That's actually an absolutely positioned image inside the
<main>element , now i have added an parallax effect to the container below the divider, the problem is that the divider is cutting off the parallax effect , how do i avoid that ?- This form of mine works totally fine locally SEE HERE .But when i run it on the server it throws a $(...).datepicker is not a function.Why ?
- 14-Feb-2016 06:00 PM
- Forum: Getting Started
What if i have a set of 10 of my favorite plugins that i would like to install using npm , how do i install these set of 10 favorites plugins for every project ? Do able ?Sorry , i know this is off topic :PThank you.
© 2013 jQuery Foundation
Sponsored by
and others.