turn this jquery into an if/else statement [closed]

by

Let’s break this into bare parts, and fix the indentation. Then use some static analysis to compact the if statements.

<!--script for changing Number of Columns-->
$(window).load(function(){

  function oneColumnClick() {
    $('.IH_pINameRow').removeClass("floatLeft ");
    $('.IH_pINameRow').addClass("floatNone ");
    $('.odd').removeClass("leftMargin");
    $('.even').removeClass("rightMargin ");
    $('.pI_nameText').removeClass("textAlignLeft textAlignRight");  
    $('.pI_nameText').css('font-size', '2em');
    $('.pI_nameText').addClass("1col");
    $('.pI_nameText').removeClass("2col");
    $('label.twoColumn').css('background-position', '-104px -52px');
    $('label.oneColumn').css('background-position', '-104px -26px');
  }

  function twoColumnClick() {
    $('.IH_pINameRow').removeClass("floatNone ");
    $('.IH_pINameRow').addClass("floatLeft ");
    $('.odd').addClass("leftMargin");
    $('.even').addClass("rightMargin ");
    $('.pI_nameText').css('font-size', '1em');
    $('.pI_nameText').removeClass("1col");
    $('.pI_nameText').addClass("2col");
    $('.odd').removeClass("textAlignLeft");
    $('.even').removeClass("textAlignRight");
    $('.even, .odd').addClass("textAlignCenter");
    $('label.twoColumn').css('background-position', '-104px -26px');
    $('label.oneColumn').css('background-position', '-104px -52px');
    $('label.leftAlignment').css('background-position', '-104px -52px');
    $('label.centerAlignment').css('background-position', '-104px -26px');
  }

  var idx = $('select[name="numNames"]').children('option:selected').index();
  if (idx < 7){
    $('.oneColumn').click(oneColumnClick);
    if (idx > 3){
      $('.twoColumn').click(twoColumnClick);
    }
  }
});

More Related Contents:

  1. Get one element title and add this to another div in jquery
  2. how do i submit message to my email by html or js?
  3. JS hide function error
  4. Countdown in days
  5. Pure JavaScript toggle for select / deselect all checkboxes [duplicate]
  6. Check if checkbox is checked with jQuery
  7. Get DOM content of cross-domain iframe [duplicate]
  8. Get pixel color from canvas, on mousemove
  9. Share data between HTML pages
  10. How to perform a real time search and filter on a HTML table
  11. Jquery Event won’t fire after ajax call
  12. How to bind Events on Ajax loaded Content?
  13. Get unique selector of element in Jquery
  14. How to get all selected values from ?
  15. Set content of iframe
  16. Retrieving file names out of a multi-file upload control with javascript
  17. Save a pre element as PDF with CSS
  18. How To Show And Hide Input Fields Based On Radio Button Selection
  19. jQuery Validation using the class instead of the name value
  20. jQuery duplicate DIV into another DIV
  21. Center flex item in container, when surrounded by other flex items
  22. Modify the value of each textfield based on original value using jQuery
  23. How to keep the changes made to DOM by javascript/jquery on page refresh
  24. Onclick reload the div only
  25. jQuery: How to listen for DOM changes?
  26. Saving and loading an image from localStorage
  27. submit event does not fire if submit initiated programmatically
  28. How can I remove wrapper (parent element) without removing the child?
  29. DOM Element Width before Appended to DOM
  30. Convert JavaScript variable value to csv file

Leave a Comment