Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Valikko

Sivun loppuun

Rocceri [11.03.2009 16:17:31]

#

Terve (Mulla onkin tänään paljon kysyttävää)

Tarvitsisin sellaisen valikon, että se näyttää millä sivulla on.
Tämänhetkinen koodi on:

<html>
	<head>
		<title>Valikko</title>
	</head>
	<body>
		<li>
			Etusivu
		</li>
		<ul>
			<li>löpinää</li>
		</ul>
	</body>
</html>

Tuota pitäisi vääntää niin, että tuo <li> -tagin pallo olisi vaikka pinkki tms.
aluksi. (Tämä valikko näkyy samana joka sivulla. pst. on framessa)
Kun sivulle menee, pallo on etusivun kohdalta musta.
Jos painaa löpinää sivulle, löpinää -kohdan edessä oleva pallo on musta ja Etusivun pallo pinkki.
Mitens tälläinen tehdään? Jos joku edes tajusi tosta selistyksestä jotain.

tsuriga [11.03.2009 16:29:22]

#

http://www.w3schools.com/css/

EDIT: Kyllä se nyt vaan on vähä itekin viitsittävä, valmis ratkasu kun usein vaan johtaa siihen, että huomenna on taas neljä uutta samanlaista kysymystä pöydällä.

Rocceri [11.03.2009 16:32:25]

#

tsuriga kirjoitti:

http://www.w3schools.com/css/

... Tuolt kukaan jaksa ettii :s

Tumettaja [11.03.2009 16:33:24]

#

Tulostat valikkoon linkit for-silmukassa, ja silmukassa sitten tarkistat pitääkö tulostaa pinkki tai musta pallo.

Rocceri [11.03.2009 16:36:46]

#

Tumettaja kirjoitti:

Tulostat valikkoon linkit for-silmukassa, ja silmukassa sitten tarkistat pitääkö tulostaa pinkki tai musta pallo.

Anteeksi kuinka? :O En mä tälläsiä osaa. :S

ankzilla [11.03.2009 16:47:03]

#

Rocceri kirjoitti:

Tumettaja kirjoitti:

Tulostat valikkoon linkit for-silmukassa, ja silmukassa sitten tarkistat pitääkö tulostaa pinkki tai musta pallo.

Anteeksi kuinka? :O En mä tälläsiä osaa. :S

http://w3schools.com

Kannattais jaksaa opetella. :)

Tumettaja [11.03.2009 16:48:12]

# 

<?php
	$sivut = array("etusivu","löpinää");

	for (i=0; i<count($sivut);i++) {
		if (basename($nykyinen_url,".php") == $sivut[$i]) {
			//tulosta musta pallo
		} else {
			//tulosta pinkki pallo
		}
	}
?>

Rocceri [11.03.2009 16:48:14]

#

ankzilla kirjoitti:

Rocceri kirjoitti:

Tumettaja kirjoitti:

Tulostat valikkoon linkit for-silmukassa, ja silmukassa sitten tarkistat pitääkö tulostaa pinkki tai musta pallo.

Anteeksi kuinka? :O En mä tälläsiä osaa. :S

http://w3schools.com

Kannattais jaksaa opetella. :)

Sanokaa nyt ees millä nimellä tuolta löytyy... Ei mulla koko päivää oo aikaa ettii

Cornix [11.03.2009 16:48:24]

#

Voit muuttaa sivun ulkoasua CSS-tyylitiedostojen avulla. Ne linkitetään sivun head-osiossa link-tagilla:

<head>
     <title>Valikko</title>
     <link rel="stylesheet" type="text/css" href="tyylitiedosto.css" />
</head>

Tuo esimerkkikoodisi on hiukan rikkinäinen. Siitä puuttuu yksi ul-elementti. Nyt tuo <li>Etusivu</li> on aivan yksinään tuolla.

Olettaisin että tarkoitit Etusivu-tekstin samoin saman listan sisälle, jossa tuo löpinää:kin on. Silloin voit erottaa eri li-elementit toisistaan esimerkiksi luokan avulla. Lisäsin seuraavaan esimerkkiin muutaman ylimääräisenkin, jotta idea tulee esille:

<ul>
     <li>jokin sivu</li>
     <li class="valittu">Etusivu</li>
     <li>löpinää</li>
     <li>vielä yksi</li>
</ul>

CSS:ssä sitten kerrotaan, miltä valittu-niminen class näyttää:

.valittu {
     color: #FF0000; /* punainen väri tekstille ja listapalluralle */
}

En ainakaan löytänyt suoraan W3C:n sivuilta CSS:stä erillistä kohtaa, jolla tuon pelkän pallon värin saisi vaihdettua.

Yksi ratkaisu (ja varmaankin se ainoa, mikäli ainoastaan listaelementin palluran väriä ei tosiaan ole mahdollista muuten vaihtaa) on erottaa <li>:n sisällä oleva teksti vielä <span>-tagilla ja määritellä sen väriksi musta:

     <li class="valittu"><span>Etusivu</span></li>

sekä CSS:ään:

.valittu span {
     color: #000000;
}

tsuriga [11.03.2009 16:48:31]

#

Syvyystunnistus on mahdollista pelkällä CSS:llä:

ul
{
    list-style-image: url(musta.gif);
}

