Vertikalne menu

petko117 · Napísal **petko117**: 10.03.2014 15:48

ahojte, prosim o radu, mam vertikalne menu, to je vsetko urobene napoziciovat neni problem,,ale chcem to tak urobit ze zakazdym ked kliknem v tom menu napr, zarazka1 , zarazka 2 zarazka3 tak chcem aby to stale ostalo na stranke stranka.php cize nechcem vytvarat dalsie stranky na ktore by ma presmerovavalo, chcem aby sa to menu zobrazovalo zakazdym aj ked kliknem na zarazka 1 , 2 , 3, neviem to lepsie vysvetlit,, cize aby sa obsah zaraziek menil v strede stranky a to menu aby stale bolo na kraji a neviem ako to docielit, nechcem aby ma jednotlive zarazky odkazovali na inu stranku.php..iba aby sa to prehadzovalo v strede

hatto13 · Napísal **hatto13**: 10.03.2014 15:58

cez iframe alebo javascript

aky to ma vyznam aby to bolo vsetko na jednej stranke?

BX · Napísal BX: 10.03.2014 16:12

Toto sa bežne robí a robí sa to pomocou podmieneného include v php.
Napríklad niečo ako

Kód:

<?php
if( $_GET["zarazka"] == '1' )
   include 'zarazka1.php'; // tu je kod, ktory sa zobrazi
else
if( $_GET["zarazka"] == '2' )
  include 'zarazka2.php';

atď...

Nemusí to byť len takéto hlúpe, môžeš si to urobiť ako chceš, len som ukázal využitie include.

hatto13 · Napísal **hatto13**: 10.03.2014 16:26

ja som to pochopil tak ze to chce bez refreshu stranky, ci?

lebo ak nie, tak potom to co pise BX

don jebot · Napísal **don jebot**: 10.03.2014 18:47

bez refreshu moze pouzit ajax, iframy su z cias ked bohovia boli kruty a malicherny ... http://www.youtube.com/watch?v=8ia7S8KCyLg

petko117 · Napísal autor témy **petko117**: 10.03.2014 19:07

no klasika pridete na stranku nieco.sk/index.php hej na lavo mate menu kde je zarazka 1 zarazka 2 a zarazka 3 kazda zarazka ma svoj vlastny obsah..text obrazky hocico..a potrebujem to urobit tak ze aby aj ked kliknem na hociaku zarazku tak mi zobrazu tu danu tabulku teda to menu..

BX · Napísal BX: 10.03.2014 19:20

A čo presne z toho, čo sme napísali ti nie je jasné?

hatto13 · Napísal **hatto13**: 10.03.2014 19:33

don jebot: dobreee, pobavil si

ja som to napisal iba ako moznost, lebo podla toho co pise a ako pise odhadujem ze ajaxom to nedokaze spravit...

petko117: mohol by si to popisat lepsie, alebo aj nejaky pripad, lebo neviem ako ostatni, ale ja stale som si nie isty ze co presne chces? nie je to nieco taketo co sa vola collapse? http://getbootstrap.com/javascript/#collapse - vysuvanie/zasuvanie obsahu ked kliknes na polozku

petko117 · Napísal autor témy **petko117**: 10.03.2014 19:55

takto ako to je tu len graficky to chcem..http://www.dalnicni-znamky.com/
ale ako preklikavam to menu tak vidim ze tam na kazdy stat je nova stranka..ale to nevadi..dolezite je ze to menu na lavo je tam stale ci kliknem na slovensko alebo rakusko..o to sa mi jedna..

BX · Napísal BX: 10.03.2014 19:59

V tom prípade som ti riešenie ponúkol.

Mego · Napísal **Mego**: 13.03.2014 20:26

No však normálne, do každej podstránky umiestniť to isté menu a hotovo... ak to budeš potom niekedy meniť, budeš plakať... takže tam daj to menu cez include

petko117 · Napísal autor témy **petko117**: 18.03.2014 19:05

tiez som rozmyslal ze do kazdej podstranky vlozim iba proste to menu ale to je hovadina..nieco sa mi aj podarilo zluskat ale nefunguje to ako ma..iba pri prvej zarazke v menu, fakt si uz neviem rady, urobit aby obsah tych stranok co sa zobrazia po kliknuti na jednotlive polozky v menu nastavim an stred to je nic..proste som uz zufalec
prikladam moj pokus

Spoiler: zobraziť

killer · Napísal **killer**: 18.03.2014 19:52

Vieš ako fungujú superglobálne premenné $_GET ($_POST,...)? Pretože tá podmienka na konci [c]isset($_GET['historia'])[/c] bude platná iba pre adresy, ktoré obsahujú [c]?historia=tuMozeBytCokolvek[/c]

petko117 · Napísal autor témy **petko117**: 18.03.2014 19:58

vobec nemam paru..preto by som bol rad aby mi to niekto nacrtol,, prepisal moj kod co som vlozil a uz podla prvej polozky urobim aj druhu tretiu..menu ma mat 7 poloziek..

killer · Napísal **killer**: 18.03.2014 20:10

Povedzme, že máš niekde v súbore stranka.php takýto odkaz: [c]<a href="?stranka=Historia">História</a>[/c]. Čo sa stane, keď naň na stránke klikneš? Správne, na koniec URL adresy sa pridá GET-parameter s názvom stranka a hodnotou Historia. Ty ku hodnote tohto parametra môžeš v PHP pristúpiť prostredníctvom tzv. superglobálnej premennej, $_GET['stranka'] a týmto volaním dostaneš reťazec Historia.
Takže, ak chceš nejakú časť kódu podmieniť týmto $_GET parametrom, môže tvoj kód vyzerať napríklad takto (z didaktických dôvodov neošetrujem vstupy, ale určite na to netreba zabúdať):

Kód:

<!-- HTML -->
<a href="?stranka=Historia">História</a>
<!-- PHP -->
<?php
if($_GET['stranka'] == "Historia"){
  echo "Klikol si na odkaz \"História\"";
} else {
  echo "Klikni na odkaz!";
}
?>

Skús si tento kód spustiť a sleduj, ako sa mení adresa a obsah stránky pri kliknutí na odkaz - snáď podľa toho dokážeš dorobiť to tvoje menu. Osobne moc takýto spôsob nepreferujem, ale na to prídeš časom.

petko117 · Napísal autor témy **petko117**: 19.03.2014 4:44

vyskusam to co to povie, dakujem
aka ina moznost by bola? mam vytvorit priklad 6 suborov pretoze 6 poloziek v menu bude a do kazdeho suboru vlozit rovnake menu pozadie atd? bude to vlastne vyzerat ze je len jedna stranka a obsah sa meni..

Mego · Napísal **Mego**: 19.03.2014 7:34

áno bude. Vlastne iba z hlavnej stránky budeš celý kód ctrl+c a ctrl+v a kopírovať na podstránky s tým, že zmeníš iba obsah. Problém nastane, keď budeš chcieť o pol roka zmeniť napr. niečo v menu, lebo to budeš musieť meniť v siedmych suboroch to isté

petko117 · Napísal autor témy **petko117**: 19.03.2014 20:15

aha..toto by som zvladol..v podstate ano len ctrl + c a ctrl + v ..hej..ale nebolo by krajsie, efektivnejsie, rozumnejsie to urobit tak aby to cele zobrazovalo iba na jednej stranke..obsahy tych poloziek v tom menu? ze v strede stranky napr? a to je ale v podstate hovadina urobit to tak ako si pisal, pretoze ked bude napr 6 poloziek v menu, otvori clovek kazdu,,a kym sa potom cez SPAT dostane na index.php tak ho aj slahne, preto by bolo dobre zobrazovat obsahy poloziek menu na jednej strane

Mego · Napísal **Mego**: 20.03.2014 16:57

Nie nie, toto robia detičky na ZŠ. Ak chceš mať iba jeden súbor, budeš nútený použiť php funkciu include

Mego · Napísal **Mego**: 20.03.2014 16:58

Na začiatok by si zrejme mohol použiť aj zákerné iframe (neodporúčam, len hovorím, že je taká možnosť). Funguje to vlastne na podobnom princípe ako include. Ale ani include nie je nič brutálne...

petko117 · Napísal autor témy **petko117**: 20.03.2014 18:30

ja som uz pozeral to include, ale ja som zufaly z toho, menu nieje problem urobit, ale ked preklikavam to menu tka vzdy zobrazi obsah rovnaky ci kliknem na polozku prvu alebo druhu, mohol by mi niekto zdatny upravit moj kod a rovno mi to sem poslat, menu moze mat nazvy polozka 1 az 6 to si potom prepisem premenim, fakt by som bol velmi vdacny...uz tyzden toto riesim a nie a nie, z toho php som blb.

hatto13 · Napísal **hatto13**: 20.03.2014 18:32

a v tom menu mas odkazy na rozdielne stranky?

petko117 · Napísal autor témy **petko117**: 20.03.2014 19:24

to menu mam len ako menu, nemam tam zakotvene odkazy, kludne mozeme napisat obsah vsetkych 6 poloziek toho menu do jedneho suboru ak to pojde, neviem ako sa to riesi, proste chcem menu v ktorom bude 6 bodov a nech kliknem na ktorykolvek vzdy s aobsah objavy v strede stranky ak bude text napr dlhy tak by som chcel aby sa menu posuvalo spolu so strankou a este nieco co je dolezite to menu chcem vertikalne a take vacsie ale sak to ja si uz rozmer farby atd nastavim., ide mi len o to ´´include´´

Mego · Napísal **Mego**: 20.03.2014 19:42

