Witamy na forum PC Format Zapraszamy do REJESTRACJI


Użytkownicy przeglądający ten wątek: 1 gości

Menu w JS - problemy !

#1
Menu w JS - problemy !
Witam...!,
Korzystając z tego poradnika: http://www.dynamicdrive.com/dynamicindex...thmenu.htm chcę zrobić menu pionowe. Lecz kopiując kod z toturialu wychodzi poziome i pionowe. Oba działają, jak usunę poziome to pionowe już nie Smutek
Oto kod html menu:
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<link rel="stylesheet" type="text/css" href="ddsmoothmenu.css" />
<link rel="stylesheet" type="text/css" href="ddsmoothmenu-v.css" />

<script type="text/javascript"

src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="ddsmoothmenu.js">

/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<script type="text/javascript">

ddsmoothmenu.init({
    mainmenuid: "smoothmenu1", //menu DIV id
    orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
    classname: 'ddsmoothmenu', //class added to menu's outer DIV
    //customtheme: ["#1c5a80", "#18374a"],
    contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

ddsmoothmenu.init({
    mainmenuid: "smoothmenu2", //Menu DIV id
    orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
    classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
    //customtheme: ["#804000", "#482400"],
    contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>

<h2>Example 1</h2>

<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Item 1</a></li>
<li><a href="#">Folder 0</a>
  <ul>
  <li><a href="#">Sub Item 1.1</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  <li><a href="#">Sub Item 1.3</a></li>
  <li><a href="#">Sub Item 1.4</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  <li><a href="#">Sub Item 1.3</a></li>
  <li><a href="#">Sub Item 1.4</a></li>
  </ul>
</li>
<li><a href="#">Folder 1</a>
  <ul>
  <li><a href="#">Sub Item 1.1</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  <li><a href="#">Sub Item 1.3</a></li>
  <li><a href="#">Sub Item 1.4</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  <li><a href="#">Sub Item 1.3</a></li>
  <li><a href="#">Sub Item 1.4</a></li>
  </ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
  <ul>
  <li><a href="#">Sub Item 2.1</a></li>
  <li><a href="#">Folder 2.1</a>
    <ul>
    <li><a href="#">Sub Item 2.1.1</a></li>
    <li><a href="#">Sub Item 2.1.2</a></li>
    <li><a href="#">Folder 3.1.1</a>
        <ul>
            <li><a href="#">Sub Item 3.1.1.1</a></li>
            <li><a href="#">Sub Item 3.1.1.2</a></li>
            <li><a href="#">Sub Item 3.1.1.3</a></li>
            <li><a href="#">Sub Item 3.1.1.4</a></li>
            <li><a href="#">Sub Item 3.1.1.5</a></li>
        </ul>
    </li>
    <li><a href="#">Sub Item 2.1.4</a></li>
    </ul>
  </li>
  </ul>
</li>
<li><a href="http://www.dynamicdrive.com/style/">Item 4</a></li>
</ul>
<br style="clear: left" />
</div>


<h2 style="margin-top:200px">Example 2</h2>

<div id="smoothmenu2" class="ddsmoothmenu-v">
<ul>
<li><a href="http://www.dynamicdrive.com">Item 1</a></li>
<li><a href="#">Folder 0</a>
  <ul>
  <li><a href="#">Sub Item 1.1</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  <li><a href="#">Sub Item 1.3</a></li>
  <li><a href="#">Sub Item 1.4</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  <li><a href="#">Sub Item 1.3</a></li>
  <li><a href="#">Sub Item 1.4</a></li>
  </ul>
</li>
<li><a href="#">Folder 1</a>
  <ul>
  <li><a href="#">Sub Item 1.1</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  <li><a href="#">Sub Item 1.3</a></li>
  <li><a href="#">Sub Item 1.4</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  <li><a href="#">Sub Item 1.3</a></li>
  <li><a href="#">Sub Item 1.4</a></li>
  </ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
  <ul>
  <li><a href="#">Sub Item 2.1</a></li>
  <li><a href="#">Folder 2.1</a>
    <ul>
    <li><a href="#">Sub Item 2.1.1</a></li>
    <li><a href="#">Sub Item 2.1.2</a></li>
    <li><a href="#">Folder 3.1.1</a>
        <ul>
            <li><a href="#">Sub Item 3.1.1.1</a></li>
            <li><a href="#">Sub Item 3.1.1.2</a></li>
            <li><a href="#">Sub Item 3.1.1.3</a></li>
            <li><a href="#">Sub Item 3.1.1.4</a></li>
            <li><a href="#">Sub Item 3.1.1.5</a></li>
        </ul>
    </li>
    <li><a href="#">Sub Item 2.1.4</a></li>
    </ul>
  </li>
  </ul>
</li>
<li><a href="http://www.dynamicdrive.com/style/">Item 4</a></li>
</ul>
<br style="clear: left" />
</div>
Chcę, aby zostało tylko menu pionowe :D
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#2
RE: Menu w JS - problemy !
Usuwając menu poziome usuwasz również kod JS?
 System operacyjny: linux_mandrake Przeglądarka: firefox
#3
RE: Menu w JS - problemy !
No nie
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#4
RE: Menu w JS - problemy !
Kod:
ddsmoothmenu.init({
    mainmenuid: "smoothmenu1", //menu DIV id
    orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
    classname: 'ddsmoothmenu', //class added to menu's outer DIV
    //customtheme: ["#1c5a80", "#18374a"],
    contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
To jest kod, który musisz usunąć.
 System operacyjny: linux_mandrake Przeglądarka: firefox
#5
RE: Menu w JS - problemy !
I jeszcze mam problem z innym menu na swojej nowej stronie: http://wojak.xaa.pl/. Chcę po lewej stronie dodać ten obrazek, a po prawej ten.

Kod strony to:
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Wojak - czyli Mateusz Gbiorczyk w internecie !</title>
<style type="text/css">
body {
    margin: 0; padding: 0;
    background: #1d1d1d;
}
ul#topnav {
        text-shadow: 5px 5px 1px black;
    list-style: none;    
    font-size: 1.1em;
    clear: both;
    float: left;
    width: 700px;
}
ul#topnav li{
    margin: 0;
    font: 13px normal Verdana, Arial, Helvetica, sans-serif;
    padding: 0;
    overflow: hidden;
    float: left;
    height: 40px;
}
ul#topnav a, ul#topnav span {
    padding: 10px 20px;
    float: left;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    clear: both;
    height: 20px;
    line-height: 20px;
    background: #1d1d1d;
}
ul#topnav a {    
color: #fff;
}
ul#topnav span {
    display: none;
}
ul#topnav.v2 span{
    width: 100px;
    text-align: center;
    background: url(a_bg.png) repeat-x left top;
}
ul#topnav.v2 a{
    width: 100px;
    text-align: center;
    background: url(a_bg.png) repeat-x left bottom;
}

</style>

<script type="text/javascript"

src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" src="menu.js"></script>
</head>

<body>

<table border='0' cellpadding='0' cellspacing='0' align='center' width='720px'>
<tr>
<td height='50px'>

</td>
</tr>
<tr>
<td>
<img src='menu_left.png'>
</td>
<td>
<ul id="topnav" class="v2">
<li><a href='#'>Home</a></li>
<li><a href='#'>Portfolio</a></li>
<li><a href='#'>Blog</a></li>
<li><a href='#'>Pomoc</a></li>
<li><a href='#'>Kontakt</a></li>
</ul>
</td>
<td>
<img src='menu_right.png'>
</td>
</tr></table>


</body>
</html>
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
Programy: Polecane / Nowe / Inne




Podobne wątki (Menu w JS - problemy !)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Problemy CSS - poziome menu, pozycja mapy i tekstu dumbass 10 4641 16.05.2012, 23:51
Ostatni post: dumbass
Ściana jest menu, są problemy -,-' Sh0ot3r 1 965 21.10.2010, 23:36
Ostatni post: kaloszy
  Rozsuwane menu poziome - problemy W o j a k 1 1120 02.06.2010, 23:03
Ostatni post: FiFU

Skocz do:


Wybrane wątki (Menu w JS - problemy !)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Poszukuję kodu do strony na wybór wejścia Ganjax15 4 9647 15.01.2018 12:21
Ostatni post: Ganjax15
  Dziwna zmienna dodawana w nazwie postów? stasiowin 2 8875 12.01.2018 09:50
Ostatni post: raxer
  Jaki kod pod taką stronę? aktywny27 11 19743 10.01.2018 19:36
Ostatni post: Ajgor
  Prośba o stworzenie strony internetowej. Matiexis 0 8182 08.01.2018 19:59
Ostatni post: Matiexis
  Zmiana wyglądu ''index of'' w XAMPP'ie domeczegg 3 7875 06.01.2018 13:14
Ostatni post: domeczegg
  Skąd za darmo podbrać wtyczki flash na stronę html5 ? aktywny27 0 7786 28.12.2017 10:01
Ostatni post: aktywny27
  Wybór pomiędzy dwoma hostingami-te same oczekiwania ale inne paramerty i cena raxer 4 7909 26.12.2017 10:31
Ostatni post: raxer
  Przetwarzanie arkusza stylów się nie powiodło bartek164 0 7291 22.12.2017 20:03
Ostatni post: bartek164
  Problem ze spamem - recaptcha Tazz 5 11439 22.12.2017 17:37
Ostatni post: Ajgor
  Problem z kodem po zmianie nazwy linku. yansowy 8 7617 12.12.2017 12:26
Ostatni post: yansowy
  Jak zrobić stronę do sprzedaży plików modeli 3d Kristoffer 3 7377 08.12.2017 16:10
Ostatni post: Kristoffer
  Awin opinie breko 6 10092 30.11.2017 12:43
Ostatni post: breko
  zmiana preferowanej wersji domeny google + all in one seo pack Lukaskov 0 6673 30.11.2017 06:03
Ostatni post: Lukaskov
  Czy to oszustwo? bartek164 5 6774 28.11.2017 23:58
Ostatni post: raxer
  Szablon wordpress podobny do innej strony letnil 1 6463 28.11.2017 13:21
Ostatni post: Arhant94