Autor Zpráva
hades
Profil *
Ahoj

Mám stránky s ptačími druhy http://www.ptaci-pardubic.ic.cz (cca 150 stránek) a rád bych udělal v menu seznam ptáků (nejlépe hierarchizovaných dle čeledí).
Použil jsem css horizontální menu z http://qrayg.com/experiment/cssmenus

Co byste mi doporučili? Myslíte si, že je vůbec košér mít tak "rozsáhlé" menu se cca 150 sub-položkami?

Nebo by bylo lepší udělat nějaký formulář, kde by si člověk vybral čeleď a vygeneroval by se mu seznam druhů. Toto by se asi dělalo přes PHP, které bohužel stále neumím (časem se to konečně doučím).

Nejsnazší by tedy pro mne bylo udělat nějaký hierarchizovaný externí seznam stránek, kde by se asi k nějaké skupině přidal atribut "čeleď". Ale jak to naprogramovat? Nebo nějaké přehlednější a lepší řešení?

Celý web je tvořen v redakčním systému WordPress.

Díky moc za jakékoliv nápady, odkazy, příklady. :-)
panther
Profil
hades
Jak máš vpravo ten sloupeček, ve kterém máš všechny druhy vypsané, tak to nevypadá moc esteticky, protože to je v poměru k textu strašně dlouhé.
Osobně bych udělal menu, ale jen nahoře, rozbalovací a celou tu nabídku všemožných druhů z pravé části smazal. Nic ti nebrání do hlavního menu nahoře přidat položku vyhledávací formulář, kde by jsi mohl použít vyhledávání podle zadaných parametrů. Udělat a skloubit jde obojí, jen jestli budeš chtít dělat dvojí práci. Záleží jen na tobě, toto je můj názor
hades
Profil *
jj dík za nápad

S tím zrušením bočního menu jsem počítal. Přesně jak říkáš, je to nepřehledné a zbytečné. Možná tam nechám dvě tři položky.
panther
Profil
Vpravo to na mě působí jen jako rušivý element. Pokud chceš udělat něco jako navigaci, zkus ji umístit někam nahoru, pod hlavičku.
Miškin
Profil
Prehlednejsi reseni je treba na: http://www.krmivo-brit.cz/plemena-psu/ohau-i/anglicktz-setr
hades
Profil *
tak jsem se rozhodl to udělat přes Optgroup http://www.jakpsatweb.cz/formulare-4.html#optgroup

Bohužel mi nefungují hyperlinky :(

mám tam někde chybu?

ukázka kódu který jsem vkládal externě přes <?php include_once("species.html") ?>

<p><b>Potápky</b></p>
<select name="druh" size="1">
<optgroup label="- potápkovití">
<option value="http://www.ptaci-pardubic.ic.cz/?page_id=88">Potápka malá</option>
<option value="http://www.ptaci-pardubic.ic.cz/?page_id=683">Potápka roháč</option>
</optgroup>
</select>
hades
Profil *
Vyřešeno použitím
<select name="druh" size="1" onchange="window.location=this.value;">
hades
Profil *
Ještě jednou bych vás poprosil o radu.

V současnosti to vypadá hrozně ( tedy takto http://www.ptaci-pardubic.ic.cz/uvod/kniha/prehled-druhu )
Představoval bych si to však nějak takhle http://sklad.obrazku.cz/obr13976_species.jpg

Jenže jak propojit ty dva sloupce. Tedy po kliknutí v levém aby se "vygenerovala" resp. "zobrazila" nabídka ve vedlejším. To asi v optgroup udělat nepůjde.

Našel jsem nějaký návod ( http://www.infimum.dk/HTML/multiselect.html ), který to řeší javascriptem, ale tam zase nevím, jak udělat položky jako klikatelné odkazy na jednotlivé stránky, protože je využita hodnota value u tagu option.

Díky za jakékoliv nápady jak vyřešit současnou situaci :-)
skurakai
Profil
Tak problém stále přetrvává :( Řešení bude v javascriptu, ale stále se mi ho nepodařilo dohledat. Asi nebude stačit udělat příkaz, který by dle hodnoty "value" v <option> odkazoval na příslušnou stránku.

V současné době to vypadá takto http://skurakai.ic.cz/seznam.html

Zkoušel jsem to "obšlehnout" pomocí jiných webů, ale např. kód na http://ati.amd.com/support/driver.html kterým toto řeší byl na mé znalosti šílený.

Předem díky všem za rady.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: