0sm0

Vapaa kuvaus

Aloituksia

0

Kommenttia

24

  1. Sama+tilanne+minulla:+Adlibriksesta+ostin+kirjan+jota+mainostavat,+mutta+oli+muka+toimittajalta+loppunut+ja+Klarna+muka+palauttaa+rahat+automaattisesti.+Kahden+viikon+odottelun+jälkeen+pääsin+vihdoin+puhelimella+Klarnan+asiakaspalveluun,+josta+ilmoitettiin+että+rahan+palautus+oli+epäonnistunut+teknisistä+syistä+ja+ohjattiin+täyttämään+nettilomake+palautustiedoilla,+jossa+mm.+pankkitilinumero+ja+sähköpostiosoitteeni,+johon+lupasivat+laittaa+tietoa+rahan+palautuksesta.+Nyt+siitä+on+mennyt+1½-viikkoa+lisää,+eikä+mitään+s-postia+ole+tullut,+puhumattakaan+rahoista.+Nyt+taas+puhelinjonossa+(jossa+aloitin+sijalla+29),+eikä+minulle+kerrottu+puhelun+alussa+onko+jonottaminen+linjoilla+maksullista,+selvisi+että+oli.+Vihdoin+pääsin+läpi,+kuulemma+rahan+palautus+on+aloitettu+edellisenä+pankkipäivänä+ja+kestää+2+-+5+pankkipäivää,+eikä+minulle+tule+siitä+mitään+erillistä+ilmoitusta.Joka+tapauksessa,+jos+sieltä+jotain+rahaa+tulee,+niin+ainakin+neljä+viikkoa+siihen+menee.+Muistutuksia+itselleni:1)+ei+ikininä+enää+yhtään+ostosta+Adlibriksesta+(nykyaikana+ei+muka+tiedetä+varastotilannetta!?).2)+ei+ikinä+enää+yhtään+transaktiota+Klarnan+kautta!
  2. Jaa,+ihmettelinkin+kun+seikkaperäinen+selitykseni+koodeineen+katosi+kuin+tuhka+tuuleen!
  3. Lisää+funktiohin+muiden+elementtien+piilotus.
  4. Otsikon+mukainen+vastaus: Ja+siltä+varalta+ettei+se+näy:et-merkkinumeromerkki32puolipistetai+katso+tämän+vastauksen+lähdekoodista+:)
  5. Mahdollisimman+tiukasti,+mikäli+sääntö+on+siis+suunniteltu+ja+dokumentoitu,+sille+sovittujen+sääntöjen+tarkoitushan+on+helpottaa+ja+nopeuttaa+työskentelyä.+Mikäli+toteutusvaiheessa+sitten+ilmenee+tarvetta+suunnitelmasta+poiketa,+niin+sekin+on+syytä+dokumentoida.+Jälkipuinnissa+sitten+analysoidaan+ja+toivon+mukaan+opitaankin+jotain,+niin+että+seuraava+suunnitelma+on+jo+parempi+:)Vaikka+työskentelisin+yksin,+niin+nyrkkisäännöistä+on+hyötyä,+esim.+linkittäessä+tiedän+tarkastamatta+asiaa+että+JPEG-kuvan+tiedostopääte+on+aina+*.jpg+-muodossa+(eikä+esim.+*.JPG,+tai+*.jpeg,+tai+*.jpe,+tai+jotain+muuta).
  6. Hakemistojen+ja+tiedostojen+nimeämiskäytännöt+ovat+asioita+jotka+on+syytä+suunnitella+ja+dokumentoida+jo+sivuston+rakenteen+suunnitteluvaiheessa.+Nämä+ovat+asioita+joista+hyötyy+ennenkaikkia+sivuston+tekijätaho,+vaikkka+tietenkin+on+hienoa+plussaa+jos+asiakas+saa+sivun+osoitteesta+itselleen+apua.Lonkalta+mieleen+tulevia+nyrkkisääntöjä:merkkeinä+pelkkiä+aakkosnumeerisiaensimmäinen+merkki+aina+aakkosmerkilläkaikki+gemenoinatiedostopäätteet+(mikäli+käytetään)+yhtenäisiksi+(3+tai+4+merkkiä)sanaerottimena+tavuviivaAsiakkaan+kannalta+antamassasi+esimerkissä+oleellista+olisi+se+että+hän+saa+jonkinlaisen+kuvan+sivun+sisäällöstä.+Itse+tarkka+merkitys+olisi+ideaalia+saada+jo+sivun+ulkoiseen+otsikkoon,+eli+TITLE-elementtiin,+mutta+viimeistään+sivun+pääotsikkoon,+eli+H1-elementtiin.
  7. Toimin+näin:1)+tallennan+sivun+koneelleni2)+etsin+merkkijonon:+"https://www.google.com/search?btnI&q="3)+korvaan+sen+merkkijonolla:+"https://duckduckgo.com/search.html"4)+tallennan+muutoksen5)+klikkaan+"Make+some+noise"+-nappia
  8. Selaimet+eivät+oletusarvoisesti+esitä+kaikkien+HTML-elementtien+sisältöä,+kuten+esim.+TITLE-elementtiä,+joka+edustaa+dokumentin+(Web-sivun)+ulkoista+otsikkoa.+Ks.:http://weppipakki.com/html/1strict/title.htm
  9. Kyseinen+skripti+vuorovaikuttaa+saman+hakemiston+json_demo_db_post.php+-tiedoston+kanssa+(koodin+3.+viimeinen+rivi),+joka+sitten+noutaa+kyseiset+nimet+tietokannasta+ja+joka+sitten+palauttaa+tiedot+näkemällesi+Web-sivulle.+Eli+käytännössä+tarvitset+vastaavanlaisen+palvelinympäristön.
  10. ID+ja+CLASShan+ovat+merkkauskielen+rakenteita,+joihin+sitten+CSS-valitsimien+(selektoreiden)+avulla+voidaan+yhdistää+tyylideklaraatioita+(ominaisuuksia+arvoineen).+Toisin+sanoen:+valitsimet+ovat+kaavoja,+jotka+vastaavat+HTML-+tai+XML-dokumenttipuiden+solmuja,+eikä+CSS:n+kannalta+ole+mitään+merkitystä+minkälaisia+deklaraatioita+yhdistetään+milläkin+valitsimella,+oli+sitten+kyseessä+luokkavalitsin+(CLASS),+tahi+tunnistevalitsin+(ID),+tai+joku+muu:http://weppipakki.com/css/tekstit/selektor.htmEli,+en+näe+logiikkaa+tuollaisessa+opetuksessa,+eikä+mieleen+tule+mitään++historiallistakaan+syytä+moiseen.+Päinvastoin,+tuollainenhan+käytännössä+vaikeuttaisi+tyylien+ylläpitoa+enemmän+kuin+kohtuuttomasti+(se+olisi+täydellinen+vastakohta+jo+mainitsemalleni+nyrkkisäännölle:+vältä+tunnisteita,+suosi+luokkia.+Mielenkiinnosta+vilkaisin+tämän+sivun+tyylejä:view-source:https://keskustelu.suomi24.fi/css/styles.css?v=1.49.2joista+en+äkkiseltään+löytänyt+kuin+yhden+tunnisteselektorin,+mutta+satoja+luokkaselektoreita+:)
  11. Selvennetään+vielä:+ID-attribuutilla+annetaan+tarvittaessa+elementeille+yksilöllinen+tunnus,+jonka+ansiosta+ne+erottuvat+kaikista+muista+dokumentin+elementeistä.+CLASS-attribuutilla+taas+erotetaan+elementtejä+kuulumaan+yhteen+tai+useampaan+luokkaan.+Erilaiset+elementit+voivat+kuulua+samaan+luokkaan.+Käytännössä+siis+ero+on+siinä+että+ID-attribuutin,+eli+yksilöölisen+tunnisteen+avulla+mahdollistuu+esimerkiksi+linkkien,+tyylimäärityksien+ja+skriptien+kohdistaminen+tiettyyn+dokumentissa+uniikkiin+elementtiin.+CLASS-attribuutilla,+eli+yleisellä+luokalla+voidaan+sitten+kohdistaa+tyylejä+ja+skriptejä+useampaan+samaan+luokkaan+kuuluviin+elementteihin.+Tässä+myös+näkyy+1.+käytännön+eroavaisuus:+linkittää+voidaan+vaan+yksilöityyn+ID-entifioituun+kohteeseen+(siksi+myös+rajoitus:+yksi+ID+per+dokumentti).+2.+käytännön+ero+on+siinä+että+ID+hyväksyy+vain+yhden+arvon+(vertaa+ihmisen+henkilötunnukseen),+kun+taas+CLASS-attribuutin+arvoksi+voidaan+antaa+useampi+arvo,+jolloin+joku+elementti+voi+kuulua+useampaan+eri+luokkaan+samanaikaisesti.Antamassasi+esimerkkikoodissa+tod.+näk.+molemmat+attribuutit+ovat+siellä+tyylejä+varten,+jolloin++ID:+"s24-navbar-collapse-1"+toimii+koukkuna+vain+siihen+näin+yksilöityyn+DIV-elementtiin+ja+CLASS:+"collapse+navbar-collapse"+yhdistää+DIVin+kahteen+eri+luokkaan+(luokkanimet+erotetaan+toisistaan+tyhjällä+tilalla),+joita+sitten+oletettavasti+käytetään+myös+muuallakin+dokumentissa.+Eli+tyyleistä+jostain+löytynee+kolme+valitsinta:#s24-navbar-collapse-1+{...}.collapse+{...}+.navbar-collapse{...}joiden+deklaraatioita+sitten+käytetään+kyseisen+DIVin+lopullisen+ulkoasun+määrittämiseen.+Vielä+nyrkkisääntö:+suosi+luokkia,+käytä+IDeetä+vain+pakottavissa+tapauksissa.
  12. Missä+tuota+mytext_change()-funktiota+kutsutaan?
  13. Näyttäisi+siltä+että+palaute-muuttuja+on+(anonyymin)+funktion+sisäinen,+eli+se+ei+ole+käytettävissä+funktion+ulkopuolella.
  14. Ehkäpä+vielä+kuvausta+vastaavampi+esimerkki:http://weppipakki.com/js/code/js2/everyday.htm
  15. Otetaanpa+uusiksi:<table+border>++<tr>++++<td+rowspan="4"+width="33%">i.++Chłopiec</td>++++<td+rowspan="2"+width="33%">ii.++Lech+Aleksander</td>++++<td+width="33%">iii.+Rusazcie</td>++</tr>++<tr>++++<td+width="33%">iie.+Aleksandra</td>++</tr>++<tr>++++<td+rowspan="2"+width="33%">ie.+Marie-Ir&#233;ne</td>++++<td+width="33%">iei.+Ju-Dhar</td>++</tr>++<tr>++++<td+width="33%">iee.+Kastana</td>++</tr>++<tr>++++<td+rowspan="4"+width="33%">e.+Dziewczyna</td>++++<td+rowspan="2"+width="33%">ei.+Krzysztof+Dw+</td>++++<td+width="33%">eii.+Christopher+II+</td>++</tr>++<tr>++++<td+width="33%">eie.+Zanja</td>++</tr>++<tr>++++<td+rowspan="2"+width="33%">ee.+Słodzony</td>++++<td+width="33%">eei.+Mr+Soljanka</td>++</tr>++<tr>++++<td+width="33%">eee.+Zonya+IV</td>++</tr></table>
  16. Sukutaulustasi+linkitetään+(http://ruiskukka.org/nur/Wampir.html)+valmiiseen+esimerkkiin:<pre>&lt;table+border&gt;++&lt;tr&gt;++++&lt;td+rowspan="4"+width="33%"&gt;i.++Chłopiec&lt;/td&gt;++++&lt;td+rowspan="2"+width="33%"&gt;ii.++Lech+Aleksander&lt;/td&gt;++++&lt;td+width="33%"&gt;iii.+Rusazcie&lt;/td&gt;++&lt;/tr&gt;++&lt;tr&gt;++++&lt;td+width="33%"&gt;iie.+Aleksandra&lt;/td&gt;++&lt;/tr&gt;++&lt;tr&gt;++++&lt;td+rowspan="2"+width="33%"&gt;ie.+Marie-Ir&amp;#233;ne&lt;/td&gt;++++&lt;td+width="33%"&gt;iei.+Ju-Dhar&lt;/td&gt;++&lt;/tr&gt;++&lt;tr&gt;++++&lt;td+width="33%"&gt;iee.+Kastana&lt;/td&gt;++&lt;/tr&gt;++&lt;tr&gt;++++&lt;td+rowspan="4"+width="33%"&gt;e.+Dziewczyna&lt;/td&gt;++++&lt;td+rowspan="2"+width="33%"&gt;ei.+Krzysztof+Dw+&lt;/td&gt;++++&lt;td+width="33%"&gt;eii.+Christopher+II+&lt;/td&gt;++&lt;/tr&gt;++&lt;tr&gt;++++&lt;td+width="33%"&gt;eie.+Zanja&lt;/td&gt;++&lt;/tr&gt;++&lt;tr&gt;++++&lt;td+rowspan="2"+width="33%"&gt;ee.+Słodzony&lt;/td&gt;++++&lt;td+width="33%"&gt;eei.+Mr+Soljanka&lt;/td&gt;++&lt;/tr&gt;++&lt;tr&gt;++++&lt;td+width="33%"&gt;eee.+Zonya+IV&lt;/td&gt;++&lt;/tr&gt;&lt;/table&gt;</pre>Jonka+table-elementtiin+lisäsin+border-attribuutin+havainnollistamaan+reunaviivoja.
  17. Koodiasi näkemättä on vaikeaa sanoa missä tarkalleen mättää, mutta kuulostaa siltä, että ongelma liittyy joko fonttien pikakirjoitusominaisuuteen:

    http://weppipakki.com/css/css2/font.htm

    tai luultavammin fonttikokjen erikoisempiin perimäsääntöihin:

    http://weppipakki.com/css/css2/font-size.htm

    joten kannattanee tarkastaa että olet ymmärtänyt käyttämäsi ominaisuuden oikein.
  18. Mun kristallipalloni suorakaidelukija jumittu, joten joutunet antamaan ongelmasivun URL-osoitteen tutkittavaksi.
  19. Mä voin jelpata:
    http://fi.lmgtfy.com/?q=temperature calculator javascript
    :)
  20. Tuosta antamastasi linkistä selvisi väärinkäsitys. Kyse ei ole float-ominaisuuden full-arvosta, vaan class-attribuutin luokkanimestä:

    *Lainaus alkaa:*
    Tässä blogisysteemissä img-tagin class-attribuutin CSS-luokkanimi voi olla (kuvan asettelu):

    align-left (vasemmalla) - kuva on vasemmalla ja teksti voi olla myös kuvan vieressä.
    align-center (keskelle) - kuva on keskellä ja teksti sijoittuu kuvan ylä- ja alapuolelle.
    align-right (oikealla) - kuva on oikealla ja teksti voi olla myös kuvan vieressä.
    align-full (täysi) - kuva on vasemmalla ja teksti sijoittuu kuvan ylä- ja alapuolelle.
    *Lainaus loppuu.*

    Ts. kuvaan tulee tuo class-attribuutti, esim.:

    <img class="align-full"...

    ja sitten jossakin tyylitiedostossa on määritelty deklaraatiot (joiden mukaan kuvat asemoituvat) noille align-*-luokille.

    Vielä siellä luki:

    "Näitä blogeja voi kirjoittaa Visuaalisessa tilassa, joka riittää monelle, jos haluaa itse enemmänkin säätää blogin sisällön ulkoasua, niin silloin otetaan käyttöön HTML-muokkain -tila."

    Tuota alustaa en tunne, mutta oletan että se sallii lennossa vaihdon "visuaalisesta" "HTML" -tilaan, joten ehkäpä, mikäli mielenkiintoa riittää, pääset heti tarkastelemaan miten visuaalisessa tilassa tehdyt muutokset vaikuttavat koodipuolella.
    21. 1 / 2
TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt