Kirjoittaja Aihe: Kuvasuhdelaskuri  (Luettu 3362 kertaa)

Tomin

  • Palvelimen ylläpitäjä
  • Käyttäjä / moderaattori+
  • Viestejä: 11481
    • Profiili
    • Tomin kotisivut
Kuvasuhdelaskuri
« : 11.03.11 - klo:23.26 »
Kirjoittelinpa tässä sitten tämmöisen. Tuli mieleen, että ennen pitkään (ei varmaan edes vuoteen vielä kuitenkaan) pitää tuo kuvaputki telkkari sitten vaihtaa ja mietin kuinka iso taulutelkkarin pitää olla, jotta siinä on vähintään yhtä korkea kuva. No laskin sen ensin paperilla ja sitten nälkä kasvoi syödessä, joten rupesin ohjelmoimaan Javascriptillä. :P

Lopputulos:
http://tomin.dy.fi/etc/kuvasuhdelaskuri.html

Eli syötä yksi mittatieto vanhan näytön kenttään, valitse yksiköt (siis sille läpimitalle, muut ovat sentteinä) sekä valitse kuvasuhde. Jos haluat laskea uuden näytön koon, laita myös sen kuvasuhde ja samana säilytettävä mitta.

Lisään tuohon huomenna vielä pyöristykset ja ehkä yhden pienen jutun, jonka huomaat jos painat kahdesti Laske-nappia (tosin täytyy määritellä joku muu kuin läpimitta ekana). Ulkoasuakin voisi parannella.

Bugeja voi löytyä ja niistä voi ilmoitella tähän. Kirjoittelin viimeiset ominaisuudet kymmenen jälkeen (siis 11.03.), joten koodi voi olla jännää. Koodia saa kopioida vapaasti omaan käyttöön ja uusiin vapaasti jaossa oleviin projekteihin. Kaikki data on samassa tiedostossa, joten sen kopioiminen on helppoa.

Muokkaus:
12.03. Pyöristykset lisätty ja pientä muutakin remonttia kanssa. Seuraavaksi varmaan fiksailen vähän sitä ulkoasua.
No nyt on sitäkin muokattu ja lisätty muunnos senteistä tuumiksi ja toisinpäin.
13.03. Lyhennetty kenttiä ja lisätty yksiköt myös uuden näytön läpimitalle, seuraavaksi varmaan jonkun (piilotetun) ohjeen voisi tuohon lisätä.

Saa ehdottaa uutta ulkonäköä/parannnuksia ulkonäköön.

Millähän saisin tuon xhtml:n oikeaoppiseksi? form-tagilla pitää olla melkein pakosta name-attribuutti, joka ei käy ja pitäisi käyttää id:tä, mutta en saa sitä toimimaan javascriptin kanssa oikein.
« Viimeksi muokattu: 13.03.11 - klo:13.55 kirjoittanut Tomin »
Automaattinen allekirjoitus:
Lisäisitkö [RATKAISTU] ketjun ensimmäisen viestin aiheeseen ongelman ratkettua, kiitos.

Jantunen

  • Käyttäjä
  • Viestejä: 254
  • Hö.
    • Profiili
    • Strobotti.com: Valokuvausta ja kameraharrastusta
Vs: Kuvasuhdelaskuri
« Vastaus #1 : 18.03.11 - klo:13.26 »
Millähän saisin tuon xhtml:n oikeaoppiseksi? form-tagilla pitää olla melkein pakosta name-attribuutti, joka ei käy ja pitäisi käyttää id:tä, mutta en saa sitä toimimaan javascriptin kanssa oikein.

Miksi tarvitset formille nimen? Viittaa mieluummin elementteihin suoraan id:illä ja unohda tuo vanha ei-niin-välttämättä-selainyhteensopiva document.lomake.kenttä.value. Kaikkein helpoimmalla pääset kun pikapikaa opettelet käyttämään esim jQueryä, joka helpottaa html-elementtien kanssa puljausta selainyhteensopivasti: http://jquery.com/

Tuolla ohje miten elementteihin viitataan id:llä käyttäen jQueryä: http://api.jquery.com/id-selector/

Mikäli jQueryn opiskeleminen ei kiinnosta tässä vaiheessa, korvaat vain tuosta nykyisestä koodista kaikki aikaisemmin mainitsemani syntaksit muotoon (olit näemmä joissain kohtaa käyttänytkin tuota getElementById-metodia):

Koodia: [Valitse]
var elementti = document.getElementById("elementinId");
// käytä elementtiä tässä, esim alert(elementti.value)
Lenovo Thinkpad T420 Intel i5 16Gt/SSD512GB+HDD2TB, Ubuntu 16.04 Xenial Xerus 64bit; Kuvia ja lätinää valokuvauksesta: https://www.strobotti.com/