luokan käyttö onclick asemasta

  • Resolved tapiohuuhaa

    (@tapiohuuhaa)


    5 vuotta, 9 kuukautta sitten

    Halusin valikkopainikkeeseen, jossa on luokka ”menu-toggle” yhden JavaScript-toiminnallisuuden lisää.
    En osannut koodata sitä luokkaa käyttäen vaan lisäsin onclick-attribuutin.

    suluissa oleva ei toiminut

    /*
    var inputBound = document.getElementsByClassName(’menu-toggle’);
    [].forEach.call(inputBound, function(inputBound) {
    inputBound.onclick = function() {
    topFunction();
    }
    })*/
    function topFunction() {
    document.body.scrollTop = 0; // For Safari
    document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
    }

    Tämä nyt tuli hommaksi, kun tein jonkin CSS-virheen enkä keksinyt, mikä meni pieleen. Piti laittaa valikon avaaja kiinteäksi. Sitä klikkaamalla piti päästä sivun alkuun.

    No kännykällä sivujen käyttö on helppoa. Valikko ja haku on aina käytettävissä. Yhdellä näpäytyksellä pääsee sivun alkuun tai sisällön loppuun/ uuden aiheen/kommentin lisäämiskohtaan. Päämääränä on helppokäyttöisyys, missä olen kännykkäversiossa mielestäni onnistunut.

    The page I need help with: [log in to see the link]

Esillä 8 vastausta, 1 - 8 (kaikkiaan 8)
  • Thread Starter tapiohuuhaa

    (@tapiohuuhaa)

    5 vuotta, 9 kuukautta sitten

    Tein jopa asiaan liittyvän säikeen

    https://www.sanaristikkofoorumi.net/wordpress/forums/topic/code-snippets-for-wordpress-twentyfourteen-theme/

    Moderator Mikko Saari

    (@msaari)

    5 vuotta, 9 kuukautta sitten

    jQueryllä jotenkin näin:

    jQuery(document).ready(function($) {
$(".menu-toggle").click(function() {
    $(window).scrollTop(0);
})
})
    Thread Starter tapiohuuhaa

    (@tapiohuuhaa)

    5 vuotta, 9 kuukautta sitten

    Toimii. Laitoin sitaatteihin funtioni sisällön ja lisäsin tuon.

    Kiitos. Lähdekoodin muutokseni oli siis turha, mutta tein, kun en osannut parempaa.

    Tuo jQuery on kai sitten se tapa, jolla yleisellä tasolla vältetään onclick käyttöä. Pitäisi opetella.

    Jos viittaisin $(window).scrollTop(0); sijasta omaan funktiooni topFunction() tuossa on syntaksitasolla minulle uutta.

    miten menetellä – tämä lähinnä siksi, että jos käyttäisin tuota jQueryä joskus muussa kuin esille tulleissa kohdissa

    jQueryn suhteen saa olla tarkkana. Minulle jäi vahingossa tekstiä jQuery funktion sisään sillä seurauksella, että esim. visuaalinen editori toimi vain osittain ja sivujen haku ei toiminut ollenkaan. Pieni virhe siinä saattaa saada aikaan pahoja toiminnallisia ongelmia.

    Asiat, jotka voi ratkaista ilman jQuery on kaiketi paras niin tehdä.

    Toinen asia, jossa sorkin lähdekoodia (bbPress) oli | erottimien poisto luokan ”bbp-admin-links” sisällä (myös toisaalta, jossa oli vain yksi |-merkki). Kaiketi löytyy jokin jQuery, jolla olisin voinut välttyä ydinkoodin sorkkimiselta. Mitään erotinta ei minun mielestäni saisi määritellä kiinteästi vaan aina niin, että ne voi määritellä haluamakseen tai jättää kokonaan pois.

    $(’.bbp-admin-links’).each(function() {
    this.innerHTML = this.innerHTML.replace(’|’,”);
    })

    Tuo poistaa ensimmäisen löydetyn |-merkin, mutta tuolle pitäisi rakentaa silmukka, joka poistaisi joka ainoan. Lähdekoodissa noita ei tuon luokan sisällä ole nimittäin laitettun span-tägien sisään, joten saman luokan sisällä pitäisi tehdä useita operaatioita.

    str_replace PGP-funtiota ei voi ajaa, sillä se poistaa merkit, jotka pitää säilyttää.

    Tuota voi testata, sillä jätin |-merkit, mutta ympäröin ne span-tägeillä, joille määritin display:none.

    Thread Starter tapiohuuhaa

    (@tapiohuuhaa)

    5 vuotta, 9 kuukautta sitten

    Laitoin ratkaisun esille
    https://www.sanaristikkofoorumi.net/wordpress/forums/topic/code-snippets-for-wordpress-twentyfourteen-theme/#post-11226

    Thread Starter tapiohuuhaa

    (@tapiohuuhaa)

    5 vuotta, 9 kuukautta sitten

    Huomasin, että jQuery palauttaa sivun tarkemmin alkuun kuin href=”#”, joka saattaa jättää vain lähelle sivun ylälaitaa. Vaihdoin siksi nuolen ylös jQueryyn.

    Thread Starter tapiohuuhaa

    (@tapiohuuhaa)

    5 vuotta, 9 kuukautta sitten

    Kukahan luo nämä sivustot. Käyttämäni jipot loisivat kännykällä helppokäyttöisyyttä.

    Testattu Samsung Galaxy J5 -älypuhelimella.

    Mielestäni foorumisivustossa käyttöä pitäisi ajatella kuin tietokoneen käyttöliittymää, ei niinkuin tavallista verkkosivua.

    Toki kännykällä ylös/alas -siirtymiset ovat nopeampia kuin tietokoneella. Mutta haun tai valikon käyttö ei tarvitse mitään rullausta. Ei myöskään kommenttilomakkeelle pääsy.

    Nyt kaikki tuntuu melkein napsahtavat paikoilleen. Kirjautuneilla käyttäjillä ei foorumihaku aina haku vie aivan sivun alkuun.

    Sivustoparannuksia ei oikein voi esittää missään.

    Thread Starter tapiohuuhaa

    (@tapiohuuhaa)

    5 vuotta, 9 kuukautta sitten

    Ratkottavia ongelmia ei enää ole.

    Thread Starter tapiohuuhaa

    (@tapiohuuhaa)

    5 vuotta, 9 kuukautta sitten

    https://www.sanaristikkofoorumi.net/wordpress/forums/topic/sivuston-mobiiliversio-mobile-phone-version-of-this-site/

    voi keskustella mobiilisuunnittelusta – kun kyseessä ei ole ongelma, yleiskeskustelu ei kaiketi tällä sivustolla toimi

Esillä 8 vastausta, 1 - 8 (kaikkiaan 8)
  • The topic ‘luokan käyttö onclick asemasta’ is closed to new replies.