Postupuju podle Vás.OK!
Úkol na prázdniny! Prostřednictvím JavaScriptu můžeme vytvořit hezké menu, které se zobrazuje ve formě karet. Navíc si vezmeme na pomoc atribut ID. Tuto variantu nyní testuji, takže se může vyskytnout chyba. Je na laskavém čtenáři/členovi, aby mi v tom pomohl. Případně sdělil poznatky, jak je tento kód u něj funkční. Úkol na prázdniny! Prostřednictvím JavaScriptu můžeme vytvořit hezké menu, které se zobrazuje ve formě karet. Navíc si vezmeme na pomoc atribut ID. Tuto variantu nyní testuji, takže se může vyskytnout chyba. Je na laskavém čtenáři/členovi, aby mi v tom pomohl. Případně sdělil poznatky, jak je tento kód u něj funkční.
Jak jsem sdělil, je to testovací verze, ale již u mě funkční. Bez dlouhých řečí jdeme na věc. K realizaci použijeme osvědčený JS skript ze serveru pro prezentaci skriptů DynamicDrive.com.
Co potřebujeme, jak menu vypadá
Jen telegraficky. Vytvořte si pro vyzkoušení funkce adresář menu_karta. Budeme dále v tomto adresáři potřebovat JavaScript. Stáhněte zkomprimovaný soubor zde: ddtabmenu.zip a rozbalte. Rovněž stahněte příslušné ostylování zde: ddtabmenustyl.zip a rovněž si rozbalte do adresáře. Na ukázku se podívejte zde: menu_karty.html
Nyní si vytvoříme krátký JavaScript, který hodíme do HEADu. Jako ID budeme používat pro defaultní nastavení databaze1
<script type="text/javascript">ddtabmenu.definemenu("tab_menu_id") // můžeme použít "auto"ddtabmenu.definemenu("databaze1", 0)</script>
Pak přistoupéme k vytvoření HTML kódu. Jednotlivé karety jsem vložil do seznamu v DIV, který obdsahuje unikátní ID pro identifikaci na stránce. Atributy class vkládají pro karty určené zobrazení. Karta obsahuje 2. úroveň obsahu (když myšé najedeme na kartu) . To nám zajistí rel = "unique_id", kde "unique_id" je tudíž vlasdtní ID sub obsahu. Každý DIV má unikátní ID atribut, který se shoduje s hodnotou "rel" atribut
Ukázka menu s jednoduchým stylováním. Po kliknutí na kartu se objeví popis konkretního odkazu.
<div id="databaze1" class="basictab"><ul><li><a href="http://www.pc-politika.cz/news.php/" rel="sc1">Domů</a></li><li><a href="http://www.pc-politika.cz/news_cats.php/" rel="sc2">Články</a></li><li><a href="http://www.pc-politika.cz/forum-diskuze/" rel="sc3">Fórum<<a></li></ul></div>
- Zdroj: Vlastní +
- DynamicDrive.com
- Barevné zobrazení karet/ddcolortabs.css
Home Page-
· JAVASCRIPT: externí soubor
· JAVASCRIPT: Nezapomínejte na jQuery [2]
· Java: Očekává se prý totální útok
· JavaScript: Menu prostřednictvím atributu ID
· JavaScript: Používejme knihovnu JQuery
· JavaScript: Různé efekty utilitou Status bar Magic
· JavaScript: Rolující obrázky a text
· JavaScript: Nezapomínejte na jQuery [1]
· JavaScript: Vysouvací menu z boční lišty
· JavaScript: Různé možnosti objektu Date
· JavaScript: Počítadla nejsou validní!
| Zrzek | Dne 13.07.2010 08:14 |
 Komentáře: 0 Level uživatele: |
Funguje, ale JS ne!!?? |
| 5 | Dne 13.07.2010 08:41 |
|
Komentáře: 0 Level uživatele: |
Na ř. 6 máš chybku! |
| 93 | Dne 13.07.2010 08:47 |
|
Komentáře: 0 Level uživatele: |
Ano scházelo "</li>". Jinak je to kód z dynamicdrive a musí se na něm dal pracovat. Úkol na prázdiny, tak fachejte a nečekejte jen na mě!!! |
| 82 | Dne 13.07.2010 19:02 |
|
Komentáře: 0 Level uživatele: |
Tohle řešení využiji zde: http://www.mcuniv....47.0.html |
| 39 | Dne 14.11.2010 11:08 |
|
Komentáře: 0 Level uživatele: |
Obrázek nejde!!! |
| Kvetos | Dne 14.11.2010 18:00 |
 Napomenutí: Komentáře: 262 Level uživatele: Hlavní Administrátor |
Scházel záhadně adresář "Java". Už funguje. D. |
| URL: | |
| BB-Code: | |
| HTML: | |
| Sdílet: |
