JQuery Ttabs – JavaScript, AJAX, jQuery – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

JQuery Ttabs – JavaScript, AJAX, jQuery – Fórum – Programujte.comJQuery Ttabs – JavaScript, AJAX, jQuery – Fórum – Programujte.com

 

libris0
Duch
23. 12. 2010   #1
-
0
-

Ahoj, našel jsem stránku o tabs (http://broadcast.oreilly.com/2008/10/ho ... ss-an.html), které bych rád použil ve své administraci s více jazykovými mutacemi. Potřeboval bych tento kód trochu poupratit tak aby výchozí byla čeština (třeba #tab1), ale když překliknu na angličtinu, tak aby se mi všechna textová pole ve fomuláři na stránce přepla a zároveň zůstalo přepnutí i po odeslání dat do databáze dle url (třeba #tab2).

Nebo by mohly být třeba ty dvě záložky "česky" a "anglicky" na stránce jen jednou někde nahoře a při přepnutí by se změnily formulářové pole, které by byly v nějakém uzavřeném boxu, který by je odděloval od sebe třeba podle jména třídy. Jestli třeba všechny české boxy by byly označené class="cs" a anglické class="en"? Toto řešení by bylo asi nejlepší.

Mohl by mi prosím s tímto někdo pomoct?

Díky

Html soubor:
=========

    <!-- This is the box that all of the tabs and contents of

the tabs will reside -->
<div id="tabs_container">

<!-- These are the tabs -->
<ul class="tabs">
<li class="active">
<a href="#" rel="#tab_1_contents" class="tab">Tab 1</a>
</li>
<li><a href="#" rel="#tab_2_contents" class="tab">Tab 2</a></li>
<li><a href="#" rel="#tab_3_contents" class="tab">Tab 3</a></li>
</ul>


js soubor:
=======
// Load this script when page loads

$(document).ready(function(){

// Set up a listener so that when anything with a class of 'tab'
// is clicked, this function is run.
$('.tab').click(function () {

// Remove the 'active' class from the active tab.
$('#tabs_container > .tabs > li.active')
.removeClass('active');

// Add the 'active' class to the clicked tab.
$(this).parent().addClass('active');

// Remove the 'tab_contents_active' class from the visible tab contents.
$('#tabs_container > .tab_contents_container > div.tab_contents_active')
.removeClass('tab_contents_active');

// Add the 'tab_contents_active' class to the associated tab contents.
$(this.rel).addClass('tab_contents_active');

});
});


Mohly být třeba ty dvě záložky "česky" a "anglicky" na stránce jen jednou někde nahoře a při přepnutí by se změnily formulářové pole, které by byly v nějakém uzavřeném boxu, který by je odděloval od sebe třeba podle jména třídy. Jestli třeba všechny české boxy by byly označené class="cs" a anglické class="en"? Toto řešení by bylo asi nejlepší.

Nahlásit jako SPAM
IP: 94.112.44.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 5 hostů

Podobná vlákna

JQuery UI — založil Yety

Jquery v jquery — založil tribalcz

JQuery — založil janik366

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý