Prodej multi-eshopu DomaciCentrum.cz - čistá marže 750 000 Kč / rok
Zobrazují se odpovědi 1 až 5 z 5

Úprava kódu pro jQuery Cycle

  1. Zdravím, mám takový kód, ve kterém po kliknutí zobrazím jiný obsah DIVu. Jenže nemůžu přijít na to, jak by šlo udělat to, že když kliknu na Odkaz 3 a zobrazí se obsah s formulářem, tak po odeslání se zobrazí opět DIV s obsahem 1. Neporadil by prosím někdo, jak se po odeslání formulářu udržet na DIVu 3? Děkuji

    KÓD jQuery


    $('.obsah').cycle({
    fx: 'fade',
    speed: 'slow',
    timeout: 0,
    pager: '#odkaz',
    pagerAnchorBuilder: function(idx, slide) {
    return '#odkaz li:eq(' + idx + ') a#aktivni';
    }
    });


    KÓD HTML
    <ul id="odkaz">
    <li><a href="#" id="aktivni">Odkaz 1</a></li>
    <li><a href="#" id="aktivni">Odkaz 2</a></li>
    <li><a href="#" id="aktivni">Odkaz 3</a></li>
    </ul>


    <div class="obsah">
    <div>Tady bude nejaky obsah po kliknuti<div>
    <div>Tady bude jiny obsah po kliknuti<div>
    <div>Tady bude jeste dalsi obsah po kliknuti ve kterém je formulář<div>
    <div>

  2. Happy Robot :]

    Co se právě děje na Webtrhu?

  3. Po presmerovani si pridejte do url #div3

    a do kodu pridejte, aby se po nacteni zobrazil ten spravny div - udaj z hashe ziskate: document.location.hash

  4. Díky za pomoc,
    ta první půlka rady by tedy měla vypadat nějak takto? Pokud jsem to pochopil.

    <form action="http://www.domaim.ltd/#div3" method="post">
    </form>

    Tu druhou půlku rady se přiznám, vůbec nechápu :-(
    Můžete mi to prosím ještě nějak přilížit. Moc děkuji

  5. HTML:
    Kód:
    <div id='div1'></div>
    <div id='div2'></div>
    <div id='div3'></div>
    JS:
    Kód:
    function showDiv(hash){
     if(hash == ''){
      return;
     }
     $('#'+hash).show();
    }
    
    $(document).ready(function(){
    showDiv(document.location.hash);
    });
    Cca z hlavy - neotestovano.

  6. Tak teď to mám celý takto, ale po odeslání se načte opět 1 div :-( Nevíte co by bylo ještě špatně :-(
    Děkuji

    Odkazy
    Kód:
    <ul id="odkaz">
     <li><a href="#" id="aktivni">Odkaz 1</a></li>
     <li><a href="#" id="aktivni">Odkaz 2</a></li>
     <li><a href="#" id="aktivni">Odkaz 3</a></li>
     </ul>
    Obsah
    Kód:
    <div id='div1'></div>
    <div id='div2'></div>
    <div id='div3'>
    <form action="/#div3" method="POST">
    </form>
    </div>

    JS
    Kód:
    $('.obsah').cycle({
     fx: 'fade',
     speed: 'slow',
     timeout: 0,
     pager: '#odkaz',
     pagerAnchorBuilder: function(idx, slide) {
     return '#odkaz li:eq(' + idx + ') a#aktivni';
     }
     });
    
    function showDiv(hash){
     if(hash == ''){
      return;
     }
     $('#'+hash).show();
    }
    
    $(document).ready(function(){
    showDiv(document.location.hash);
    });


    ---------- Příspěvek doplněn 03.02.2012 v 00:31 ----------

    Nikdo neporadí? :-(

Hostujeme u Server powered by TELE3