Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][PHP]Dodanie kategori do menu rozwijanego
Forum PHP.pl > Forum > Przedszkole
saviola15
Witam,
Chciałbym dodać w ofercie materiały ścierne dodatkowe podkatoegrie jak to robie dodając "nowe id" znika mi wtedy dół... Jak dodać nową kategorią z podkategoriami ?
polsab.com.pl/oferta.php

  1. <h2>OFERTA MATERIAŁY ŚCIERNE </h2>
  2. <div class="oferta2" id="oferta1">
  3. <ul class="ofe1">
  4. <li><a href="/pdfnew/flexovit/sciernice_do_przecinania.pdf" data-ob_iframe="true" data-ob="lightbox">Ściernice do przecinania i szlifowania</a></li>
  5. <li id="kat26">Narzędzia ścierne nasypowe
  6. <ul id="kat26pod">
  7. <li><a href="/pdfnew/flexovit/sciernice_listkowe.pdf" data-ob_iframe="true" data-ob="lightbox">Ściernice listkowe</a></li>
  8. <li><a href="/pdfnew/flexovit/lamelki.pdf" data-ob_iframe="true" data-ob="lightbox">Lamelki</a></li>
  9. <li><a href="/pdfnew/flexovit/arkusze.pdf" data-ob_iframe="true" data-ob="lightbox">Pasy, Krążki, Rolki i Arkusze</a></li>
  10. <li><a href="/pdfnew/flexovit/fibrowe.pdf" data-ob_iframe="true" data-ob="lightbox">Krążki Fibrowe</a></li>
  11. </ul>
  12. </li>
  13. <li id="kat27">Narzędzia ścierne włókninowe
  14. <ul id="kat27pod">
  15. <li><a href="pdfnew/flexovit/listkowe_i_szczotki.pdf" data-ob_iframe="true" data-ob="lightbox">Ściernice listkowe i szczotki</a></li>
  16. <li><a href="pdfnew/flexovit/prasowe.pdf" data-ob_iframe="true" data-ob="lightbox">Ściernice prasowe</a></li>
  17. <li><a href="pdfnew/flexovit/zwijane.pdf" data-ob_iframe="true" data-ob="lightbox">Ściernice zwijane</a></li>
  18. <li><a href="pdfnew/flexovit/krazki_do_podlog.pdf" data-ob_iframe="true" data-ob="lightbox">Krążki do podłóg</a></li>
  19. </ul>
  20. </li>
  21. <li><a href="pdfnew/flexovit/diamentowe.pdf" data-ob_iframe="true" data-ob="lightbox">Tarcze diamentowe</a></li>
  22. <li id="kat28"> Narzędzia ścierne spojone
  23. <ul id="kat28pod">
  24. <li><a href="pdfnew/flexovit/spojone_do_szlifowania.pdf" data-ob_iframe="true" data-ob="lightbox">Ściernice do szlifowania</a></li>
  25. <li><a href="pdfnew/flexovit/spojone_trzpieniowe.pdf" data-ob_iframe="true" data-ob="lightbox"> Ściernice trzpieniowe</a></li>
  26. <li><a href="pdfnew/flexovit/spojone_do_odlewow.pdf" data-ob_iframe="true" data-ob="lightbox">Ściernice do odlewów</a></li>
  27. </ul>
  28. </li>
  29. <li><a data-ob_width="860" data-ob_height="700" href="oferta_exe.php?plik=PDF/oferta_materialy_cierne&str=14&do=16" data-ob_iframe="true" data-ob="lightbox">Frezy trzpieniowe i szczotki stalowe</a></li>
  30.  
  31. </ul>
  32. </div>


  1. <script>
  2. var tpj=jQuery;
  3. //tpj.noConflict();
  4.  
  5. $(document).ready(function() {
  6.  
  7. var liczba_podkategorii = 30;
  8. function runEffect(id) {
  9. var selectedEffect = "blind";
  10. var options = {};
  11. $(id).toggle( selectedEffect, options, 500, callback );
  12.  
  13. };
  14.  
  15. function callback() {
  16. setTimeout(function() {
  17. $( "#ofe1m1:visible" );
  18. $( "#ofe2m1:visible" );
  19. $( "#ofe3m1:visible" );
  20. $( "#ofe4m1:visible" );
  21. for(var i = 1; i < liczba_podkategorii+1; i++)
  22. {
  23. $( "#kat"+i+"pod:visible" );
  24. }
  25. } );
  26. };
  27.  
  28. $( "#spawanie" ).click(function() {
  29. runEffect("#ofe1m1");
  30. return false;
  31. });
  32. $( "#akcesoria" ).click(function() {
  33. runEffect("#ofe2m1");
  34. return false;
  35. });
  36. $( "#uchwytyab" ).click(function() {
  37. runEffect("#ofe3m1");
  38. return false;
  39. });
  40.  
  41. $( "#autospaw" ).click(function() {
  42. runEffect("#ofe4m1");
  43. return false;
  44. });
  45.  
  46. $( "#materialyspawalnicze" ).click(function() {
  47. runEffect("#ofe5m1");
  48. return false;
  49. });
  50.  
  51. $( "#pomet" ).click(function() {
  52. runEffect("#ofe6m1");
  53. return false;
  54. });
  55.  
  56. $( "#gce" ).click(function() {
  57. runEffect("#ofe7m1");
  58. return false;
  59. });
  60.  
  61. $( "#mscesaby" ).click(function() {
  62. runEffect("#ofe8m1");
  63. return false;
  64. });
  65.  
  66. $( "#perun" ).click(function() {
  67. runEffect("#ofe10m1");
  68. return false;
  69. });
  70.  
  71. <?
  72.  
  73. $liczba_podkategorii = 30;
  74. for($i = 1; $i < $liczba_podkategorii+1; $i++)
  75. {
  76. echo '
  77. $( "#kat'.$i.'" ).click(function() {
  78. runEffect("#kat'.$i.'pod");
  79. return false;
  80. });';
  81. }
  82.  
  83. ?>
  84.  
  85.  
  86.  
  87.  
  88. $( "#ofe1m1" ).hide();
  89. $( "#ofe2m1" ).hide();
  90. $( "#ofe3m1" ).hide();
  91. $( "#ofe4m1" ).hide();
  92. $( "#ofe5m1" ).hide();
  93. $( "#ofe6m1" ).hide();
  94. $( "#ofe7m1" ).hide();
  95. $( "#ofe8m1" ).hide();
  96. $( "#ofe9m1" ).hide();
  97. $( "#ofe10m1" ).hide();
  98.  
  99. for(var i = 1; i < liczba_podkategorii+1; i++)
  100. {
  101. $( "#kat"+i+"pod" ).hide();
  102. }
  103. });
  104. </script>
  105.  
  106. <script type="text/javascript">
  107.  
  108. tpj(document).ready(function() {
  109.  
  110. if (tpj.fn.cssOriginal!=undefined)
  111. tpj.fn.css = tpj.fn.cssOriginal;
  112.  
  113. tpj('#slider').revolution(
  114. {
  115. delay:9000,
  116. startheight:400,
  117. startwidth:980,
  118.  
  119.  
  120. hideThumbs:200,
  121.  
  122. thumbWidth:100, // Thumb With and Height and Amount (only if navigation Tyope set to thumb !)
  123. thumbHeight:50,
  124. thumbAmount:5,
  125.  
  126. navigationType:"none", //bullet, thumb, none, both (No Thumbs In FullWidth Version !)
  127. navigationArrows:"nexttobullets", //nexttobullets, verticalcentered, none
  128. navigationStyle:"round", //round,square,navbar
  129.  
  130. touchenabled:"on", // Enable Swipe Function : on/off
  131. onHoverStop:"on", // Stop Banner Timet at Hover on Slide on/off
  132.  
  133. navOffsetHorizontal:0,
  134. navOffsetVertical:20,
  135.  
  136. stopAtSlide:-1, // Stop Timer if Slide "x" has been Reached. If stopAfterLoops set to 0, then it stops already in the first Loop at slide X which defined. -1 means do not stop at any slide. stopAfterLoops has no sinn in this case.
  137. stopAfterLoops:-1, // Stop Timer if All slides has been played "x" times. IT will stop at THe slide which is defined via stopAtSlide:x, if set to -1 slide never stop automatic
  138.  
  139. shadow:0, //0 = no Shadow, 1,2,3 = 3 Different Art of Shadows (No Shadow in Fullwidth Version !)
  140. fullWidth:"off" // Turns On or Off the Fullwidth Image Centering in FullWidth Modus
  141.  
  142.  
  143. });
  144.  
  145. });
  146.  
  147. </script>
  148.  
