Hirdetés

Keresés

Új hozzászólás Aktív témák

  • Sk8erPeter
    nagyúr

    Megjegyzés: JQuery-ben is lehet szinkron módon használni.

    Igen, és deprecated, ahogy volt már róla szó a topicban. :) Lásd jQuery hivatalos oldala.
    Nem jó, nagyon nem az. Ne fagyasszuk be a júzer GUI-ját azért, mert nem jöttünk rá a jó megoldásra.

    (#3522) martonx :
    én is így látom. Egy "kicsit" értelmesebb, mint a múltkori "valósítsunk meg komplett webshopot CSAK JavaScript-alapokon"-feladat... így legalább a diákok talán elkezdik érteni, mit jelent az, hogy aszinkron kommunikáció.

    (#3519) Lacces :
    nem volt egy túl nagy vitatéma, a lényeg, hogy senki ne AJAX-ozzon úgy, hogy szinkron kommunikációt erőltet. Mert az rossz.

  • spammer
    veterán

    A $(document).ready() akkor fut le, amikor DOM betöltődött, gyakorlatilag ezután tudsz "feliratkozni" elemek eventjeire.

    Most már értem, köszi :R

    Szerintetek az kivitelezhető, hogy a link szövege megváltozzon a toggle funkció után. Arra gondolok, hogy alapból például "mutat" a link, ha rányomok, megjelenik a div, de ezután a link szövege "elrejt" lesz. Tehát a js animáció és a div megjelenítése után más szöveget mutatna a link.

    <a href="#" id="toggle3">Mutat</a>

    <a href="#" id="toggle3">Elrejt</a>

    Gondolom ahhoz, hogy a szöveget módosítani tudja a js, lehet, hogy egy span tagbe kellene rakni és úgy lehetne rá hivatkozni.

    <a href="#" id="toggle3"><span id="toggleLink">Mutat</span></a>

    <a href="#" id="toggle3"><span id="toggleLink">Elrejt</span></a>

    Jól gondolom, vagy túlbonyolítom? :D Meg lehet ezt oldani egyszerűen? :)

  • spammer
    veterán

    Az ID-k jók? Nem szerepel véletlenül több helyen ez az ID? Próbáld meg a konzolban kiadni a szelektort, hogy visszadobja-e az objektumot amin dolgozna.

    Jók, direkt egy csináltam egy új, üres html-t tesztelésre, mert nem működött élesben.

    Ennyi az egész kompletten:

    <!DOCTYPE HTML>
    <html lang="hu-HU">
    <head>
    <title>Teszt</title>
    <meta charset="UTF-8">
    <script type="text/javascript" src="scripts/jquery-1.9.1.min.js"></script>
    <script type="text/javascript">
    $('#toggle3').click(function() {
    $('.toggle3').toggle('slow');
    return false;
    });
    </script>
    </head>
    <body>
    <a href="#" id="toggle3">Animated Toggle</a><br /><br />
    <div class="toggle3" style="display:none; background-color:#4CF;width:100px;height:100px;"></div>
    </body>
    </html>

    a linkelt oldalakon ez működik, helyben nem, mert a linkre kattintáskor csak a "#" jelet írja az url végére (test.html#), azaz "üres" hivatkozásnak veszi és nem fut le a script vagy én nem tudom.

Új hozzászólás Aktív témák