Szerző Téma: JQuery  (Megtekintve 1963 alkalommal)

Nem elérhető Ian

  • Hero Member
  • *****
  • Hozzászólások: 613
  • Szőrmiszter :)
    • A Kos sziget Tanszék:)
Re:JQuery
« Válasz #45 Dátum: 2011. november 16. 16:54 »
Ha js-t töltöttél le, akkor miért kellett megnyitni és js-ben elmenteni? Valamit elnéztem?
Jogos...nem is tudom miért úgy csináltam... ;) de úgy is jó volt, csak más útvonalon értem célba. Mindenesetre a Te megoldásod jobb  :o
Ελλάδα--Ρόδος--Κω--Kάρπαθος http://www.rhodes-kos.com/ http://www.szonyegaruhaz.hu/

Nem elérhető Ian

  • Hero Member
  • *****
  • Hozzászólások: 613
  • Szőrmiszter :)
    • A Kos sziget Tanszék:)
Re:JQuery
« Válasz #46 Dátum: 2012. április 09. 12:25 »
Egy Zionnarrows sablon átalakításával kísérletezem és itt pár dolgot már sikerült megoldani:
- bekerült egy hírek rovat, csináltam neki egy külön stíluslapot, műxik...
- kicsit széthúztam a lapot

- ami viszont nem akar menni az, hogy egy lenyíló menüt szeretnék betenni, de az nem akar sikerülni.
Innen néztem ki:
- http://www.jquery-plugins.hu/plugin/40-superfish.html
- http://www.jquery-plugins.hu/demo/40/superfish.html

Létrehoztam egy js mappát és a korábban leírtak szerint jártam el, de nem sikerült...
Megnéznétek, hogy ebben hol a hiba, mert biztos, hogy van...

Itt hancúrkázom épp: http://dodekanisos.nazuka.net/

Köszönöm :)

« Utoljára szerkesztve: 2012. április 09. 12:31 írta Ian »
Ελλάδα--Ρόδος--Κω--Kάρπαθος http://www.rhodes-kos.com/ http://www.szonyegaruhaz.hu/

Nem elérhető silvertom

  • Hero Member
  • *****
  • Hozzászólások: 927
  • jó pap
    • keresőoptimalizálás- weboldal készítés - seo - cms
Re:JQuery
« Válasz #47 Dátum: 2012. április 09. 12:30 »
Hát így tagolatlanul nem könnyű kiigazodni a kódon,
de én nem látom a {literal} tag-eket a scripteken...
Hogy mondja doktor úr, elmehetek? NEM elmebeteg! - http://quadrocom.net - http://weboldal-karbantartas.com

Nem elérhető Ian

  • Hero Member
  • *****
  • Hozzászólások: 613
  • Szőrmiszter :)
    • A Kos sziget Tanszék:)
Re:JQuery
« Válasz #48 Dátum: 2012. április 09. 12:32 »
{process_pagedata}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : Zion Narrows 
Description: A two-column, fixed-width design with dark color scheme.
Version    : 1.0
Released   : 20102110

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{sitename} - {title}</title>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/superfish/superfish.js"></script>
$(document).ready(function(){
  $('ul#menu').superfish({
    animation: { height: 'show' },
    delay: 200
  });
});
{metadata}
{cms_stylesheet}
</head>
<body>
<div id="wrapper">
    <div id="header">
        <div id="logo">
            <h1>{sitename}</h1>
            <p>your slogan here</p>
        </div>
        <div id="search">
            {search}
        </div>
    </div>
    <!-- end #header -->
    <div id="menu">
        {menu template="zionnarrows : minimal_menu" number_of_levels="1"}
    </div>
    <!-- end #menu -->
    <div id="page">
    <div id="page-bgtop">
    <div id="page-bgbtm">
        <div id="content">
            <div class="post">
                <h2 class="title">{title}</h2>
                <div class="entry">
                <p class="meta">{print}</p>


{content}
                </div>
            </div>
        <div style="clear: both;">&nbsp;</div>
        </div>
        <!-- end #content -->
        <div id="sidebar">
                    <ul>
                <li>
                    <h2>Menu</h2>
                                        <div id="menu">
                               </ul>
                </li>
               
                <li>
                    <h2>Blogroll</h2>
                    <ul>
                        <li><a href="#">Aliquam libero</a></li>
                        <li><a href="#">Consectetuer adipiscing elit</a></li>
                        <li><a href="#">Metus aliquam pellentesque</a></li>
                        <li><a href="#">Suspendisse iaculis mauris</a></li>
                        <li><a href="#">Urnanet non molestie semper</a></li>
                        <li><a href="#">Proin gravida orci porttitor</a></li>
                    </ul>
                </li>
            </ul>
{* Start News, stylesheet  "Module: News" *}
                       <div id="news">
                                      <h2>News</h2>
              {news number='3' detailpage='news'}
            </div>
           {* End News *}
        </div>
        <!-- end #sidebar -->
        <div style="clear: both;">&nbsp;</div>
    </div>
    </div>
    </div>
    <!-- end #page -->
</div>
    <div id="footer">

<!--
This theme is released free for use under creative commons licence.
All links in the footer should remain intact.
These links are all family friendly and will not hurt your site in any way.
-->

        <p>Copyright (c) 2010 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>. Modified for CMSMS by <a href="http://www.fbgamer.de/">FBGamer</a></p>
    </div>
    <!-- end #footer -->
</body>
</html>
Ελλάδα--Ρόδος--Κω--Kάρπαθος http://www.rhodes-kos.com/ http://www.szonyegaruhaz.hu/

Nem elérhető Ian

  • Hero Member
  • *****
  • Hozzászólások: 613
  • Szőrmiszter :)
    • A Kos sziget Tanszék:)
Re:JQuery
« Válasz #49 Dátum: 2012. április 09. 12:32 »
Próbáltam kiemelni ezért lett katyvasz...elnézést...töröltem és betettem ismét...
Ελλάδα--Ρόδος--Κω--Kάρπαθος http://www.rhodes-kos.com/ http://www.szonyegaruhaz.hu/

Nem elérhető silvertom

  • Hero Member
  • *****
  • Hozzászólások: 927
  • jó pap
    • keresőoptimalizálás- weboldal készítés - seo - cms
Re:JQuery
« Válasz #50 Dátum: 2012. április 09. 12:34 »
köszi, de ettől a hiba még él, nincs literal
Hogy mondja doktor úr, elmehetek? NEM elmebeteg! - http://quadrocom.net - http://weboldal-karbantartas.com

Nem elérhető Ian

  • Hero Member
  • *****
  • Hozzászólások: 613
  • Szőrmiszter :)
    • A Kos sziget Tanszék:)
Re:JQuery
« Válasz #51 Dátum: 2012. április 09. 12:37 »
Javítottam, így nincs hibaüzenet, de nem akar még működni, pedig közel a megoldás...


{process_pagedata}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : Zion Narrows 
Description: A two-column, fixed-width design with dark color scheme.
Version    : 1.0
Released   : 20102110

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{sitename} - {title}</title>
{literal}<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>{/literal}
{literal}<script type="text/javascript" src="js/superfish/superfish.js"></script>{/literal}
{literal}<script>
$(document).ready(function(){
  $('ul#menu').superfish({
    animation: { height: 'show' },
    delay: 200
  });
});
</script>{/literal}
{metadata}
{cms_stylesheet}
</head>
<body>
<div id="wrapper">
    <div id="header">
        <div id="logo">
            <h1>{sitename}</h1>
            <p>your slogan here</p>
        </div>
        <div id="search">
            {search}
        </div>
    </div>
    <!-- end #header -->
    <div id="menu">
        {menu template="zionnarrows : minimal_menu" number_of_levels="1"}
    </div>
    <!-- end #menu -->
    <div id="page">
    <div id="page-bgtop">
    <div id="page-bgbtm">
        <div id="content">
            <div class="post">
                <h2 class="title">{title}</h2>
                <div class="entry">
                <p class="meta">{print}</p>


{content}
                </div>
            </div>
        <div style="clear: both;">&nbsp;</div>
        </div>
        <!-- end #content -->
        <div id="sidebar">
                    <ul>
                <li>
                    <h2>Menu</h2>
                                        <div id="menu">
                               </ul>
                </li>
               
                <li>
                    <h2>Blogroll</h2>
                    <ul>
                        <li><a href="#">Aliquam libero</a></li>
                        <li><a href="#">Consectetuer adipiscing elit</a></li>
                        <li><a href="#">Metus aliquam pellentesque</a></li>
                        <li><a href="#">Suspendisse iaculis mauris</a></li>
                        <li><a href="#">Urnanet non molestie semper</a></li>
                        <li><a href="#">Proin gravida orci porttitor</a></li>
                    </ul>
                </li>
            </ul>
{* Start News, stylesheet  "Module: News" *}
                       <div id="news">
                                      <h2>News</h2>
              {news number='3' detailpage='news'}
            </div>
           {* End News *}
        </div>
        <!-- end #sidebar -->
        <div style="clear: both;">&nbsp;</div>
    </div>
    </div>
    </div>
    <!-- end #page -->
</div>
    <div id="footer">

<!--
This theme is released free for use under creative commons licence.
All links in the footer should remain intact.
These links are all family friendly and will not hurt your site in any way.
-->

        <p>Copyright (c) 2010 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>. Modified for CMSMS by <a href="http://www.fbgamer.de/">FBGamer</a></p>
    </div>
    <!-- end #footer -->
