NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Vysúvanie

V předchozím kvízu, Online test znalostí PHP, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Mohycan
Člen
Avatar
Mohycan:28.4.2013 17:38

Ahojte chcel by som sa ešte spýtať ako by som spravil niečo takéto ?
A ak by niekto vedel popresím presný code. Ďakujem

Sem vidíte náhlad : http://www.cees-g.eu/index.php?…
Napríklad ked kliknete na Vedenie tak sa to tak vysunie. Chcel by som vediet ako to spraviť. Vopred ďakujem za podpoveďe.

 
Odpovědět
28.4.2013 17:38
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Mohycan
Honza Bittner:28.4.2013 17:43

Ahoj, řekl bych že se to dělá přes JS

například v jQuery : http://jqueryui.com/accordion/

Nahoru Odpovědět
28.4.2013 17:43
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Mohycan
Člen
Avatar
Mohycan:29.4.2013 14:13

Veľmi pekne ďakujem.

 
Nahoru Odpovědět
29.4.2013 14:13
Avatar
Mohycan
Člen
Avatar
Mohycan:29.4.2013 19:43

Prosím vedel by si mi do tohto kódu dať ten Script ? lebo mne to ukazuje len čistý text vobec mi to neukazuje ten script Dával som to do panelu v Php-Fusion.

<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Accordion - Default functionality</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <script>
  $(function() {
    $( "#accordion" ).accordion();
  });
  </script>
</head>
<body>

<div id="accordion">
  <h3>Section 1</h3>
  <div>
    <p>
    Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
    ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
    amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
    odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
    </p>
  </div>
  <h3>Section 2</h3>
  <div>
    <p>
    Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
    purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
    velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
    suscipit faucibus urna.
    </p>
  </div>
  <h3>Section 3</h3>
  <div>
    <p>
    Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
    Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
    ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
    lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
    </p>
    <ul>
      <li>List item one</li>
      <li>List item two</li>
      <li>List item three</li>
    </ul>
  </div>
  <h3>Section 4</h3>
  <div>
    <p>
    Cras dictum. Pellentesque habitant morbi tristique senectus et netus
    et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
    faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
    mauris vel est.
    </p>
    <p>
    Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
    inceptos himenaeos.
    </p>
  </div>
</div>


</body>
</html>

Do tohoto panelu :

echo "<table width='100%' border='0' cellspacing='2' cellpadding='1'>\n<tr valign='top'>
\n<td width='50%'>\n";
opentable("Tým");
?>

<?
closetable();
 
Nahoru Odpovědět
29.4.2013 19:43
Avatar
Mohycan
Člen
Avatar
Mohycan:30.4.2013 18:05

Porosím ako dostatnem tento JQuery

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>accordion demo</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css">
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
</head>
<body>

<div id="accordion">
  <h3>Section 1</h3>
  <div>
    <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget.
    Integer ut neque. Vivamus nisi metus, molestie vel, gravida in,
    condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros.
    Nam mi. Proin viverra leo ut odio.</p>
  </div>
  <h3>Section 2</h3>
  <div>
    <p>Sed non urna. Phasellus eu ligula. Vestibulum sit amet purus.
    Vivamus hendrerit, dolor aliquet laoreet, mauris turpis velit,
    faucibus interdum tellus libero ac justo.</p>
  </div>
  <h3>Section 3</h3>
  <div>
    <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus.
    Quisque lobortis.Phasellus pellentesque purus in massa.</p>
    <ul>
      <li>List item one</li>
      <li>List item two</li>
      <li>List item three</li>
    </ul>
  </div>
</div>

<script>
$( "#accordion" ).accordion();
</script>

</body>
</html>

Do tohto panela v PHP-FUSION :

echo "<table width='100%' border='0' cellspacing='2' cellpadding='1'>\n<tr valign='top'>
\n<td width='50%'>\n";
opentable("Hot News");
?>

<?
closetable();

Stále mi to nejde ukazuje len text :(

 
Nahoru Odpovědět
30.4.2013 18:05
Avatar
Petr Nymsa
Tvůrce
Avatar
Odpovídá na Mohycan
Petr Nymsa:30.4.2013 18:23

Do hlavičky HTML prostě vložíš to JS a div potom musíš pojmenovat podle toho co máš nastavné ve funkci.

Nahoru Odpovědět
30.4.2013 18:23
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Mohycan
Člen
Avatar
Mohycan:5.5.2013 15:26

A nenapísal by si mi už hotový code ?

Ďakujem

 
Nahoru Odpovědět
5.5.2013 15:26
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 7 zpráv z 7.