![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 4 Pomógł: 0 Dołączył: 6.08.2013 Ostrzeżenie: (0%) ![]() ![]() |
Witam - mam taki kod jak poniżej, ale chciałbym umieścić 500 elementów. Ręczne wbijanie tylu elementów jest drakońskie. Jak to skrócić?
registration = function (local_conf) { if (typeof jQuery === 'undefined') { throw 'registration exception: jQuery not found.'; } var conf = {}; conf.boxId = null; conf.env = null; /** * @param {Object} data */ var init = function (local_conf) { conf = jQuery.extend(conf, local_conf); // init = function () { }; jQuery( 'div.chamber_menu a' ).click( function() { var menuType = this.name; jQuery( 'div.chamber_menu a' ).attr( 'class', '' ); jQuery( this ).attr( 'class', 'active' ); switch(menuType) { case '0-1': jQuery('div.form-2').hide(); jQuery('div.form-3').hide(); jQuery('div.form-4').hide(); jQuery('div.form-5').hide(); jQuery('div.form-1').show(); jQuery('div.form-6').hide(); jQuery('div.form-7').hide(); jQuery('div.form-8').hide(); break; case '0-2': jQuery('div.form-2').show(); jQuery('div.form-1').hide(); jQuery('div.form-3').hide(); jQuery('div.form-4').hide(); jQuery('div.form-5').hide(); jQuery('div.form-6').hide(); jQuery('div.form-7').hide(); jQuery('div.form-8').hide(); break; case '0-3': jQuery('div.form-1').hide(); jQuery('div.form-2').hide(); jQuery('div.form-4').hide(); jQuery('div.form-3').show(); jQuery('div.form-5').hide(); jQuery('div.form-6').hide(); jQuery('div.form-7').hide(); jQuery('div.form-8').hide(); break; case '0-4': jQuery('div.form-1').hide(); jQuery('div.form-2').hide(); jQuery('div.form-3').hide(); jQuery('div.form-5').hide(); jQuery('div.form-6').hide(); jQuery('div.form-4').show(); jQuery('div.form-7').hide(); jQuery('div.form-8').hide(); break; case '0-5': jQuery('div.form-1').hide(); jQuery('div.form-2').hide(); jQuery('div.form-3').hide(); jQuery('div.form-4').hide(); jQuery('div.form-6').hide(); jQuery('div.form-7').hide(); jQuery('div.form-5').show(); jQuery('div.form-8').hide(); break; case '0-6': jQuery('div.form-1').hide(); jQuery('div.form-2').hide(); jQuery('div.form-3').hide(); jQuery('div.form-4').hide(); jQuery('div.form-6').show(); jQuery('div.form-5').hide(); jQuery('div.form-7').hide(); jQuery('div.form-8').hide(); break; case '0-7': jQuery('div.form-1').hide(); jQuery('div.form-2').hide(); jQuery('div.form-3').hide(); jQuery('div.form-4').hide(); jQuery('div.form-7').show(); jQuery('div.form-5').hide(); jQuery('div.form-6').hide(); jQuery('div.form-8').hide(); break; case '0-8': default: jQuery('div.form-1').hide(); jQuery('div.form-2').hide(); jQuery('div.form-3').hide(); jQuery('div.form-4').hide(); jQuery('div.form-5').hide(); jQuery('div.form-8').show(); jQuery('div.form-6').hide(); jQuery('div.form-7').hide(); break; } return false; }); }; jQuery(document).ready( function () { init(local_conf); } ); } |
|
|
![]() |
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 6 476 Pomógł: 1306 Dołączył: 6.08.2006 Skąd: Kraków Ostrzeżenie: (0%) ![]() ![]() |
@zegarek84: Mamy linię najmniejszego oporu, nie najmniejszą linię oporu. (IMG:style_emoticons/default/wink.gif)
@Orgin: Masz kilka podstawowych błędów. Przede wszystkim CSS-owskie klasy traktujesz jako identyfikatory. Powinieneś wszystkim tym formularzom nadać jedną wspólną klasę oraz każdemu z osobna unikalny identyfikator: Dzięki temu będziesz mógł wygodnie operować tak na wszystkich formularzach jak i na każdym z osobna.
|
|
|
![]() ![]() |
![]() |
Aktualny czas: 14.10.2025 - 20:37 |