</body>
</html>
Ελλάδα--Ρόδος--Κω--Kάρπαθος http://www.rhodes-kos.com/ http://www.szonyegaruhaz.hu/

Nem elérhető silvertom

  • Hero Member
  • *****
  • Hozzászólások: 927
  • jó pap
    • keresőoptimalizálás- weboldal készítés - seo - cms
Re:JQuery
« Válasz #52 Dátum: 2012. április 09. 12:41 »
nyilván a menü template-ben lesz a maegoldás majd azt is be kéne rakni
(nem biztos, hogy azonnal fogok tudni válaszolni az elkövetkező néhány órában)
DE ez nekem gyanús: number_of_levels="1"
Ha azt akarod, hogy a jquery kezelje a legördülő menüjeidet akkor meg kell jeleníteni
a templatebn / menüben, különben a jquery nem kapja meg a szükséges html tartalmat.
Így persze, hogy csak az első szintű menüpontok látszódnak.
Ha minden jól csináltál, akkor az almenü pontjait maga a script fogja "hide-olni"
Hogy mondja doktor úr, elmehetek? NEM elmebeteg! - http://quadrocom.net - http://weboldal-karbantartas.com

Nem elérhető Ian

  • Hero Member
  • *****
  • Hozzászólások: 613
  • Szőrmiszter :)
    • A Kos sziget Tanszék:)
Re:JQuery
« Válasz #53 Dátum: 2012. április 09. 12:43 »
Szia Tamás!

Igazából ráér...már 2 hete küzdök vele :) Csak amikor időd és kedved van hozzá...

Megpróbálok azon elindulni, amit Te javasoltál...hátha lesz belőle valami...

Köszönöm!
Ελλάδα--Ρόδος--Κω--Kάρπαθος http://www.rhodes-kos.com/ http://www.szonyegaruhaz.hu/

Nem elérhető Ian

  • Hero Member
  • *****
  • Hozzászólások: 613
  • Szőrmiszter :)
    • A Kos sziget Tanszék:)
Re:JQuery
« Válasz #54 Dátum: 2012. április 09. 12:55 »
Ennek 2 menüje van, ez a felsőé: DE ez nekem gyanús: number_of_levels="1"

Én a bal oldali menüt akarom átalakítani, a felső sörben lévőnek majd más funkciót szánok.
Ελλάδα--Ρόδος--Κω--Kάρπαθος http://www.rhodes-kos.com/ http://www.szonyegaruhaz.hu/

Nem elérhető silvertom

  • Hero Member
  • *****
  • Hozzászólások: 927
  • jó pap
    • keresőoptimalizálás- weboldal készítés - seo - cms
Re:JQuery
« Válasz #55 Dátum: 2012. április 09. 15:47 »
Ott van a leírásban:
3 dolog kell hozzá: css, javascript, deklaráció,
sehol nem találom a deklarációt! pl:
$(document).ready(function(){
  $('ul#pelda-2').superfish({
    animation: { height: 'show' },
    delay: 200
  });
});

A templatedben class nélküli ul tag-ek vannak, nézd meg a demó oldal mintáját
<ul class="sf-menu">
  <li>
    <a href="#">Főmenü 1</a>
    <ul>
      <li><a href="#">Almenü 1</a></li>
      <li><a href="#">Almenü 2</a></li>
      <li><a href="#">..</a></li>
    </ul>
  </li>
  <li>
    <a href="#">Főmenü 2</a>
  </li>
  <li>
    <a href="#">Főmenü ...</a>
  </li>
</ul>

Ez így néz ki meghívva: (deklaráció)
$(document).ready(function(){
  $('ul.sf-menu').superfish();
});

A lényeg, hogy a script az sf-menu class-ú ul tag-en fut le...
« Utoljára szerkesztve: 2012. április 09. 15:50 írta silvertom »
Hogy mondja doktor úr, elmehetek? NEM elmebeteg! - http://quadrocom.net - http://weboldal-karbantartas.com

Nem elérhető silvertom

  • Hero Member
  • *****
  • Hozzászólások: 927
  • jó pap
    • keresőoptimalizálás- weboldal készítés - seo - cms
Re:JQuery
« Válasz #56 Dátum: 2012. április 09. 18:12 »
Közben jobban átnéztem a kódot.
A deklaráció ott van, bocsánat a figyelmetlenségért, csak rosszul van meghívva.
{literal}<script>
$(document).ready(function(){
  $('ul#menu').superfish({
    animation: { height: 'show' },
    delay: 200
  });
});
</script>{/literal}
egy kis css probléma:
az ul#menu az ==> <ul id="menu">

