Forum PHP.pl

[HTML] pobierz, plaintext 
 
					<select id="EUR" name="code" class="dark space tab tab-1" />
						<option>EUR</option>
					</select>
 
					<select id="GBP" name="code" class="dark space tab tab-2" />
						<option>GBP</option>
					</select>
 
					<select id="CHF" name="code" class="dark space tab tab-3" />
						<option>CHF</option>
					</select>
 
					<select id="USD" name="code" class="dark space tab tab-4" />
						<option>USD</option>
					</select>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
		$(document).ready(function() {
        //dla każdego miejsca z tabami
        $('.tabs').each(function() {
            var $ul = $(this);
            var $li = $ul.children('li');
            //przy wejsciu na strone ukrywamy tresc tabow i pokazujemy tylko aktywny...
            $li.each(function() { //pętla po wszystkich tabach
                var $trescTaba = $($(this).children('a').attr('href')); //pobieramy blok o id pobranym z linka-taba
                if ($(this).hasClass('active')) { //jeżeli ten tab ma klasę aktywną
                    $trescTaba.show(); //to pobrany przed chwilą blok pokazujemy
                } else {
                    $trescTaba.hide(); //jeżeli takiej klasy nie ma to blok ukrywamy
                }
            });
 
            //mały trik - gdy klikamy na tab, wtedy wykonujemy zdarzenie dla linka, który się w nim znajduje (dzieki temu możemy kliknąć na cały tab, a nie tylko na linka)
            $li.click(function() {$(this).children('a').click()});
            //po kliknięciu na link...
            $li.children('a').click(function() {
                //usuwamy z tabów klasę active
                $li.removeClass('active');
                //ukrywamy wszystkie taby               
                $li.each(function() {
                    $($(this).children('a').attr('href')).hide();
                });
                //ustawiamy klikniętemu tabowi klasę aktywną
                $(this).parent().addClass('active');
                $($(this).attr('href')).show();
                //nie chcemy wykonać domyślnej akcji dla linka
                return false;
            });
        });
});
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<select name="code" class="dark space tab tab-1" required>
    <option>EUR</option>
    <option>GBP</option>
    <option>CHF</option>
    <option>USD</option>
</select>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
var select = document.getElementById('.okreslonaKlasa');
    select.getAttribute("required");
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
$(".okreslonaKlasa").mouseover(function() {
			var select = document.getElementById('.okreslonaKlasa');
                        select.getAttribute("required");
		});
[HTML] pobierz, plaintext 

Cytat(Korybut @ 12.05.2015, 13:02:06 )

[HTML] pobierz, plaintext 
var select = document.getElementById('.okreslonaKlasa');
    select.getAttribute("required");
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
		$(document).ready(function() {
        //dla każdego miejsca z tabami
        $('.tabs').each(function() {
            var $ul = $(this);
            var $li = $ul.children('li');
            //przy wejsciu na strone ukrywamy tresc tabow i pokazujemy tylko aktywny...
            $li.each(function() { //pętla po wszystkich tabach
                var $trescTaba = $($(this).children('a').attr('href')); //pobieramy blok o id pobranym z linka-taba
                if ($(this).hasClass('active')) { //jeżeli ten tab ma klasę aktywną
                    $trescTaba.show(); //to pobrany przed chwilą blok pokazujemy 
					document.getElementById("EUR").required = true;
					document.getElementById("GBP").required = true;
					document.getElementById("CHF").required = true;
					document.getElementById("USD").required = true;
                } else {
                    $trescTaba.hide(); //jeżeli takiej klasy nie ma to blok ukrywamy
					document.getElementById("EUR").disabled = true;
					document.getElementById("GBP").disabled = true;
					document.getElementById("CHF").disabled = true;
					document.getElementById("USD").disabled = true;
                }
            });
 
            //mały trik - gdy klikamy na tab, wtedy wykonujemy zdarzenie dla linka, który się w nim znajduje (dzieki temu możemy kliknąć na cały tab, a nie tylko na linka)
            $li.click(function() {$(this).children('a').click()});
            //po kliknięciu na link...
            $li.children('a').click(function() {
                //usuwamy z tabów klasę active
                $li.removeClass('active');
                $li.children('a').removeClass('active');
                //ukrywamy wszystkie taby               
                $li.each(function() {
                    $($(this).children('a').attr('href')).hide();
                });
                //ustawiamy klikniętemu tabowi klasę aktywną
                //$(this).parent().addClass('active');
                $(this).addClass('active');
                $($(this).attr('href')).show();
                //nie chcemy wykonać domyślnej akcji dla linka
                return false;
            });
        });
});
[HTML] pobierz, plaintext 

Cytat(rucin96 @ 12.05.2015, 13:05:47 )

[HTML] pobierz, plaintext 
if ($(this).hasClass('active')) { //jeżeli ten tab ma klasę aktywną
                    $trescTaba.show(); //to pobrany przed chwilą blok pokazujemy 
					document.getElementById("EUR").required = true; //tylko wybrana opcja została aktywowana pod tym tabem
					document.getElementById("GBP").disabled = true;
					document.getElementById("CHF").disabled = true;
					document.getElementById("USD").disabled = true;
[HTML] pobierz, plaintext 

Cytat(Korybut @ 12.05.2015, 13:12:03 )

[HTML] pobierz, plaintext 
var $trescTaba = $($(this).children('a').attr('href')); //pobieramy blok o id pobranym z linka-taba
                if ($(this).hasClass('active')) { //jeżeli ten tab ma klasę aktywną
 
                    $trescTaba.show(); //to pobrany przed chwilą blok pokazujemy 
                } else {
 
                    $trescTaba.hide(); //jeżeli takiej klasy nie ma to blok ukrywamy
                }
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
var $trescTaba = $($(this).children('a').attr('href')); //pobieramy blok o id pobranym z linka-taba
                if ($(this).hasClass('active')) { //jeżeli ten tab ma klasę aktywną
					$trescTaba.prop('required', true);
                    $trescTaba.show(); //to pobrany przed chwilą blok pokazujemy 
                } else {
					$trescTaba.prop('disabled', true);
                    $trescTaba.hide(); //jeżeli takiej klasy nie ma to blok ukrywamy
                }
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
if ($(this).hasClass('active')) { //jeżeli ten tab ma klasę aktywną
                    $trescTaba.show(); //to pobrany przed chwilą blok pokazujemy 
					document.getElementById("EUR").required = true;//tylko wybrana opcja została aktywowana pod tym tabem
                }
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
$trescTaba.show();
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
$trescTaba.hide();
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
$trescTaba.prop('required', true);
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
$trescTaba.prop('disabled', true);
[HTML] pobierz, plaintext