I have a Single Page App and I want to scroll to another section from a link on my landing page to another section.  What in your opinion is the best way to do that with current technology?  Javascritpt, Jquery, Other??  And how.

I have a table with Babies as rows.

In each row, user needs to select
  Gender (DropDownList, Male/Femal)
  then select baby Name (DropDownList)

But user cannot repeat the same selection/combo select in a different row.

How can I prevent the duplicate select options. If I use disable option, then the values do not POST to server.

__________

<tbody id="TS">
 <tr class="rowCss">        //ROW 1

<td>
  <span class="project">
    <select class="form-control projectcodeid" id="Records_0__SelectedProjectFromList" name="Records[0].SelectedProjectFromList">
      <option value="">Male</option>
      <option value="1">Female</option>
      <option value="2">Male</option>
    </select>
  </span>
</td>
<td>
  <input type="hidden" name="Records.Index" value="0">
    <span class="billingcodeCss">
      <select class="form-control timecodeDdlId" id="Records_0__SelectedBillingCodesFromList" name="Records[0].SelectedBillingCodesFromList">
        <option value="">John</option>
        <option selected="selected" value="5">Sam </option>
        <option value="6">Mel       </option>
      </select>
    </span>
  </td>
</tr>
<tr class="rowCss"> //ROW 2

  <td>
    <span class="project">
      <select class="form-control projectcodeid" id="Records_0__SelectedProjectFromList" name="Records[0].SelectedProjectFromList">
        <option value="">Female</option>
        <option value="1">Male</option>
        <option value="2">Female</option>
      </select>
    </span>

Select all Open in new window

…

Head out to this page: https://deaconess_spouse.ezonlineregistration.net/

You don't have to add any data, just click on "Verify." You should get an alert that says, "Hello, Jenny!" It works in Chrome, but not in IE.

Why? What do I need to improve?

Thanks!

I have 3 tabs inside my Project and i have query which i have described in my attachment
ActiveTab.docx

Hi - I'm using jQuery ticker found here: https://github.com/gluhbirne/TickerMePink

I'm pulling ticker news via recordset. However when I change the default ticker speed to slow duration, i.e. 5000,  it creates a longer load time.  It delays the duration by 5 extra seconds for first item to even show.  How would I go about Increasing the initial speed so first item displays right away then keep with the 5 second duration?

<script type="text/javascript">
      $(function(){
      $('#ticker').tickerme({
            duration: 5000,
            control_rollover: '#099'
      });
});
      </script>

I'm helping a friend with their WP site and I'm using Presstiger's Simple Job Board plugin. I'm getting the following output errors thrown when after pressing the SUBMIT button:


Any help from the community would be great.

thank you.
errors.png

Hi

In my call to API using AJAX, I get the response in HTTP Status code as shown below.


In my code, when I get any status code that starts with 4 it goes into error function. Is there a way in error function to identify the value sent back in response? So that, i can display different error message for different status code.

I did try adding this below code,

          statusCode: {
            202: function() {
              $formRoot.find('.form-validation .message').html(successMsg);
              $formRoot.find('.email-link-form').hide();
              $formRoot.find('.form-validation').show();
            },
            429: function() {
              showResult(validationError.tooMany);
           },
            422: function() {
              showResult(validationError.contact);
           },
            404: function() {
              alert ('404 error');
           }
         }

but this doesnt even get called.

any help appreciated.

Thanks.

I have a select box called mfr colors which has manufacturer colors. Here is my select box with a couple of options but in general there a lot more options.

<select id="tmcp_select_1" class="tmcp-field tm-epo-field tmcp-select tm-valid" name="tmcp_select_0" data-price="" data-rules="" tabindex="1" aria-required="true" aria-invalid="false">
<option value="Custom_0" class="tc-multiple-option tc-select-option" data-imagep="" data-price="" >Custom</option>
<option value="Black Roof Orange Body_1" class="tc-multiple-option tc-select-option" data-imagep="" data-price="" >Black Roof Orange Body</option>
<option value="Red Body White Roof_2" class="tc-multiple-option tc-select-option" data-imagep="" data-price="" >Red Body White Roof</option>
</select>

Select all Open in new window

Now each mfr color has 4 thread colors namely primary, secondary, third and fourth. I have a custom post type called manu-color and each manu color has all the four thread colors. What I am trying to do is display the four colors based on the mfr color selected above from the select box.

here is my code for the custom post type

function pcfa_create_post_type() {
	// set up labels for Colors
		$labels = array(
 		'name' => 'Manufacturer Colors',
    	'singular_name' => 'Manufacturer Color',
    	'add_new' => 'Add New Manufacturer Color',
    	'add_new_item' => 'Add New Manufacturer Color',
    	'edit_item' => 'Edit Manufacturer Color',
    	'new_item' => 'New Manufacturer Color',
    	'all_items' => 'All 

Select all Open in new window

…

I'm using the JQuery DataTables library and would like to add a total row to the footer of the table. The totals displayed in the row should update each time a filter is applied (number of rows to display or using the search filter). Does anyone have an example of how this can be done? Thanks

I had this question after viewing Angular - difference between these 2 pagination methods.

I'm following this example (please scroll down pipe/ajax plugin section here http://lorenzofox3.github.io/smart-table-website/)

In the related question above, I want to do this

"From the page number you can calculate from which index your query will start returning data up to your page limit."

I think I have 2 issues. One is how to get the next index and second...I think I call the database every time user clicks on the next page.

I'll go step by step

1. I changed the stored proc to have row_number. Suppose this. I call it with 1 and 50 and get 50 rows.

create procedure usp_test
@start int,
@end int
as
begin
Select * From( Select *,ROW_NUMBER() OVER(ORDER BY Table.Col) row FROM TableName ) R WHERE row BETWEEN @srart AND @end

end

Select all Open in new window

2. Razor has this (just like the Smart table example)

<table class="table" st-pipe="callServer" st-table="mc.displayedCollectionTest">

Select all Open in new window

3. controller.js has this like the example

 $scopr.callServer = function callServer(tableState) {

    ctrl.isLoading = true;

    var pagination = tableState.pagination;

    var start = pagination.start || 0;     // This is NOT the page number, but the index of item in the list that you want to use to display the table.
    var number = pagination.number || 10;  // Number of entries showed per page.

    cContactService.getPage(start, number, tableState).then(function (result) {
      $scope.displayedCollectionTest = result.data;
      tableState.pagination.numberOfPages = result.numberOfPages;//set the number of pages so the pagination can update
      
    });
  };

Select all Open in new window

4. Issue 1: Here, I don't think this is correct. Database keeps getting called but should it? the example has randomsItems as their datasource but not called on each "page" click to go to next page

In ContactService.js

Select all Open in new window

…

I am using a zip code API which retrieves results for matching city and state.  Its an ajax request and it works fine as written below, however, I am trying to HIDE the city and state fields until results come back.

I gave a div the ID of "formDiv" and I set the default style="display:none"

In the code below, I want to set style="display:block" but only if results are being returned to the form with AJAX.  I added the line with asterisks and it does not change the style property.  Not sure how to also add that function in addition to the other results. I omitted the remainder of the code to keep it simple, but if I need to do something different on ajax side to trigger the style change when successful, I will post that as well.

Thanks

$(function() {

	var container = $("#example1");
	var errorDiv = container.find("div.text-error");
	
	/** Handle successful response */
	function handleResp(data){

		// Check for error
		if (data.error_msg)

			errorDiv.text(data.error_msg);

		else if ("city" in data){
******************
			function(){
			document.getElementById("formDiv").style.display = "block";
			}
******************			
			// Set city and state
			container.find("input[name='city']").val(data.city);
			container.find("input[name='state']").val(data.state);

		}

	}
}

Select all Open in new window