ilyen pedig nincs. Neked csak ilyened van #menu ul
tehát csinálj egy ilyet: <ul class="valami">
és ez legyen a deklarációvan:
  $('ul.valami').superfish({
    animation: { height: 'show' },
    delay: 200
Hogy mondja doktor úr, elmehetek? NEM elmebeteg! - http://quadrocom.net - http://weboldal-karbantartas.com

Nem elérhető efraim

  • Hero Member
  • *****
  • Hozzászólások: 714
  • himpellér
Re:JQuery
« Válasz #57 Dátum: 2012. április 09. 19:08 »
<ul id="menu">

ilyen pedig nincs. Neked csak ilyened van #menu ul
tehát csinálj egy ilyet: <ul class="valami">


Ha már #, akkor <ul id="valami"> a class meghívása a CSS-ben "." és nem "#"
Azért szőrös a szívem, hogy a szeretetet melegen tartsa

Nem elérhető Ian

  • Hero Member
  • *****
  • Hozzászólások: 613
  • Szőrmiszter :)
    • A Kos sziget Tanszék:)
Re:JQuery
« Válasz #58 Dátum: 2012. április 09. 19:11 »
Jelenleg így néz ki:


{process_pagedata}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : Zion Narrows 
Description: A two-column, fixed-width design with dark color scheme.
Version    : 1.0
Released   : 20102110

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{sitename} - {title}</title>
{literal}<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>{/literal}
{literal}<script type="text/javascript" src="js/superfish/superfish.js"></script>{/literal}
{literal}<script>
  $('ul.superfishteszt').superfish({
    animation: { height: 'show' },
    delay: 200
</script>{/literal}
{metadata}
{cms_stylesheet}
</head>
<body>
<div id="wrapper">
    <div id="header">
        <div id="logo">
            <h1>{sitename}</h1>
            <p>your slogan here</p>
        </div>
        <div id="search">
            {search}
        </div>
    </div>
    <!-- end #header -->
    <div id="menu">
        {menu template="zionnarrows : minimal_menu" number_of_levels="1"}
    </div>
    <!-- end #menu -->
    <div id="page">
    <div id="page-bgtop">
    <div id="page-bgbtm">
        <div id="content">
            <div class="post">
                <h2 class="title">{title}</h2>
                <div class="entry">
                <p class="meta">{print}</p>


{content}
                </div>
            </div>
        <div style="clear: both;">&nbsp;</div>
        </div>
        <!-- end #content -->
        <div id="sidebar">
                    <ul>
                <li>
                    <h2>Menu</h2>
                                        <ul class="superfishteszt">
                               
                               </li>
                                </ul>

                               </ul>
                </li>
                        <li>
                    <h2>Blogroll</h2>
                    <ul>
                        <li><a href="#">Aliquam libero</a></li>
                        <li><a href="#">Consectetuer adipiscing elit</a></li>
                        <li><a href="#">Metus aliquam pellentesque</a></li>
                        <li><a href="#">Suspendisse iaculis mauris</a></li>
                        <li><a href="#">Urnanet non molestie semper</a></li>
                        <li><a href="#">Proin gravida orci porttitor</a></li>
                    </ul>
                </li>
            </ul>
{* Start News, stylesheet  "Module: News" *}
                       <div id="news">
                                      <h2>News</h2>
              {news number='3' detailpage='news'}
            </div>
           {* End News *}
        </div>
        <!-- end #sidebar -->
        <div style="clear: both;">&nbsp;</div>
    </div>
    </div>
    </div>
    <!-- end #page -->
</div>
    <div id="footer">

<!--
This theme is released free for use under creative commons licence.
All links in the footer should remain intact.
These links are all family friendly and will not hurt your site in any way.
-->

        <p>Copyright (c) 2010 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>. Modified for CMSMS by <a href="http://www.fbgamer.de/">FBGamer</a></p>
    </div>
    <!-- end #footer -->
</body>
</html>
Ελλάδα--Ρόδος--Κω--Kάρπαθος http://www.rhodes-kos.com/ http://www.szonyegaruhaz.hu/

Nem elérhető Ian

  • Hero Member
  • *****
  • Hozzászólások: 613
  • Szőrmiszter :)
    • A Kos sziget Tanszék:)
Re:JQuery
« Válasz #59 Dátum: 2012. április 09. 19:14 »
Persze az is a gond, hogy sok mindent nem igazán értek még...csak tapogatózok...
van ugye egy stíluslapom is "superfishteszt" néven, ezt hozzárendeltem az adminban.

« Utoljára szerkesztve: 2012. április 09. 19:16 írta Ian »
Ελλάδα--Ρόδος--Κω--Kάρπαθος http://www.rhodes-kos.com/ http://www.szonyegaruhaz.hu/