Joo elikkä haluaisin tehdä kotisivut. Olisi muutama ongelma johon tarvitsisin apua.
1. Miten voidaan tehä niin että kun otsikkoa painaa alla oleva teksti tulee näkyviin. Mutta kun eri otsikkoa painetaan edellisen otsikon teksti menee piiloon.
2. Otsikoita on muutama ja kun niistä yhtä klikkaa näiden otsikoiden alle tulee otsikon teksti. Vähän samanlainen kuin 1. ongelma mutta tällä kertaa se teksti tulee kaikkien otsikoiden alle.
3. On tusinan verran kuvaa joista haluaisin tehdä esitys. Eli kuva vaihtuu joka 3 sekunnin välein. Siinä olisi myös nappi joka pysäyttäisi esityksen.
4. Lomake johon laitetaan nimi,sähköposti, puhelinnumero ja kommentti. Jokainen tieto täytyy olla täytetty sekä nimessä täytyy olla välilyönti merkki sekä korkeintaan 50 merkkiä,sähköpostiosoitteessa täytyy olla @ merkki, puhelinnumero alkaa + merkillä. Jos näitä ei ole niin tulee alert ilmoitus.
Anteeksi että on paljon kysymyksiä ja teksti on kauheaa luettavaa.
Kiitos etukäteen vastanneille. Jos ei jaksa auttaa niin lähettää sivun mistä nämä tiedot voi saada.
Vastaus kohtaan 1 löytyy javascriptin avulla kivasti, kunhan otsikolle on määritely yksilöllinen id esimerkissä 'otsikko1'.
<html>
<head>
<script type="text/javascript">
function muutaTilaa(id){
var elementti = document.getElementById(id);
var linkki = document.getElementsByTagName("a")[0];
var esilla = elementti.style.display;
elementti.style.display = (esilla == 'block') ? 'none' : 'block';
linkki.firstChild.nodeValue = (esilla == 'block') ? 'Näytä' : 'Piiloon';
}
</script>
<body>
<a href="javascript:muutaTilaa('otsikko1')">Piiloon</a>
<h1 id="otsikko1" style="display: block;">Otsikko 1</h1>
</body>
</html>Loppuihin saat keksiä itse ratkaisua, mutta putkasta löytyvillä oppailla homman pitäisi sujua ihan hyvin.
Suosittelen että otat suoraan käyttöön jotain valmiita kirjastoja. Noihin elementtien piilotukseen sopii esim. jQuery. Noihin kuvien näyttöihin on myös useita suosittuja ja ilmaisia sovelluksia jotka on helppo ottaa käyttöön omilla sivuilla. Nimetä en nyt äkikseltään tosin osaa yhtään.
Siksi suosittelen valmiita kirjastoja kun js-koodin tuki on usein aika vaihtelevaa joillain selaimilla, ja täten tuki kaikille selaimille on usein vaikea toteuttaa jos mennään monimutkaisempiin toteutuksiin.
Aihe on jo aika vanha, joten et voi enää vastata siihen.