Steve Dyke

Carey Brown wrote:Steve, I think it would help if you could provide a number of examples, showing the input String and the expected output String. I feel that people are not jumping in to respond because the requirements are a bit vague.

Just a little background:
I write ZPL(Zebra Printer Language) strings to generate labels.
Example: ^FO90,180^A@N,20,20,E:TAHOMA.TTF^FD<partnoL>^FS^FO90,180^A@N,20,20,E:TAHOMA.TTF^FD<partnoC>^FS^FO90,180^A@N,20,20,E:TAHOMA.TTF^FD<partnoR>^FS
This is a string in my template.
Then I loop thru the template replacing the <> words with DB ResultSet field values.
I send this string directly to the IP address of the printer.

In this case my label(template) is three labels arranged in a horizontal row(these are aircraft seat row markers).

Part#:<partnoL>         Part#:<partnoC>         Part# :<partnoR>
SN#:<serialnoL>         SN#:<serialnoC>         SN#:<serialnoR>
<rowL>                         <rowC>                        <rowL>

This particular aircraft does not use a center seat assembly so the center label will not have any data so the replacement does not occur.
I would like to remove any of my taged<> words contained in the resulting string created by the loop with an empty string.

Input String:
Part#:<partnoL>             Part#:<partnoC>         Part# :<partnoR>
Serial#:<serialnoL>        SN#:<serialnoC>         SN#:<serialnoR>
<rowL>                            <rowC>                        <rowL>


Output String:
Part#: 881122        Part#:          Part#: 881123
Serial#: 123            Serial#:       Serial#: 124
L-1                                               R-1

Example my string is:
String v1 = "My <Name> is Steve. What is your <Name>?"

I would like to remove any words in v1 that begins with "<" and replace with "".

I would like to display a message before the AJAX call starts.
In the following code the message appears after the callback in complete.

$('.generalLabel-input-pv').on("keydown", function(event){ serialno = $(this).val(); var validSerialNumber = false; var serialNumberListStatus = false; var serialNumberSelectList = ""; if(serialno != ''){ if(event.keyCode == 13 || event.keyCode == 9){ $.ajax({ beforeSend: function(){ setTimeout(function(){ $('.generalLabel-messages').addClass("greenBG"); $('.generalLabel-messages').removeClass("redBG"); $('.generalLabel-messages').html("Wait while Serial# is validated."); }, 500); },               url:'/QMSWebApp/LabelCompilerControllerServlet?lifecycle=partnumbervalidationSerialNumberCheck',                 type: "GET",                 dataType: "json", data: {serialno:serialno, generalLabelTypeOption:$('.generalLabelTypeOption').val()},                 success:function(resultText){                     validSerialNumber = resultText.validSerialNumber;                     serialNumberListStatus = resultText.serialNumberListStatus;                     serialNumberSelectList = resultText.serialNumberSelectList;                 }           }); if(validSerialNumber){ $('.pnv-indentLevel').show(); $('.partnumber').show(); $('.generalLabel-messages').addClass("greenBG"); $('.generalLabel-messages').removeClass("redBG"); $('.generalLabel-messages').html(""); setTimeout(function(){ $('.pnv-partnumber').focus(); },focusTimerValue); } else if(serialNumberListStatus){ $('.generalLabel-messages').addClass("greenBG"); $('.generalLabel-messages').removeClass("redBG"); $('.generalLabel-messages').html("Select a Serial# from list."); $('.serialNumberList').html(serialNumberSelectList);                   $('.generalLabel-input-pv-select').select2({dropdownCssClass: 'ui-widget ui-jqdialog zclass',width: 300}); } else{ $('.generalLabel-messages').removeClass("greenBG"); $('.generalLabel-messages').addClass("redBG"); $('.generalLabel-messages').html("Serial# could not be validated."); } } } });

I am building a select list in an AJAX callback.
Once the list is returned I apply select2.
There is a class set to the option that sets the background color based on a filed value when the select string is build on the server.
Before the select2 is applied the lists shows the options that should be yellow as expected.
However, once the select2 is applied the background color never changes even though when I inspect the html the class is set to yellowBG.

This is part of my AJAX callback:

else if(serialNumberListStatus){ $('.serialNumberList').html(serialNumberSelectList);                   $('.generalLabel-input-pv-select').select2({dropdownCssClass: 'ui-widget ui-jqdialog zclass',width: 300}); }

The first is the html select list. the second is the html with select2 applied.
The html select displays the second option with yellow background as expected.
The select2 list shows all three option with no yellow background color on the second option.

<option class="normalBG-inline" value="007775509">007775509 SEAT AY-ELA 777 RH STD TPL    </option> <option class="yellowBG-inline" value="007775510">007775510 SEAT AY-ELA 777 RH STD TPL    </option> <option class="normalBG-inline" value="007775511">007775511 SEAT AY-ELA 777 RH STD TPL    </option> <option class="normalBG-inline" value="007775509" data-select2-id="41">007775509 SEAT AY-ELA 777 RH STD TPL    </option> <option class="yellowBG-inline" value="007775510" data-select2-id="42">007775510 SEAT AY-ELA 777 RH STD TPL    </option> <option class="normalBG-inline" value="007775511" data-select2-id="43">007775511 SEAT AY-ELA 777 RH STD TPL    </option>