skopiuj i przerób
skopiuj jakas inna kategorie i przerób teksty i linki pozmieniaj id w lesie szukaj jelenia haha.gif
saviola15
Dodałem 29 kategorię pod 28 i poznikały kategorie w ofercie filtrowentalacyjnej.

  1. <li id="kat29"> Narzędzia ścierne spojone
  2. <ul id="kat29pod">
  3. <li><a href="pdfnew/flexovit/spojone_do_szlifowania.pdf" data-ob_iframe="true" data-ob="lightbox">Ściernice do szlifowania</a></li>
  4. <li><a href="pdfnew/flexovit/spojone_trzpieniowe.pdf" data-ob_iframe="true" data-ob="lightbox"> Ściernice trzpieniowe</a></li>
  5. <li><a href="pdfnew/flexovit/spojone_do_odlewow.pdf" data-ob_iframe="true" data-ob="lightbox">Ściernice do odlewów</a></li>
  6. </ul>
  7. </li>


http://www.polsab.com.pl/oferta.php
fate
krok1
na poczatku 29 linijki html doklej:

  1. <li id="kat29">Kategoria
  2. <ul id="kat29pod">
  3. <li><a href="pdfnew/flexovit/podkat1" data-ob_iframe="true" data-ob="lightbox">podkat1</a></li>
  4. <li><a href="pdfnew/flexovit/ podkat2" data-ob_iframe="true" data-ob="lightbox"> podkat2</a></li>
  5. </ul>
  6. </li>

pozmieniaj kategoria, podkat1,podkat2

krok2
wpłać na cel charytatywny: 5 PLN
http://www.mammarzenie.org/

- powinno działać a jak nie działa znaczy że nie wykonałeś kroku nr 2

7 linijka javascript

var liczba_podkategorii = 30;

wpisz wiecej
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.