Takže... modulová stránka. Zariaď sa podľa svojej a poprepisuj si veci, čo ti treba.
Stránka má hlavičku, menu s položkami PROFIL SLUŽBY REFERENCIE KONTAKT. Odkazy v menu budú mať kotvu v týchto súboroch: profil.php, sluzby.php, referencie.php a kontakt.php . Kotva súboru znamená, že pri profile je <a href="profil.php">
Potom nasleduje hlavný content a na konci stránky je päta s kadejakými hlúposťami, meno autora, copyright atď atď. (proste čo chceš).

1. Potrebuješ si vytvoriť hlavný výzor stránky, tzv. template. Pomenuj ho index.php (ideme použiť php funkciu, takže musí byť prípona .php). Vytvoríš klasicky, CSS hádam vieš prilinkovať.
2. Keď máš vytvorené, ideme tento súbor deliť pomocou include.
2.1. Tam, kde máš menu (pravdepodobne nejaký div a zoznam [ul li atď.]) označíš celý ten blok, tak aby v ňom boli hlavne odkazy, ale bude dobre, ak v tom budú aj divy, v ktorých je menu umiestnené. Označíš, stlačíš ctrl+x
2.2. Založíš nový súbor v roote adresára s názvom "menu.html". Do tohto menu kopíruješ to, čo si zo súboru index.php vystrihol.
2.3. Vrátiš sa do index.php a tam, kde bolo menu, dopíšeš tento zázračný riadok
<?php include("menu.html");?>
2.4. Uložíš.
2.5. Menu funguje
2.6. Tam, kde máš footer, označíš myšou kód, stlačíš ctrl+x.
2.7. Vytvoríš nový súbor v roote adresára s názvom "footer.html"
2.8. Skopíruješ vystrihnutý kód z index.php do footer.html
2.9. V súbore index.php, tam, kde bol footer dopíšeš tento zázračný riadok
<?php include("footer.html");?>
2.10. Footer funguje
3. Obsah stránky ostáva, jeho do include nedávaš
4. Teraz vytvoríme podstránky menu
4.1. Otvoríš index.php, klikneš myšou hocikde do kódu, stlačíš ctrl+a a potom ctrl+c (označiť všetko a kopírovať)
4.2. Vytvoríš nové súbory s názvami profil.php, sluzby.php, referencie.php a kontakt.php a do každého z týchto súborov nakopíruješ celý obsah zo súboru index.php (budú tam aj includy)
5. Stránka funguje tak, ako má. Po preklikávaní odkazov v menu dostávaš stále to isté.
6. Ak chceš meniť obsah na jednotlivých podstránkach, musíš otvoriť danú podstránku a prepísať obsah ručne. Čiže ak nechceš mať v sekcii KONTAKT vypísané blbosti, ktoré máš na úvodnej stránke, vojdeš do súboru kontakt.php, nájdeš, kde je obsah a prepíšeš ho a uložíš.
ENJOY

Tech. poznámka: PHP je serverový jazyk, čiže ak robíš stránku na localhoste, nebude ti nič fungovať. Upni si to preto na nejaký freehosting, napr. www.endora.cz, alebo www.ic.cz, tie dva podporujú php. Existuje aj riešenie nahrať si na svoj komp WAMP/LAMP, čiže virtuálny server, ktorý dokáže spracovávať PHP skripty. Dúfam, že toto ti už pomôže.

petko117 · Napísal autor témy **petko117**: 20.03.2014 20:00

dakujem zatial to ide, skoncil som na tomto bode ale,
2.6. Tam, kde máš footer, označíš myšou kód, stlačíš ctrl+x.
ja nemam v tom index.php ziadne footer, pretoze to mi nefunguje:) zatial sa mi nezadarilo vzdycky text alebo co nikdy o nedalo dole na stranku, tak neviem..mam len kod body
EDIT: vynechal som ten krok s footer..funguje to..fakt pecka..dakujem velice krasne, teraz mi to pride ake lahke ale tak neznalost..diky moc

Mego · Napísal **Mego**: 20.03.2014 20:01

Tak vynecháš... includuješ to, čo ti treba

Mego · Napísal **Mego**: 20.03.2014 20:07

Ako ti môže nefungovať footer, to je pre mňa záhada :O

Mego · Napísal **Mego**: 20.03.2014 20:08

No ok... a includuješ všetko to, čo chceš, aby bolo na každej stránke. Keď chceš o rok zmeniť dačo v menu, nie je nič ľahšie, ako otvoriť menu.html, tam to zmeniš a zmena sa prejaví na všetkých podstránkach

petko117 · Napísal autor témy **petko117**: 20.03.2014 20:08

ked uz sme pri tom..poradis mi ohladom Copyright mam to dole na indexe..ale len pomocou nejakeho kodu, viem ze na to by mal zabrat prave tento kod footer..preco mi to ale nehodi uplne dole?

petko117 · Napísal autor témy **petko117**: 20.03.2014 20:10

<footer>
web vytvoril...
</footer>

nie je tak? ale nemam to dole

Vertikalne menu

Podobné témy