Search jQuery

jQuery Forum

Screen name:
Godsbest
About Me:
An open-minded web developer using jQuery daily, an enthusiastic jQuery evangelist. Learning new tricks from this site daily. Currently learning jQuery Mobile.

Godsbest's Profile

11 Posts

2497 Responses

11 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Web Developer-- Exciting position!
[0Replies]
- 19-Oct-2012 10:12 AM
- Forum: Using jQuery
Friends,

If you have the skills and are interested in the position described below, or if you know someone who would be interested, please contact me and I will give further details.

Thank you,

-------------------------------------

JOB TITLE: Web Developer-- Exciting position!

LOCATION: Secaucus, NJ

SALARY: $70-90K

REFERENCE: AMA- 87768

DESCRIPTION:
• Seeking an experienced Web Developer to join a small but growing team in Northern NJ.
• You will be responsible for building user interfaces for a family of websites and integrating them with new backend applications on a Microsoft .NET backend.

REQUIREMENTS:
• 4+ years of web development experience on large-scale websites. Solid front-end development skills: (HTML, CSS, AJAX, XHTML, CSS, XML, Javascript, JQuery).
• Experience with ASP or Microsoft .NET web development technologies including MS SQL, VB.net and C#.
• Excellent communication and problem solving skills.
• Knowledge of SEO and best practices.
• Experience developing ecommerce sites.
Pluses:
• Design and visual thinking skills: Adobe Photoshop experience.
• Interest in UX design. Wordpress development and administration.
• Mobile web development/experience.
• Interest in Design, Fashion and Color.
• This is a full-time, on-location position.

jQuery [URL] QR Code Plugin
[0Replies]
- 27-Aug-2012 11:32 PM
- Forum: Developing jQuery Plugins
Here is a very simple jQuery [URL] QR Code plugin based on goqr.me api.You are welcome to use it. Feel free to give your feedback. Your comments are welcome.

(function( $ )
{
  $.fn.qrcode = function(options)
  {
  var settings =
  {
  baseURI: 'http://api.qrserver.com/v1/create-qr-code/?data=',
  source: 'http://goqr.me',
  data: window.location.href,
  size: '250x250',
  linkBack: true,
  css: { 'border':'20px solid #fff' }
  }
  settings = $.extend({},settings,options);
  return this.each(function()
  {
  $(this).html( '<img>' )
  .find('img').attr('src',settings.baseURI
+ encodeURIComponent(settings.data) + '&size=' + settings.size)
  .css(settings.css).filter(function() { return settings.linkBack; })
  .wrap( '<a href="' + settings.source
+ '" style="text-decoration:none;"></a>' );
  });
  };
})( jQuery );

Play with the plugin here: http://fiddle.jshell.net/fiddleyetu/DwkTS/

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.

Testing for Placeholder Support in Browser
[2Replies]
- 19-Jun-2012 08:33 PM
- Forum: Developing jQuery Plugins
Here is a tiny plugin to help you test whether your browser supports the placeholder HTML5 attribute:
1. (function( $ ) {
2. $.fn.placeholderSupport = ( 'placeholder' in document.createElement('input') );
3. }) ( jQuery );
Usage:
1. if( $.fn.placeholderSupport ) {
2. //do something
3. }

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

Get list of values of all selected same name check boxes in a form
[5Replies]
- 23-May-2012 03:27 PM
- Forum: Developing jQuery Plugins
You can have check boxes with the same name in a form, allowing users to select more than one. Many developers know or have realized that by design & definition $(field-selector).val() returns the value of the first field matched. How do we get all the values? The following jQuery plugin will do just that for you. It returns a list of comma separated values for all selected check boxes. Feel free to change the value separator to suit your needs, by changing .join(',') to .join('|'), for example.
1. (function($)
2. {
3. $.fn.valList = function()
4. {
5. return $(this).map(function() { return $(this).val(); }).get().join(',');
6. };
7. })(jQuery);
Usage: very similar to the way .val() is used:
var myvals = $(selector).valList();

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]');

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend