Heipä hei. Itse kun en ole javascriptiin perehtynyt, niin voisiko joku kirjoittaa valmiin koodin, miten tälläinen tehdään?
https://signup.live.com/?lic=1
Eli siis toi kun klikkaa esim. tota Etunimi kentän tekstikenttää, niin sivuun tulee teksti (katso tuo ylläoleva linkki):
Ystävät, työtoverit, perheenjäsenet ja muut tunnistavat sinut Windows Livessä nimesi perusteella.
Ja jos hiiren kursori klikkaa jotain muuta kenttää, niin se vaihtuu. Vähän niinkuin tuolla liven sivulla. Olisiko joku niin kiltti, että tekisi tälläisen minulle, tai etsisi tuon liven lähdekoodista? Kiitos
Oiskohan aika sitten itse tutustua, vai paljonko oot valmis maksamaan?
RQ kirjoitti:
Oiskohan aika sitten itse tutustua, vai paljonko oot valmis maksamaan?
En ole valmis maksamaan, mietin vaan että onko jollain valmista ratkaisua tähän. Koska en jaksa tutustua javascriptiin, kun en tartte sitä kuin tässä jutussa.
Ei tuohon edes tarvita JavaScriptiä, vaan pelkkä CSS riittää. http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes
<style>
#selitys:empty {
display: none;
}
#selitys {
border: 1px solid red;
}
</style>
<script>
function selitys(teksti) {
var e = document.getElementById("selitys");
while (e.lastChild) {
e.removeChild(e.lastChild);
}
if (teksti) {
e.appendChild(document.createTextNode(teksti));
}
}
</script>
<p id="selitys"></p>
<p>
<input type="text" onfocus="selitys(this.title)" onblur="selitys()" title="Höpöhöpö." />
<input type="text" onfocus="selitys(this.title)" onblur="selitys()" title="Päläpälä." />
</p>-tossu- kirjoitti:
Ei tuohon edes tarvita JavaScriptiä, vaan pelkkä CSS riittää.
Tuskinpa riittää tässä tapauksessa. Näytä toki, jos jotenkin onnistut.
Metabolix kirjoitti:
Tuskinpa riittää tässä tapauksessa. Näytä toki, jos jotenkin onnistut.
http://tossu.dy.fi/foo/nettisivu-esimerkit/css-input-focus.html
Ahaa, tarkoitit tuollaista. Arvelin alkuperäisen kysymyksen kohdasta "se vaihtuu", että teksti pitäisi saada aina samaan paikkaan, ja siinä CSS-ratkaisu on hieman kömpelö, koska täytyy käyttää absoluuttista sijoittelua.
Metabolix kirjoitti:
Ahaa, tarkoitit tuollaista. Arvelin alkuperäisen kysymyksen kohdasta "se vaihtuu", että teksti pitäisi saada aina samaan paikkaan, ja siinä CSS-ratkaisu on hieman kömpelö, koska täytyy käyttää absoluuttista sijoittelua.
Absoluuttinen sijoitteluhan on aina suhteellista. Voi asemoida öabsoluuttisestiö suhteessa haluttuun elementtiin. Tosin duunia on vähän enemmän kuin tuossa demossa, joka ainakin Firefoxissa kirjoittaa selitystekstin osittain seuraavan kentän päälle.
Kysyjän ilmoittamalla sivulla homma on tehty lähinnä JavaScriptillä näin:
<input type="text" onchange="SignUp.ValidateField(this)"
onfocus="SignUp.ShowHelp('name')" value="" maxlength="40"
name="iFirstName" id="iFirstName">Siitä vain tutkimaan funktioiden määrittelyjä, jos tuollainen kiinnostaa.
Toisaalta jos jotkin ohjeet ovat tarpeet, miksi niitä ei voi vain esittää? Onko pakko olla näyttämättä niitä silloin, kun CSS tai JavaScript ei ole käytössä tai niissä menee jotain pieleen? (Microsoft ei ansaitse miljardeja tällaisilla käyttöliittymillä, vaan sillä on varaa tehdä huonojakin käyttöliittymiä, koska se ansaitsee miljardeja.)
Tutkin funktioiden määrittelyjä, ja löysin sieltä sen ShowHelp -funktion
kun etsin sourcesta (tietysti painamalla Ctrl+F) hakusanalla "SignUp.ShowHelp". Se oli kolmas tulos. Ja siitä kun seuraa koodia eteenpäin, huomaa varmasti toisen funktion: SignUp.UpdateHelp. Se löytyy tietysti hakusanalla "SignUp.UpdateHelp".
Metabolix kirjoitti:
koodi
En saanut koodiasi toimimaan, olen ihan susi näissä. Viitsisitkö upottaa tuon johonkin sillee, että siinä on kokonainen toimiva html sivu niinkun ton tossun esimerkki.
Metabolixin koodi toimii kyllä vaikka ihan tuollaisenaan. Minunkaan esimerkissäni ei käytännössä ollut mitään muuta.
Pahvimuki kirjoitti:
En saanut koodiasi toimimaan
Kerro mieluummin että mikä siinä ei toimi. Se, että raportoidaan vain "ei toimi", ei kerro juuri mitään.
Kyllä tuo esimerkki pitäisi toimia ihan sellaisenaan. Ja voithan itsekin lisätä tuohon normaalit html-alku ja lopputagit jos niitä kaipaat.
Myöskin omatoiminen vihjeiden etsiminen netistä ei liene mahdottoman vaikeaa. Kirjoita vaikka Googleen "javascript form hint" ja klikkaa ensimmäistä tulosta. Saat täydellisen esimerkin koodeineen.
makumaku kirjoitti:
Kerro mieluummin että mikä siinä ei toimi. Se, että raportoidaan vain "ei toimi", ei kerro juuri mitään.
Myöskin omatoiminen vihjeiden etsiminen netistä ei liene mahdottoman vaikeaa.
Huoh. Mitä virkaa tällä palstalla on, jos täällä ei saa kysyä apua? Älä vastaa jos tympii.
qeijo kirjoitti:
Huoh. Mitä virkaa tällä palstalla on, jos täällä ei saa kysyä apua? Älä vastaa jos tympii.
Jos vastauksena on geneerinen "ei toimi", niin se ei kyllä kerro pätkän vertaa. Sen sijaan ongelman kuvaus tarkasti auttaa huomattavasti enemmän. Esimerkiksi "kokeilin koodiasi, mutta selaimeni virhekonsoliin tulostuu useita virheitä koskien rivejä 1, 4 ja 10 voisitko auttaa asiassa?". Tällainen on oleellisesti parempi, jolloin vastauksen antaminen on huomattavasti helpompaa.
qeijo kirjoitti:
Huoh. Mitä virkaa tällä palstalla on, jos täällä ei saa kysyä apua? Älä vastaa jos tympii.
mun kooodi ei toimi voitko auttaa weijo?
Aihe on jo aika vanha, joten et voi enää vastata siihen.