I've got an AJAX form dynamic happening. Everything is working just like the client wants with the exception of what happens when a user goes to login and nothing is found in the database.

When the user clicks the "submit" button, here's the code that is called:

$('#findPortalUser').click( function(event){
			
			event.preventDefault();
			
			if (validateForm()) {
				$("#verify_form").hide();
				
				var out = {
					'usrDOB' : $('#usrDOB').val(),
					'usrEEID' : $('#usrEEID').val(),
					'cpID' : 574,
					'displayLinks' : $('#displayLinks').val()
					};
					
				$.post('api_bmcjax.php?p=verify&displayLinks=false&linkType=surveyevents', out, function(data)
				{
					$('#window').html(data);
				});
			}
		});

Select all Open in new window

Notice the "$('#verify_form').hide()" command.

If nothing is returned, I need that div to be visible.

How?

My sample site URL : My working Site URL

I am trying to find a solution that will allow me to plot the GPS coordinates of many moving objects "live" on a Google Map.

The GPS coordinates of each object will constantly be updating into a MySQL database, and I'd like to know whether it is possible to read each updated coordinate, maybe once every couple of seconds, and re-plot the marker coordinates on the Google Map, without the user having to refresh the page.  Can this be done,?

would it also be possible to make each marker different, and each marker clickable to get more information on the particular object?

My map based on Jack Dougherty's FusionTable-Map-2-layers Template and running nicely on my hostgater server.

I have Traccar Open Source GPS Tracking Platform hosted with Amazone AWS and able to get tracker data to the mysql database, this database update every 30 second with live tracker data

# my db name “newTraccar” & all tracker data update for table `positions`

// -------------- Table structure for table `positions` ---------------------//

CREATE TABLE IF NOT EXISTS `positions` (
  `id` bigint(20) NOT NULL,
  `address` varchar(255) COLLATE utf8_unicode_ci DEFAULT NULL,
  `altitude` double DEFAULT NULL,
  `course` double DEFAULT NULL,
  `latitude` double DEFAULT NULL,
  `longitude` double DEFAULT NULL,
  `other` 

Select all Open in new window

…

Hello,
I am trying to add a header and tabs with info about the XML data file to .xml file in SAS code. How exactly this can be done? Please see what I have currently I have for my SAS code. I can see the XML data file as my output but the Header (tab and tab2) with all info about the XML file does not show up yet in the XML file.
 

libname xmldir xmlv2 '/basepath/examples/XMLData.xml' xmltype=generic;

/* Req. 1: Macro variables to provide appropriate tab spacing. */
%let tab="    ";
%let tab2="        ";

/* Req. 2: XML file information and header*/
data _null_;
   file xmldir;
  
    put '<?xml version="1.0" encoding="UTF-8"?>';
    put '<Schema Name>';
    put &tab. '<Header>';
    put &tab2. '<SampleDate>2017-06-14</SampleDate>';
    put &tab2. '<CaseCount>30</CaseCount>';
    put &tab2. '<Action>Initial</Action>';
    put &tab2. '<YearPeriod>2017</YearPeriod>';
    put &tab. '</Header>';
    put &tab. '<Payload>';
run;

/* Req. 3: Writing two SAS datsets to xmldir library and creating XMLData.xml data file*/ 
data xmldir.dataname1(label="dataset name1 from sashelp library");
       set sashelp.dataset1(obs=10);
run;

data xmldir.dataname2(label="dataset name2 from sashelp library");
       set sashelp.dataset2(obs=20 keep=var1 var2); 
run; 

libname xmldir clear;

/* Req. 4: XML File End*/
data _null_;
   file xmldir mod;

    put &tab'<Payload>';
    put '</Schema Name>';
run;

Select all Open in new window

So, currently only Req. 3 is working.
Any comments or suggestions will be greatly appreciated!

Hello experts,

I am trying to call the ajax function only if there are values in 'stepname' and 'altmethod' else show and alert. When I include the following code, the else part gets executed all the time though there are no values. Could anyone kindly help me with this.

$(document).on("click", '#nextstep', function(e) {

    e.preventDefault();
 var stepname = $('#stepname').val(); 
 var chosen_altmethod = $('#chosen_altmethod').val();
 var altmethod = $('#altmethodname').val();

 
var formData = new FormData();
formData.append('stepname',stepname);
formData.append('altmethod',altmethod);
formData.append('chosen_altmethod',chosen_altmethod);
 formData.append('action','nextstep');

 console.log(stepname,"stepname");
console.log(altmethod, "altmethod");
console.log(chosen_altmethod,"chosen_altmethod");

if((stepname=="undefined") && (altmethodname=="undefined")){
  alert('please choose a step');
}else{
        $.ajax({
             type: 'POST',
            url: "<?= base_url() ?>index.php/variants/fetchstep1/",
             data: formData,
             processData: false,
      contentType: false,
             success: function (data) {

   $("#steplist").remove();
 $("#replacelist").html(data);
   $('html, body').animate({ scrollTop: 0 }, 0);
             }
         });
}
     });

Select all Open in new window

Thank you in advance

I am trying to validate using remote options, but it is always validate as failed

<div class="row">
										<div class="col-sm-12 col-xs-12">
											<input type="text" name="userName" placeholder="Username" class="form-control input-lg" required="required" data-bv-remote="true"/>
										</div>
									</div>

Select all Open in new window

 userName: {
                message: 'The username is not valid',
                validators: {
                    notEmpty: {
                        message: 'The username is required and can\'t be empty'
                    },
                    stringLength: {
                        min: 6,
                        max: 30,
                        message: 'The username must be more than 6 and less than 30 characters long'
                    },
                    regexp: {
                        regexp: /^[a-zA-Z0-9_\.]+$/,
                        message: 'The username can only consist of alphabetical, number, dot and underscore'
                    },

                    remote: {
	                    url: '/includes/website.cfc?method=checkusername',
	                    message: {
	                        en_US:  "This usenrame is already taken, please choose another one",
	                    },
	                    data: {
	                        type: 'userName'
	                    },
	                    type: 'POST',
	                    delay: 1000
	                }


                }
            },

Select all Open in new window

<cffunction name="checkusername" output="true" returntype="any" access="remote" returnformat="JSON" >
          <cfargument name="username" required="true" type="string" />
          <!--- set the default value to false --->
          <cfset var emails = StructNew() />
          <cfset emails.valid = "false" />


          <!--- code to check email in system --->
          <cfquery name="findemail" datasource="#request.datasource#">
               select username
               from users
               where username = <cfqueryparam  value="#arguments.username#" cfsqltype="cf_sql_varchar" />
          </cfquery>
          <cfif findemail.RecordCount eq 0>
               <cfset emails.valid = "true" />
          </cfif>
          <cfoutput>#SerializeJSON(emails)#</cfoutput>
     </cffunction>

Select all Open in new window

I have a user form that is created in extjs framework. The user form has many user fields which are being passed as part of request payload to the REST controller. I am trying to add a grid panel(most likely in a tabular format with multiple rows & columns) to the user form. But I am not sure how to pass the grid panel data as part of request payload to the REST controller. I will post more code if any more details are needed. Any help would be appreciated. Thanks.

Ext.define('soylentgreen.view.admin.UserForm', {
    extend : 'Ext.form.Panel',
    alias : 'widget.userform',
    bodyStyle : 'padding:5px 5px 0',

// some userform elements like firstname,lastname, go here.....

name : 'userTeamGrid',
  xtype : 'gridpanel',
id : 'userTeamGrid',
itemId : 'userTeamGrid',
multiSelect : true,
selModel : Ext.create(
        'Ext.selection.CheckboxModel',
        {
          injectCheckbox : 'first',
          mode : 'MULTI',
          checkOnly : false
        }),
anchor : '100%',
width : '700px',
height : 250,
flex : 1,
store : 'userTeamStore',

var user = form.getRecord();
form.updateRecord(user);
user.save({
        callback : function(records, operation){
          //reset the (static) proxy extraParams object
          user.getProxy().extraParams =  {
            requestType: 'standard'
          }
          if(!operation.wasSuccessful()){
            var error = operation.getError();

In my wordpress site, Ajax Load more plugin is not working for the specific page. Itz working in some of the pages. But not working in the rest of the pages. Below are the urls that can give you a clear description.
Working Page : "http://www.stockimagesafrica.com/people"
And not working in http://www.stockimagesafrica.com/downloads/category/southern-africa/

Hello All;

OK, this is code that I found a while back, and posted here.
ASP Classic - Insert text, Line breaks and Code

The issue that I had, or am still having now, is that I am giving the user the option to choose the tags they want to use.
They can have as many tags as they need in their post.

The issue with the code in the link above is that it will only do one tag hard coded.
So, that I have done is added an REGGEX into it, and it works GREAT! for the highlighting,
However, adding this in, has messed up the main function of this code FUNCTION, and that is.
It adds the line breaks to everything OUTSIDE of the Code tags.

The REGGEX that I used and works is this.

Function Reggex(strString, strPattern, strReplace)

	Dim RE: Set RE = New RegExp

	With RE
		.Pattern = strPattern
		.Global = True
		.IgnoreCase = True
		Reggex = .Replace(strString, strReplace)
	End With
	
End Function

fString =   Reggex(fString, "\[code=(.*?)\](.*?)\[\/code=(.*?)\]", "<pre class=""line-numbers"" id=""code""><code class=""language-$1 demo"">$2</code></pre id=""code"">")

Select all Open in new window

The original code is this. (Modified to work in my project)

 	CodeTags(1,1,1) = "[ code=sql]" ' Remove the space between the bracket, 
 	CodeTags(1,2,1) = "[/ code=sql]" ' Remove the space between the bracket, 
 	CodeTags(1,1,2) = "<pre class=""line-numbers"" id=""code""><code class=""language-sql demo"">"
 	CodeTags(1,2,2) = "</code></pre id=""code"">"

Select all Open in new window

This is the entire script.

Select all Open in new window

…

I have created a bootstrap popup login page . When the client click on the login button it will launch the popup and the client will be asked to either login or register. Once login button is clicked I need to validate the credentials and log them in. If the login is not successful I Need to keep them on the same page and show the error message.

Also   I have 2 options forgot user name and forgot password I need to incorporate that within the same popup so it slides and another form is shown

<li class="login-link"><a href="#" data-toggle="modal" data-target="#myModal">Login</a></li>

<div id="myModal" class="modal fade" role="dialog">
			<div class="modal-dialog">
			    <!-- Modal content-->
			    <div class="modal-content">
			    	<div class="modal-header">
			        	<button type="button" class="close" data-dismiss="modal">&times;</button>
						<h2 class="modal-title">Account Login</h2>
			    	</div>
					<div class="modal-body">
						 <form data-toggle="validator" role="form">
			        	<h3>Welcome to I Drive Smart. Please log-in to access your account.</h3>
			        	<div class="form-group">
			        		<input class="modal-username" type="text" name="firstname" class="form-control" data-error="Please enter name field." placeholder="Username" required="required">
			        			<div class="help-block with-errors"></div>
			        	</div>
			        	<div class="form-group">
			        		<input class="modal-password" type="password" 

Select all Open in new window

…

I"m starting in the shallow end of the pool here and trying to work my way into some more complicated / practical usages of AJAX.

I'm using this as a starting point (W3 Schools [https://www.w3schools.com/jquery/jquery_ajax_load.asp]):

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("#div1").load("demo_test.txt");
    });
});
</script>
</head>
<body>

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>

<button>Get External Content</button>

</body>
</html>

Select all Open in new window

Because of the project I'm working on, I wanted to take this same example, but use a <select> to trigger the code.

I tried this:

<select onchange="selectFunction()">
<option></option>
<option>change text</option>
</select>

...with the new Javascript being:

function(selectFunction() {
$("#div1").load("demo_text.txt");
}

It worked, but only if I put the JavaScript code at the bottom of the page. Prior to that I was getting an error that said "selectFunction is undefined."

Here's the code:

<html>
<head>
<title>Health Summary</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<style>
 
body {
font-family: Arial, Helvetica;
font-size:12pt;  
 
 }

</style>
</head>

<script>
$(document).ready(function() {

function selectFunction() {
$("#div1").load("demo_text.txt");
}
});
</script>

<html>

<body>

<div id="div1">and...</div>
<br><br>
<select id="mySelect" onchange="selectFunction()">
<option></option>
<option>change text</option>
</select>

</body>

<html>

Select all Open in new window

Based on my limited understanding of JavaScript, it's not uncommon to get these types of errors if the script goes looking for an id or a div and the page hasn't completed loading yet. THAT is why I get the error that says "selectFunction is undefined."

On the other hand, if I code it like this:

$("#mySelect").change.function(){
$("#div1").load("demo_text.txt");
});

...it works just fine.

The reason - and tell me if I'm accurate - is because when you code it that way, you're now using the XMLHttpRequestObject and benefiting from the AJAX dynamic. Beforehand, you were simply coding it using JavaScript and things were getting lost prior to the page being loaded.

Correct?

I have a javascript function to upload images to my application.  The upload part works perfectly.  The problem is that when it returns it wants to refresh the whole page.  Here is my code:

    function SavePhoto(pid) {
        var form = $('#frmPost');
        var file;
        var pid;

        // read the file inputs and stop at the first one found.
        var inputs = $("input:file");
        for (var i = 0; i < inputs.length; i++) {
            if (inputs[i].type.toLowerCase() == 'file') {
                if (inputs[i].files.length > 0) {
                    file = inputs[i].files[0];
                    break;
                }
            }
        }

        if (!file) {
            return;
        }

        // create the formdate object and append items to it.
        var fd = new FormData(form);
        fd.append("file", file);
        fd.append("pid", pid);

        $.ajax({
            type: "POST",
            url: '/Residents/UploadFile/' + pid,
            contentType: false,
            data: fd,
            processData: false,
            success: function (data) {
                //$('#divPets').load('/Residents/GetPets/' + RID);
                //alert(data);
            }
        });

    }

Select all Open in new window

How do I keep the whole page from reloading?  I just want the div that holds the image to update.

I have a strongly typed view with a drop down list(see sample below).
 I populate the name/value list for the dropdown with an ajax call which produces following html. also, say the user can select multiple items in the dropdown.

Now if i want to pass the selected value back to controller via
1. mvc post -
   Question -  is there a way to bind the selected userids, to the model using try update model. in the controller. or do i have to pass the
    List<int> userids as a parameter in the controller function.

2. ajax call
    Question - if i want to call a controller function with selected value ids, how would i send that to controller.

//HTML
<select id="x.UserIds" name="x.UserIds" >
   <option value=""></option>
  <option value="1">User 1</option>
  <option value="2">User 2</option>
</select>

//view
@model UserModel
Html.dropdownlistfor(x => x.UserIds)

//Model
public class User {  public List<int> UserIds { get; set; } }

//controller
      public ActionResult Update() {
             TryUpdateModel( model,  new string[] { "UserIds" });      
      }

i made used of an ajax calendar in asp.net it was working well until just now where it is distorted.

I check in an old back up and its still working fine there.

i do not recall changing anything

Any idea about what is causing this issue?

Good calendar

Distorted calendar

 <td class="auto-style2"><asp:TextBox ID="txtDateBooking" runat="server" Visible="true"></asp:TextBox><asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtDateBooking" OnClientDateSelectionChanged="checkDate" Format="dd-MM-yy"></asp:CalendarExtender>

              <%--  <asp:CompareValidator ID="cfvDOB" ControlToValidate="txtDateBooking" Type="Date" Operator="LessThan"
                            ErrorMessage="(DoB cannot be within the last 18 years)" Display="Dynamic" SkinID="fielderror"
                            runat="server"></asp:CompareValidator>--%>
                    <script type="text/javascript">

                        function checkDate(sender, args) {
                            if (sender._selectedDate < new Date()) {
                                alert("You cannot select a day earlier than today!");
                                sender._selectedDate = new Date();
                                // set the date back to the current date
                                sender._textbox.set_Value(sender._selectedDate.format(sender._format))
                            }
                        }
    </script></td>

Select all Open in new window