Bear Bibeault wrote:
I think what you want (and this is from memory so details may vary) is to call the element's focus method. So something along the lines of:

Bear,
You are a genius.

Bear Bibeault wrote:A disabled control cannot accept focus.

Yes, I understand that. But in my code I set disabled to false before I try to set focus.

$('.generalLabel-input').prop("disabled", false); setTimeout(function(){          $('.generalLabel-input').focus(); },1000);

Tim Holloway wrote:


2. Use the "jquery" method  in place of "$", which is just a shortcut for it anyway, Best used when only a small amount of JavaScript is embedded on a page template (which is also preferred)

Suggested change made no difference.

jQuery('.generalLabel-input-pv').focus();

Again, the focus works as expected until I run this piece of code.

$('.generalLabel-input').prop("disabled", true);

If I run the first code the second code fails to set focus even after I set the disabled property to false.

 $('.generalLabel-input').prop("disabled", true);

 $('.generalLabel-input').prop("disabled", false);  setTimeout(function(){  $('.generalLabel-input').focus();  },1000);

I would like to have the image line up with the input vertically and the left edge of the image touch the right side of the input.
Would like it to appear as one element.
When I try and apply a margin or padding setting on the image it affects the parent container.
 
<div> <div class="c-block-inline">Scan or Type Serial# <input type="text" class="transportstaging-serialnumber" size="10" value="" maxlength="10"></div> <div class="c-block-inline"><img title="Proceed" class="modified15T proceedWithSerialNumberValidation" src="/QMSWebApp/Images/proceed[1].png"></div> </div>

I have a container with an element populated with a select list using ajax.
I then convert it to a select2 jquery element.

After my client process runs I want to remove the select2 dropdown list from displaying.
However, none of my efforts will remove it.

My ajax:
function packageDropDown(){ $.ajax({ url: "/QMSWebApp/GenericControllerServlet?lifecycle=seatAssemblyPackageDropDown",           data: {serialNumber : $('.transportstaging-serialnumber').val()},             success: function (data) {                 $(".packageIndex").html(data);                                 $('.packageDropDown').select2({               dropdownCssClass: 'ui-widget ui-jqdialog zclass',               width: 350,               "language": {                 "noResults": function(searchedTerm){ //message to client                 }               });                             $(".packageIndex").show();               $('.packageDropDown').select2('open');                             if($('.packageDropDown').val() > 0){               scannedSerialNumber = $('.transportstaging-serialnumber').val();                             trailerValidation = 1; serialnumber = $('.transportstaging-serialnumber').val(); trailernumber = "Override"; reprintFlag = $('.reprintFlag').is(':checked')?1:0; pkgIndex = $('.packageDropDown').val();                             $('.transportstaging-message').html("Rescan Serial# to Print Label."); setTimeout(function(){ $('.transportstaging-serialnumber').focus(); },focusTimerValue);               }                                       }                         }); }

My effort to remove the select2 dropdown.

$('.transportstaging-serialnumber').on("focus", function(){ $(this).val(''); if(scannedSerialNumber == ""){//this is set to "" in another function of this process $('.transportstaging-message').html("TransportStagingSummaryLayoutForm: S/N Focus: Run Clear: "); $('.packageIndex').children('.packageDropDown').select2('destroy'); $('.packageIndex').empty(); $('.packageIndex').hide(); $('.transportstaging-trailernumber').val(''); } });

Oh no I forgot to trim the message string.

If I type in a value and press the enter key the focus will move to the next input element.
I would like to prevent both events from firing, only keyUp.
If I type in a value and click to another input element I only need the blur to fire.

What I have here both events will fire.

$('.transportstaging-serialnumber').on("keyup blur", function(e){ if (((e.type == 'blur') && $(this).val().trim() && !(e.keyCode == 13)) || (!(e.type == 'blur') && $(this).val().trim() && (e.keyCode == 13))) { if(!$('.defaultLabelPrinterListCount').val()){ $(this).val(""); $('.transportstaging-message').removeClass("yellowBG"); $('.transportstaging-message').removeClass("greenBG"); $('.transportstaging-message').addClass("redBG"); $('.transportstaging-message').html("No Label Printer is assigned to this computer.\r\nGo to 'Preferences', 'Links' tab, 'Printer List' link to assign a Label Printer."); } else{ $('.transportstaging-message').removeClass("yellowBG"); $('.transportstaging-message').removeClass("redBG"); $('.transportstaging-message').addClass("greenBG"); $('.transportstaging-message').html("Grid is current."); source = 0; alert("TransportStagingSummaryLayoutForm: Firing: " + e.type); serialNumberValidation($(this).val().trim()); } } });

Ron McLeod wrote:
overrideValue.trim().isEmpty()

I will give this a try. Thanks.

Ron McLeod wrote:On the client side, couldn't you just use the JS trim() method?

This does not prevent spaces either:

else if($('#overridepercent').val() == null || $('#overridepercent').val().trim() == ""){    return [false,"ATTENTION - Record was not saved. Sample Size Override% cannot be blank(zero is accaptable)."]; }

Sorry, I am using Java 8