Eredmény: 1 - 7 (7) összesen

Téma: Időzített html tartalom megjelenítés

  1. #1
    Új tag
    Csatlakozott
    13-11-19
    Hozzászólás
    3
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás Időzített html tartalom megjelenítés

    Sziasztok!
    Szeretnék készíteni egy oldalt, ahol az oldal betöltésétől számítva 10 mp-re jelenne meg egy gomb, amire ha rákattintunk, akkor egy addig „rejtett” tartalmat jelenítene meg, elnavigálás nélkül.
    Az a baj, hogy a js eddig eléggé messze állt tőlem és nem igazán találom rá a megoldást.
    Kérlek segítsetek!



  2. #2
    Szerkesztő Rosejbni logója
    Csatlakozott
    12-07-29
    Hely
    Sweet 127.0.0.1 Sweet
    Hozzászólás
    283
    Begyűjtött 82 köszönetet
    74 hozzászólásával

    Alapbeállítás re: Időzített html tartalom megjelenítés

    Edit fiddle - JSFiddle


    Idozites meg sztem mar konnyebb... Nem?



  3. #3
    Szerkesztő Rosejbni logója
    Csatlakozott
    12-07-29
    Hely
    Sweet 127.0.0.1 Sweet
    Hozzászólás
    283
    Begyűjtött 82 köszönetet
    74 hozzászólásával

    Alapbeállítás re: Időzített html tartalom megjelenítés

    Csinalsz egy index-et
    ezzel:
    Timed JavaScript Redirect

    Beallitod, hogy 10 masodperc mulva atugorjon egy masik oldalra, ahol az elobb irt javas cucc van a gombbal meg a rejtett tartalommal. Es kesz!



  4. #4
    'Say Hello To My Little Friend'
    Csatlakozott
    10-04-13
    Hely
    Budapest
    Hozzászólás
    2.788
    Begyűjtött 867 köszönetet
    663 hozzászólásával

    Alapbeállítás re: Időzített html tartalom megjelenítés

    Van pl. egy div-ed, ainek az id-je "sajtoslekvar", és alapból display:none. Van egy gombod is, aminek az id-je pl. "gombocska", alapból display:none. Ezen kívül van egy onclick attribútuma is:

    Kód:
    <div id="sajtoslekvar" style="display:none">
    Ide jön a rejtett tartalom.
    </div>
    
    <input type="button" id="gombocska" onclick="displayHiddenContent()">
    Namost ez a JS 10 mp után megjeleníti a gombot:

    Kód:
    window.onload = function() {
        setTimeout("document.getElementById('gombocska').style.display = 'inline' ", 10000);
    }
    Ez pedig akkor fog lefutni, ha a gombra kattintasz (hisz meghívódik a displayHiddenContent() függvény):

    Kód:
    function displayHiddenContent() {
       document.getElementById("sajtoslekvar").style.display = "block";
    }




  5. #5
    Új tag
    Csatlakozott
    13-11-19
    Hozzászólás
    3
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: Időzített html tartalom megjelenítés

    Idézet Emphus eredeti hozzászólása Hozzászólás megtekintése
    Van pl. egy div-ed, ainek az id-je "sajtoslekvar", és alapból display:none. Van egy gombod is, aminek az id-je pl. "gombocska", alapból display:none. Ezen kívül van egy onclick attribútuma is:

    Kód:
    <div id="sajtoslekvar" style="display:none">
    Ide jön a rejtett tartalom.
    </div>
    
    <input type="button" id="gombocska" onclick="displayHiddenContent()">
    Namost ez a JS 10 mp után megjeleníti a gombot:

    Kód:
    window.onload = function() {
        setTimeout("document.getElementById('gombocska').style.display = 'inline' ", 10000);
    }
    Ez pedig akkor fog lefutni, ha a gombra kattintasz (hisz meghívódik a displayHiddenContent() függvény):

    Kód:
    function displayHiddenContent() {
       document.getElementById("sajtoslekvar").style.display = "block";
    }
    Köszönöm a gyors válaszokat.
    Ez a megoldás lenne számomra az ideálisabb, viszont valamit nem jól csinálok, mert a gomb azonnal látszik



  6. #6
    Szerkesztő djjean logója
    Csatlakozott
    11-10-15
    Hely
    Baja
    Hozzászólás
    207
    Begyűjtött 46 köszönetet
    42 hozzászólásával

    Alapbeállítás re: Időzített html tartalom megjelenítés

    "gombocska" gombon hiányzik a
    HTML kód:
    style="display:none;"
    rész. Utána jónak kell lennie.



  7. #7
    Új tag
    Csatlakozott
    13-11-19
    Hozzászólás
    3
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: Időzített html tartalom megjelenítés

    Igen, nagyon szépen köszönöm.



Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •