Autor Zpráva
Tipper
Profil *
Zdravim,
mam takovy problem, potreboval bych aby kdyz kliknu na "obor cinnosti" nebo na jakoukoliv rozeviraci polozku zaroven nacetla uprostred stranka...mam to udelane na strankovani a u polozek ktere se nerozbaluji mi to funguje :-) slo by to nejak udelat ze by se zaroven rozbalilo menu a plus k tomu nacetla uprostred stranka?

http://www.abcfinance.cz/demo/index.php

Diky
MyShare
Profil
Nazdar Tipper
Hádam som ti pomohol ak som to správne pochopil :)

HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title>ABC Finance</title>

  <script src="assets/jquery-1.2.1.min.js" type="text/javascript"></script>
    <script src="assets/menu.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="style.css" />

 <script type="text/javascript" src="index_soubory/tiny_mce/tiny_mce.js"></script>
  <meta http-equiv="Content-Script-Type" content="text/javascript">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <style type="text/css">
  body {text-align:center; margin: 0px; padding: 0px; background-image: URL('index_soubory/images/pozadi.png'); background-attachment: fixed;  /*background-color:#279BD8*/}
  #obal {width:1200px; text-align:center; margin: 0 auto; background-color:white; margin-top:20px; overflow:hidden;}
  #hlavicka {width:1200px; text-align:left; background-color:white; overflow:hidden;}
  .logo_top_1 {width:200px; height:71px; background-image:URL('index_soubory/images/logo_top_1.gif'); margin-left:500px; float:left;}
  .logo_top_2 {width:100px; height:71px; background-image:URL('index_soubory/images/logo_top_2.png'); margin-top:3px; margin-left:0px; float:left;}

  #stranka {width:1200px; background-color:#EAEAEA;; margin-top:10px; overflow:hidden;}
  #top_menu {width:1200px; height:30px; background-color:#009FB0; text-align:left; line-height:2.0; }
  #top_menu a:hover{font-family:tahoma; font-size:15px; color:white; margin-left:10px; margin-right:10px; text-decoration: underline;}
  .top_menu_font {width:990px; font-family:tahoma; font-size:15px; color:white; margin-left:10px; float:left;}
  .top_menu_right {width:200px; font-family:tahoma; font-size:15px; color:white; text-align:right; float:left;}
  .top_menu_link {font-family:tahoma; font-size:15px; color:white; margin-left:10px; margin-right:10px; text-decoration:none;}

  #left {width:180px;  background-color:#EAEAEA; text-align:left; float:left; }
  #center {width:820px; background-color:white; float:left;  text-align: center;}
  #right {width:200px; background-color:white; float:left; }

  #paticka {width:1200px; background-color:#009FB0; clear:left;}
  #paticka a:hover{font-family:tahoma; font-size:12px; color:white; text-decoration: underline;}
  #paticka p{font-family:tahoma; font-size:12px; color:white; text-align:center; position:relative; top:10px; text-decoration: none;}
  #paticka a{color:white; text-decoration:none; line-height:1.5;}
  </style>
  </head>
  <body>

  <blink style="font-family:tahoma; font-size:20px; color:red;"><b>Webové stránky jsou ve výstavbě</b></blink>

  <div id="obal">
   <div id="hlavicka">
   <div style="width:900px; height:71px; float:left;">  <a href="index.php" class="logo_top_1"></a>  </div>
   <div style="width:200px; height:71px; float:left;"> <div style="width:110px; font-family:tahoma; font-size:12px; color:#009EB4; text-align:center; margin-left:90px; position:relative; top:20px;"><b>...exkluzivní spolupráce s</b></div>  </div>
   <div style="width:100px; height:71px; float:left;"> <a href="http://www.partners.cz" target="_blank" class="logo_top_2"> </a>  </div>
   </div>

   <div id="stranka">
   <div id="top_menu">
   <div class="top_menu_font"><a href="index.php" class="top_menu_link">Hlavní strana</a> | <a href="#" class="top_menu_link">Kontakty</a></div>
   <div class="top_menu_right"><a href="index.php" class="top_menu_link"><b>Kontaktujte nás</b></a></div>

   </div>

   <div id="left"><ul id="menu">
<li><a href='index.php?page=kategorie&amp;id=1'>Obor činnosti</a>
    <ul>


      <li><a href='index.php?page=kategorie&amp;id=4'>investování & spoření</a></li>


      <li><a href='index.php?page=kategorie&amp;id=20'>komplexní finanční služby</a></li>


      <li><a href='index.php?page=kategorie&amp;id=24'>hypoteční úvěrování</a></li>


    </ul>   <li><a href='index.php?page=kategorie&amp;id=2'>Naši partneři</a>
    <ul>


      <li><a href='index.php?page=kategorie&amp;id=5'>banky</a></li>


      <li><a href='index.php?page=kategorie&amp;id=37'>pojišťovny</a></li>


    </ul>   <li><a href='index.php?page=kategorie&amp;id=3'>Dotčená legislativa</a>

   </li><li><a href='index.php?page=kategorie&amp;id=23'>Kontakty</a>

   </li>


  </ul></div>
   <div id="center">

   <div style="height:400px;">
    <br>
    <div style=" font-family:tahoma; font-size:14px; color:black;">
      Vítejte na stránkách ABC Finance, zde zanedlouho naleznete dobré rady a
      zajímavé články o financích
    </div>
  </div>
   </div>
   <div id="right"><!-- TADY BUDE NECO Z REKLAM --></div>

   <div id="paticka">
   <p><a href="index.php?page=administracni_system"><b>Administrace do systému</b></a><br>Vyrobeno: © 2012 | Design & Code: <a href="mailto:thomas.kubicek@seznam.cz">Tomáš Kubíček</a></p><br>

   </div>
      </div>  <!-- stranka -->

  </div> <!-- obal -->
  </body>
</html>

menu.js
function initMenu() {
  $('#menu ul').hide();
  $('#menu ul').children('.current').show().show();
  $('#menu ul:first').show();
  $('#menu li a').click(
    function() {
      var checkElement = $(this).next();
      if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
        return false;
        }
      if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
        $('#menu ul:visible').slideUp('normal');
        checkElement.slideDown('normal');
        return false;
        }
      }
    );
  }
$(document).ready(function() {initMenu();});

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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