jQuery Forum

Strange behavior with $.unique()
[4Replies]
- 16-May-2014 02:07 AM
- Forum: Using jQuery
The doc on $.unique() states thus:
Description: Sorts an array of DOM elements, in place, with the duplicates removed. Note that this only works on arrays of DOM elements, not strings or numbers.

..... This function only works on plain JavaScript arrays of DOM elements, and is chiefly used internally by jQuery. You probably will never need to use it.

I don't use this function; I have never needed to use it. However, I happened to be playing around with it and discovered something very strange. The array below is not of DOM elements so I was not expecting it to even work half the way it did. Maybe that's why we are kind off encouraged not to use it.

Look at this code:
1. var frmElms = $('#myform').find('select,input,textarea').map(function() {
2. return this.name;
3. });
4. console.log( frmElms );
5. $.unique( frmElms );
6. console.log( frmElms );
Let's say in line 1 frmElms = [ "q0", "q1", "q1", "q2", "q2", "fn" ]. Now take a wild guess. What do you think would be the output in line 4? Are you sure? How about line 6? Feel free to post your guesses for these two lines in your response.

Now click here (WAIT, did you complete the assignment above?), note down the console output, then uncomment the commented line. Click Run and note down the console output. Can anyone explain what's going on here? A setTimeout delay of at least 510 approx. (not conclusive) of the lines 5 & 6 above seemed to even out things.

Converting Seconds To dd:hh:mm:ss Format
[2Replies]
- 29-May-2013 12:56 AM
- Forum: Getting Started
Here is a simple function to write seconds in dd:hh:mm:ss:
1. function sformat( s ) {
2. var fm = [
3. Math.floor(Math.floor(Math.floor(s/60)/60)/24)%24, //DAYS
4. Math.floor(Math.floor(s/60)/60)%60, //HOURS
5. Math.floor(s/60)%60, //MINUTES
6. s%60 //SECONDS
7. ];
8. return $.map(fm,function(v,i) { return ( (v < 10) ? '0' : '' ) + v; }).join( ':' );
9. }
Usage:
1. var sf = sformat( 1450 ); //value of sf --> 00:00:24:10

Mobile CAS Login Page w/jQM
[1Reply]
- 11-Jul-2012 11:06 AM
- Forum: jQuery Mobile
Hello Everyone,

Has anyone of you worked on a mobile-friendly Central Authentication Service(CAS) login page with jQuery Mobile. I have done some work on this using jQM and I have achieved the following:

(1) Given a credential (uid/password pair) I can attempt an LDAP bind to determine if the credential is valid or not.
(2) Redirect user appropriately if password needs to be reset (i.e. has expired)
(3) 'Retrieve' a forgotten password.
(4) Perform a password reset

We use a CAS server that is integrated with Luminis Platform 4. Users who log into Luminis Platform (portal) see the same login screen (page) as those who authenticate into CASified applications. My challenge is how to integrate #1 with the desktop version of the login page so as to serve both the portal & CASified applications. I have used LiveHTTPHeaders plugin in Firefox to study the difference between a 'portal login' and a 'cas authentication' but it seems like I am missing something. My attempts to portal login or CAS authenticate both end up being a 'portal login'. What am I missing?

How do I integrate #1 with our current CAS login page such that mobile users will correctly be redirected to CASified applications if they are indeed CAS authenticating via this page? If anyone has any experience on this or a similar project, please help.

Thank you in advance.

Generalized Plugin to Test for HTML5 Support - Input tag attributes
[3Replies]
- 20-Jun-2012 06:21 PM
- Forum: Developing jQuery Plugins
This tiny plugin will help you test whether your browser supports HTML5 input tag. Hope you find it helpful. Any suggestions?
(function( $ ) {
  $.support.inputFeatures = function(feature) {
  return ( feature in document.createElement('input') );
  };
}) ( jQuery );

Usage:
$(function() {
  $('[name=xyzVar]').blur(function(e) {
  if( $.support.inputFeatures('validity') ) {
  alert("Is Data Valid? " + $(this)[0].checkValidity() );
  }
  });
});
<form>
<input type="text" name="xyzVar" pattern="[A-Z]{5}" />
</form>
You could test for placeholder,validity,pattern and more.

Some Troubleshooting Tips
[0Replies]
- 14-Jun-2012 01:51 PM
- Forum: Using jQuery
I finished developing an application and before releasing it to our testing team I noticed that it just was not working in IE7 which happens to most commonly used browser in our organization. I had try ... catch clauses wherever I expected errors. And since IE does not have very good troubleshooting tools I was out of luck.

Then in my $(function() { ... }), I included
1. window.onerror = function (m, u, l) { alert('Message: ' + m + '\nURL: ' + u+ '\nLine: ' + l); };
Yet all I got was Message: Not Implemented, URL & Line which were not very helpful at all. After commenting out a few suspect lines I found the offending line ..... .attr("type","select"). I was trying to change the type of a form field to "select" - I wonder why? After removing that code, the application works fine in all browsers now.

Moral: now I know not to mess with field types - IE may not accept any modifications. I have also seen that you can do $('title').html('My New Title') or $('title').text('My Other New Title') in all browsers but IE.

Any ideas what I could have done differently to pin down errors in IE?

What is the difference between .removeAttr() and .removeProp()
[2Replies]
- 11-Jun-2012 12:53 PM
- Forum: Using jQuery
What is the difference between .removeAttr() and .removeProp()?

Cross-Site Ajax Plugin
[0Replies]
- 27-May-2012 11:59 PM
- Forum: Developing jQuery Plugins
My next plugin is a cross-site (cross-domain) ajax plugin which uses server-based proxy scripts. I have developed and successfully tested the following server-side scripts:

1. JSP (GET & POST)
2. ColdFusion (GET & POST)
3. PHP (GET & POST)
1. (function( $ ) {
2. $.xsajax = function( options ) {
3. var settings = {
4. loLang : 'jsp',
5. ppath : './proxy/',
6. langURL : {
7. aspx : 'proxy.aspx',
8. asp : 'proxy.asp',
9. cfm : 'proxy.cfm',
10. jsp : 'proxy.jsp',
11. php : 'proxy.php',
12. pl : 'proxy.pl'
13. }
14. }
15. $.extend(settings, options);
16. if(settings.url.indexOf('http') == 0) {
17. settings.data = (settings.data) ? settings.data : {};
18. $.extend(settings.data, { url : settings.url });
19. settings.url = settings.ppath + settings.langURL[settings.loLang];
20. }
21. settings.loLang = null, settings.langURL = null, settings.ppath = null;
22. return $.ajax( settings );
23. }
24. }) ( jQuery );
I am soliciting help from any willing programmers for the following:

1. Classic ASP (GET & POST)
2. ASP.NET (GET & POST)
3. PERL (GET & POST)
and any other languages

Thank you in advance

Validate a list e-mail addresses in-place
[3Replies]
- 24-May-2012 03:28 PM
- Forum: Developing jQuery Plugins
You have a DOM element with a list of e-mail addresses and you would like to clean the list up. You want to be left with valid e-mail addresses only. The element could be a form field - use type=val, or other type of element - use type=html or type=text. The following jQuery plugin will help you accomplish the clean up.
1. (function( $ ) {
2. $.fn.evalidate = function( type ) {
3. return this.each( function () {
4. var $this = $(this);
5. var str = ($.inArray(type, ['text','html','val']) != -1) ? $this[type]() : "";
6. if(str.length > 0)
7. {
8. var eArr = (str.indexOf(',') > -1) ? str.split(',') : str.split();
9. str = $.grep(eArr, function(v,i) { return (/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/).test(v); }).join(',');
10. if($.inArray(type,['text','html','val']) != -1)
11. {
12. $this[type](str);
13. }
14. }
15. });
16. };
17. })( jQuery );
Usage: $(selector).evalidate('val') cleans up a form field of invalid e-mail addresses while $(selector).evalidate('val').val() cleans up and returns the cleaned-up list.
See it in action here:

http://jsfiddle.net/fiddleyetu/Zybkc/2

Sort select form field items in-place
[0Replies]
- 31-Jan-2012 02:43 PM
- Forum: Developing jQuery Plugins
I have just finished testing a small plugin I created to sort <option> items in a <select> form field in-place. The assumption is that you do not have access to the source of the data - otherwise you would sort it before loading it.

I have used the plugin to sort a list with 288 items with no noticeable change in load time. I am, however, open to any suggestions to optimize this plugin.
```
(function($)
{
      $.sortList = function(selector)
      {
        var __o = {s:[],o:{}};
        var sel = (selector) ? selector : 'select';
        $(sel + ' option').each(function(i,v) 
        {
         __o.s.push($(v).attr('value'));
         __o.o[$(v).attr('value')] = v; });
         __o.s = __o.s.sort(function(a,b) 
        { 
        return b.toLowerCase() < a.toLowerCase(); 
      });
      $(sel).html('');
      $.each(__o.s,function(l,w) { $(sel).append(__o.o[w]); }); }
}(jQuery);
   
```
Usage:
```
      $.sortList('select[name=roles]'); 
   
```
EDITED
A better version:
1. ( function( $ ) {
2. $.fn.sortSelect = function( options ) {
3. var def = $.extend({},{order:'asc'},options);
4. var ret = { an: { 'asc': -1, 'desc': 1 }, bn: { 'asc': 1, 'desc': -1 } };
5. return this.each( function() {
6. var opt = $( this ).find( 'option' ).filter(function() { return this.value != ''; } ).sort( function( a, b ) {
7. an = a.value.toLowerCase();
8. bn = b.value.toLowerCase();
9. if( an < bn ) {
10. return ret.an[def.order];
11. } else if( bn < an ) {
12. return ret.bn[def.order];
13. } else {
14. return 0;
15. }
16. })
17. .clone();
18. $( this ).find( 'option' ).filter(function() { return this.value != ''; } ).remove();
19. $( this ).append( opt );
20. });
21. };
22. })( jQuery );
Usage:
1. $( function() {
2. $( 'select[name=country]' ).sortSelect( {order:'desc'} );
3. });

Response title

Attachments

jQuery Forum

Activity Trend