ul ul
{
    list-style-image: url(pinkki.gif);
}

EDIT: /r/ Rocceri b&.

GimPeltzi [11.03.2009 17:42:10]

#

Tumettaja kirjoitti:

<?php
	$sivut = array("etusivu","löpinää");

	for (i=0; i<count($sivut);i++) {
		if (basename($nykyinen_url,".php") == $sivut[$i]) {
			//tulosta musta pallo
		} else {
			//tulosta pinkki pallo
		}
	}
?>

Tää nyt on vähän offia mutta miksi taulukoita käydään läpi for -silmukalla? foreachan on juuri sitä varten olemassa.

Merri [11.03.2009 17:51:20]

#

Kyseessä on osittain makuasia, mutta toiminnallisiakin eroja löytyy. foreach siirtää sijainnin taulukon loppuun (alkuun pääsee resetillä). Tästä voi olla tietyissä tilanteissa hyötyä, mutta toisissa haittaa. Kirjoittamisen suhteen pituusero on minimaalinen.

Omassa käytössäni suosin foreachia silloin kun tahdon tietää avaimen (key) arvon, muutoin käytän aina indeksityyliä.

Marbo [11.03.2009 18:11:50]

#

Rocceri kirjoitti:

Sanokaa nyt ees millä nimellä tuolta löytyy... Ei mulla koko päivää oo aikaa ettii

Miks tollasta pitäs ees auttaa kun tolla asenteella on liikkellä?

Ota aikaa ja tee sitten sivus kun sitä on.

reca [11.03.2009 19:34:09]

#

Joo ei oikeen ymmärrä tuota asennetta. Jos ei ole aikaa etsiä, niin ei sun sivus tunnu olevan kovin tärkeä projekti.

Juhko [11.03.2009 20:51:03]

#

Joo, nyt alat lukea näitä, etkä kysy yhtäkään turhaa kysymystä ennen sitä:

https://www.ohjelmointiputka.net/oppaat/opas.php?tunnus=phpj
https://www.ohjelmointiputka.net/oppaat/opas.php?tunnus=js_01
http://www.w3schools.com/html/default.asp
http://www.w3schools.com/css/default.asp
http://www.w3schools.com/js/default.asp
https://www.php.net/

reca kirjoitti:

Joo ei oikeen ymmärrä tuota asennetta. Jos ei ole aikaa etsiä, niin ei sun sivus tunnu olevan kovin tärkeä projekti.

Se sanoi, ettei edes tee mitään sivuja, vaan ainoastaan kokeilee eri juttuja. -.-

EDIT: En toki halua haukkua sinua, Rocceri. Olin itsekin kauhea kyselijä vuosina 2006-2007, varmaan muistattekin. :)

Vasta_alkaja [11.03.2009 22:09:14]

#

Itse kyselen vieläkin :)

alottelijaa [11.03.2009 22:32:16]

#

sama juttu :)

Tumettaja [11.03.2009 23:06:40]

#

Saahan sitä tietenkin kysyä, mutta on turhauttavaa vastata viesteihin, joiden kirjoittaja on jättänyt viestin periaatteella "tehkää mulle tämmöinen niin ite otan sillä aikaa nokoset".

Grez [12.03.2009 00:50:01]

#

Tumettaja kirjoitti:

Saahan sitä tietenkin kysyä, mutta on turhauttavaa vastata viesteihin, joiden kirjoittaja on jättänyt viestin periaatteella "tehkää mulle tämmöinen niin ite otan sillä aikaa nokoset".

Ei se oo tyhmä joka pyytää vaan se joka maksaa.. siis vastaa.

tsuriga [12.03.2009 08:16:30]

#

Foreachia suositellaan käytettäväksi silloin, kun halutaan lukea säilöstä dataa, foria silloin, kun sitä halutaan myös muokata.

Rocceri [12.03.2009 14:39:51]

#

Olisi hauskaa olla kyselemättä, mutta nämä foorumithan ovat kysymyksille.
Etsin aina ensin Googlesta, mutta en välttämättä aina tiedä oikeita hakusanoja niin se jää mahdottomaksi.
Aikaa ei ole etsiä päiviä, sillä koulun jälkeen on harrastukset.

Kiitos kuitenkin vastanneille. Sain jo sen mitä halusin.

Vasta_alkaja [12.03.2009 20:35:45]

#

Tottakai saa kysellä ja sitähän varten nämä sivut on. Kysymys ja valmis vastaus on kuitenkin eri asia. No, onhan sitä varmaan itsekkin tullut ruinailtua valmiita vastauksia silloin kun halusi saada jotain aikaan. Siinä on vain se huono puoli, että oppi jää vähemmälle.

Rocceri [12.03.2009 20:39:31]

#

Vasta_alkaja kirjoitti:

Tottakai saa kysellä ja sitähän varten nämä sivut on. Kysymys ja valmis vastaus on kuitenkin eri asia. No, onhan sitä varmaan itsekkin tullut ruinailtua valmiita vastauksia silloin kun halusi saada jotain aikaan. Siinä on vain se huono puoli, että oppi jää vähemmälle.

Niinhän se jää, mutta jollei mitään löydy, niin pakko kysyä

Sivun alkuun

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta