Registrace nového uživatele     Návod     Kluby     Archív  Lopuchu     Lopuch.cz  

Náš Lopuch Vám
vytře zrak

Lopuch.cz
Jméno:
Heslo:
Podpora LCD:
 
Klub Web [ŽP: neomezená] (kategorie Programování) moderuje Kdokoliv.
Archiv
Domovská stránka aktualizována 28.7.2019 17:46
  
  Nastavení klubu     Nastavení práv     Homepage     Anketa     Přítomní     Oblíbené     Lopuch     Kategorie  
autor: 
text: 
vyplnit a 
Help
 Titulek, text příspěvku  
Opište pozpátku následující text bez prostředního znaku: rbnraww
[ 4075 ] <Novější  <<<Nejnovější  Nejstarší>>>  Starší>  
themajkl themajkl All those moments will be lost in time - like tears in rain. 23.4.2009 09:54  6371
puschpull [6370]: No azkoušel jsi, co radil BIGhead? To podle mne musí fungovat. Prostě v každém html budeš mít to menu jinak zapsané, pro "aktivní" prvek budeš mít jinou css třídu.
puschpull puschpull být nad věcí, pohoda a klid ... - AV-Com (Homepage) 23.4.2009 09:49 - Oblíbené kluby (09:21) 6370
BIGHeada pomocí js se to tedy zrealizuje jak ?
:-)

dá se někde stáhnout hotový javascript, který by šel "npasovat" na můj problém ?
bighead BIGHead Pořádáte akci, vyzkoušejte - naše moderátory 23.4.2009 06:57  6369
puschpullNějak nechápu, jak ti kliknutí někam do stránky na text (ne hyperllink) může změnit třídu u nějakého jiného prvku, bez použití třeba JS.
puschpull puschpull být nad věcí, pohoda a klid ... - AV-Com (Homepage) 22.4.2009 21:46 - Oblíbené kluby (09:21) 6368
nic ?
puschpull puschpull být nad věcí, pohoda a klid ... - AV-Com (Homepage) 21.4.2009 19:48 - Oblíbené kluby (09:21) 6367
obrazkove menu hover problem - služby
upravil jsem css aby byl "content" vycentrován i ve FF
puschpull puschpull být nad věcí, pohoda a klid ... - AV-Com (Homepage) 21.4.2009 19:33 - Oblíbené kluby (09:21) 6366
BIGHeadno, active jsem samozřejmě zkoušel
ale když kliknu třeba někam do stránky na text (ne hyperllink)
tak ta aktivní popložka zase zmizí
já bych chtěl, aby byla aktivní po celou dobu, co budu mít otevřenou danou stránku (a její případné podsekce ...
bighead BIGHead Pořádáte akci, vyzkoušejte - naše moderátory 21.4.2009 19:30  6365
Pokud dobre chápu co chceš, tak té položce co je "rozkliknutá" stačí přidat třídu třeba "active" a v CSS to pak ostylovat. To jestli tu třídu tam budeš hrnout přes PHP, JS nebo růčo už je jedno...
puschpull puschpull být nad věcí, pohoda a klid ... - AV-Com (Homepage) 21.4.2009 19:17 - Oblíbené kluby (09:21) 6364
uff :-)
tak snad jsem netokrát položil otázku a dal k dispozici materiál, aby šlo nějak odpovědět.
Jednoduché to je vždy, když člověk pozná řešení
:-)
puschpull puschpull být nad věcí, pohoda a klid ... - AV-Com (Homepage) 21.4.2009 19:15 - Oblíbené kluby (09:21) 6363
zdravím a mám dotaz:opět k tomu mému nešťastnému CSS obrázkovému menu

udělal jsem jednoduchý příklad a dal ho na web, kde lze projít adresářovou strukturu:
Index of /doc/menu_obrazkove_hover_problem

potřebuji, aby byl v aktivní záložce v menu vždy aktivní obrázek pozadí. Po celou dobu, kdy tam návštěvník bude a to i když si klikne na nějaký objekt (který tedy není odkazem pruč na jinou stránku)
aby bylo prostě jasně vidět, na které z těch tří stránek se právě nachází.
Toto je v HTML/CSS, ale potřebuji to mít na PHP stránkách (což možná bude zajímavé s ohledem na řešení)
Řešení patrně javascript nebo php script (ani jeden tento script napsat neumím), nebo to třeba lze čistě pomocí css a html tagů ?

struktura těch html stránek:


 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 2     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 3
 4 <html xmlns="http://www.w3.org/1999/xhtml">
 5
 6 <head>
 7 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
 8   <title>obrazkove menu hover problem - služby</title>
 9 <meta name="author" content="puschpull"/>
10 <link rel="shortcut icon" href="favicon.ico"/>
11 <link href="styles.css" rel="stylesheet" type="text/css"/>
12 </head>
13
14 <body>
15
16 <div id="main">
17
18 <div id="menu">
19
20 <div id="img-nav">
21   <ul>
22     <li id="sluzby"><a href="sluzby.html"><span>služby</span></a></li>
23     <li id="jak_pracujeme"><a href="jak_pracujeme.html"><span>jak pracujeme</span></a></li>
24     <li id="nase_prace"><a href="nase_prace.html"><span>naše práce</span></a></li>
25   </ul>
26 </div> <!-- end img-nav -->
27
28 </div> <!-- end menu -->
29
30 <div id="content">
31 <br /><br />
32 obrazkove menu hover problem - <strong>služby</strong>
33
34 </div> <!-- end content -->
35
36
37 </div> <!-- end main -->
38
39 </body>
40
41 </html>
42



a použitý CSS soubor:


/* CSS Default
---------------------------------- */

*
{
  padding: 0px;
  margin: 0px;
}

body
{
        margin-left: 15%;
        margin-right: 15%;
        font-family: Arial, Helvetica, sans-serif;
        background: #3B3A3B;
}

#main
{ 
        background: #a9a9a9;        
        margin-left: 15%;
        margin-right: 15%;
        position: relative;
        top: 50px;
        width: 600px;
        height: 480px;
        float: left;
        text-align: center;
        border: 1px solid orange;
}

/* vodorovné obrázkové menu
---------------------------------- */

#menu
{
        clear: left;
        margin-left: 15%;
        margin-right: 15%;
        position: relative;
        top: 16px;
        width: 415px;
        height: 31px;
        float: left;
        border: 1px solid blue;
}


#img-nav 
{
        float:left;
        width:100%;
        overflow:hidden;
        }      
        
#img-nav  ul 
{      
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
        clear: left;
        position: relative;
        top: 0px;
        left: 0px;    
        }

#img-nav  li 
{
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
        }

#img-nav  a 
{
        margin:0px;
        padding:0px;
        display: block;
        }
        
        #img-nav a span 
{      
        display: none;
        }      

#sluzby a
{
        width:100px;
        height:31px;
        background:#acacac url(images/menu-sluzby-dis.gif) no-repeat;
        }

#sluzby a:hover
{
        width:100px;
        height:31px;
        background:#acacac url(images/menu-sluzby-ena.gif) no-repeat;
        }
        
        #jak_pracujeme a
{
        width:171px;
        height:31px;
        background:#acacac url(images/menu-jakprac-dis.gif) no-repeat;
        }

#jak_pracujeme a:hover
{
        width:171px;
        height:31px;
        background:#acacac url(images/menu-jakprac-ena.gif) no-repeat;
        }
        
        #nase_prace a
{
        width:144px;
        height:31px;
        background:#acacac url(images/menu-naseprac-dis.gif) no-repeat;
        }

#nase_prace a:hover
{
        width:144px;
        height:31px;
        background:#acacac url(images/menu-naseprac-ena.gif) no-repeat;
        }
        
        
/* konec menu
---------------------------------- */

#content
{
        clear: left;
        background: #ffeeaa;
        overflow: auto;
        text-align: center;
        position: relative;
        left: 0px;
        top: 40px;
        width: 520px;
        height: 360px;
}

bredy 16.4.2009 23:53  6362
Mě už taky něco podobného napadlo. Ale spíš na úrovni technického řešeni. Na principu plug-able X server, kdy jednotlivé aplikace (klidně psány v C++) přes nějaký JS port nahrávali do serveru vlastní javascriptové applety, které by dělali UI pro vlastní aplikaci. Celé to mělo být objektové, takže by uživatel někde vyrobil okno, a v tom input box a tlačítko s událostí a už by neřešil, že by port nahrál do desktopu js který vytvoří okénko, do něho hodí input text a input button a navěsí událost přes ajax.

Jojo, ale je to hudba budoucnosti :-)
kdokoliv Kdokoliv Nevidím důvod dělat cokoliv bezdůvodně. - http://kkl2401.wz.cz 16.4.2009 21:48  6361
mpts [6360]: Ja znam extjs i dalsi ruzny kapucina a jiny zverstva, vim, ze takovy veci jdou. Nemalo me ale prave desej.
mpts mpts Je to jinak, ba přesně naopak! 16.4.2009 21:04  6360
Kdokoliv [6358]: http://extjs.com/deploy/dev/examples/desktop/desktop.html :-)
bredy 16.4.2009 15:30  6359
KdokolivTo co píšu připomíná v Chrome "uložení URL do zástupce". Takhle si dáš na plochu ikonu, která se pak tváří jako aplikace, akorát je to jen rámec a v tom je webovka. BFU to nepozná, co má na lokále a co je na netu, když je to dobře udělaný, a ajax nevykazuje dlouhé lagy.

Popsaný problém byl spíš řešení alternativy, kdy jsem právě takovým uživatelům, kteří nechtějí stírat rozdíl mezi aplikací a webem nabízel defaultní viewer, namísto mé varianty "chrome". Samozřejmě, právě že to má různá omezení.
kdokoliv Kdokoliv Nevidím důvod dělat cokoliv bezdůvodně. - http://kkl2401.wz.cz 16.4.2009 15:14  6358
Bredy [6354]: Tyhle veci jsou vzdycky dost problem, proste to propojovani desktopu a webovych aplikaci bude jeste nejakou dobu skripat (mne to do jisty miry ciste osobne i vyhovuje, protoze vseobecne nemam webove aplikace moc v lasce, takze cim tezsi a bolestnejsi prechod na ne, tim je to pro me vlastne lepsi). Nicmene tohle, co pises, mi skoro pripomina, ze pomalu brzo budou chtit umet resit prohlizece nejak samy (dokonce ze se nejaka podpora toho dostane primo do HTML 5) -- uz dneska nejak experimentalne nektery prohlizece zvladaj, ze si jako svuj vychozi postovni klient nastavis treba GMail a kdyz pak nekde clicknes na mailto:, tak Te to nasmeruje na psani novy zpravy na GMailu.
bredy 16.4.2009 12:52  6356
machAkorát ta služba na druhé straně není moje :-).
[ 4075 ] <Novější  <<<Nejnovější  Nejstarší>>>  Starší>  

(c) 2001-2011 Lopuch.cz   
Kontakt