Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [Access][PHP]problem ze stroną(skrypt)
Forum PHP.pl > Forum > Przedszkole
netghoster
Mam stronę pod adresem:

http://www.4ds.pl/projekty/hotel-przystan/nowa2/

na serwerze są pliki index.php , rezerwacje.php

Chodzi mianowicie o to żeby po kliknięciu w rezerwacje na dole strony strona przewinęła się w drugą stronę (obecnie jest z lewej do prawej).

plik .htaccess który tam umieściłem wygląda tak:


Options FollowSymLinks
RewriteEngine On

RewriteRule ^strona-glowna$ index.php [L]
RewriteRule ^menu$ menu.php [L]
RewriteRule ^rezerwacje$ rezerwacje.php[L]
RewriteRule ^wino$ wino.php [L]
RewriteRule ^konferencje$ konferencje.php [L]
RewriteRule ^przyjecia$ przyjecia.php [L]
RewriteRule ^imprezy$ imprezy.php [L]
RewriteRule ^kontakt$ kontakt.php [L]



Pomoże ktoś ?
pedro84
A co to ma wspólnego z Accessem, PHPem i tym bardziej htaccess jak to kwestia Javascriptu?
netghoster
tą funkcję trzeba jakoś wywołać.. w menu.php które jest wczytywane przez include w podstrony jest np. <a href="rezerwacje">rezerwacje</a>

w .htaccess jest RewriteRule ^rezerwacje$ rezerwacje.php[L] (htaccess zamienia .php na krótki link aby obyło się bez przeładowania strony i przewinięcie zadziałało - domyślnie przewija się z lewej do prawej) więc trzeba dopisać chyba jakąś zmienną np. RewriteRule ^rezerwacje$ rezerwacje.php?id="next"[L] (przykład jest do bani ale mniej więcej wytłumaczyłem). Główny kod od slidera jest zawarty w pliku http://4ds.pl/projekty/hotel-przystan/nowa2/js/script.js

Mogę liczyć na jakąś pomoc ?
pedro84
Kolejny raz Ci mówię, to nie ma ŻADNEGO związku z htaccess.

Masz tam taki kod:
[JAVASCRIPT] pobierz, plaintext
  1. return $(window).bind("statechange", function() {
  2. var $prev, $prev_i, $scroll, State, relativeUrl, url;
  3. State = History.getState();
  4. url = State.url;
  5. relativeUrl = url.replace(rootUrl, "");
  6. $prev = $('.container').filter(":first");
  7. $prev_i = $prev.find('#nav li.active').index();
  8. $scroll = $bodyelem.scrollTop();
  9. return $.ajax({
  10. url: url,
  11. success: function(data, textStatus, jqXHR) {
  12. var $data, $dataBody, $dataContent, $forward, $menuChildren, $scripts, $transitioned, PageTransition, afterPageTransition, beforePageTransition, contentHtml, set_left, slide_left;
  13. $data = $(documentHtml(data));
  14. $dataBody = $data.find(".document-body:first");
  15. $dataContent = $dataBody.find(contentSelector).filter(":first");
  16. $menuChildren = void 0;
  17. contentHtml = void 0;
  18. $scripts = void 0;
  19. $body.addClass("changing");
  20. $scripts = $dataContent.find(".document-script");
  21. if ($scripts.length) {
  22. $scripts.detach();
  23. }
  24. contentHtml = $dataContent.html() || $data.html();
  25. if (!contentHtml) {
  26. document.location.href = url;
  27. return false;
  28. }
  29. $menuChildren = $menu.find(menuChildrenSelector);
  30. $menuChildren.filter(activeSelector).removeClass(activeClass);
  31. $menuChildren = $menuChildren.has("a[href^=\"" + relativeUrl + "\"],a[href^=\"/" + relativeUrl + "\"],a[href^=\"" + url + "\"]");
  32. if ($menuChildren.length === 1) {
  33. $menuChildren.addClass(activeClass);
  34. }
  35. set_left = "-100%";
  36. slide_left = "0%";
  37. $forward = false;
  38. $transitioned = false;
  39. beforePageTransition = function() {
  40. var $next_i;
  41. $content = $('<div class="container" />');
  42. $("#transition-holder").append($content);
  43. $prev.find('nav').remove();
  44. $content.html(contentHtml).ajaxify();
  45. $content.find("img.bg").each(function() {
  46. return $(this).imgbg();
  47. });
  48. $content.find('header').height($(window).height());
  49. $next_i = $content.find('#nav li.active').index();
  50. if ($next_i > $prev_i) {
  51. $forward = true;
  52. set_left = "0%";
  53. slide_left = "-100%";
  54. } else {
  55. $content.insertBefore($prev);
  56. }
  57. $prev.find('.parallax').each(function() {
  58. return $(this).moveBgOnTransition($scroll);
  59. });
  60. if (Modernizr.touch) {
  61. $("#nav").css("position", "fixed");
  62. }
  63. $("#transition-holder").css("left", set_left);
  64. $prev.find('#side-nav').animate({
  65. opacity: 'hide'
  66. }, 500, function() {
  67. return $(this).remove();
  68. });
  69. $content.find('header, .parallax').css({
  70. 'background-attachment': 'scroll'
  71. });
  72. return $prev.find('header, .parallax').css({
  73. 'background-attachment': 'scroll'
  74. });
  75. };
  76. afterPageTransition = function() {
  77. $("#transition-holder").css("left", "0%");
  78. if ($forward) {
  79. $('.container:first').remove();
  80. } else {
  81. $('.container:last').remove();
  82. }
  83. $content.find('header, .parallax').css({
  84. 'background-attachment': 'fixed'
  85. });
  86. if (Modernizr.touch) {
  87. $("#nav").css("position", "absolute");
  88. }
  89. $loaderDelay = 0;
  90. return plazaOnLoad();
  91. };
  92. PageTransition = function() {
  93. return $("#transition-holder").imagesLoaded(function() {
  94. $body.removeClass("changing");
  95. return $(this).animate({
  96. left: slide_left
  97. }, 1000, "easeInOutExpo", function() {
  98. return afterPageTransition();
  99. });
  100. });
  101. };
  102. if ($isSafari) {
  103. $bodyelem.stop().animate({
  104. scrollTop: 0
  105. }, {
  106. duration: 500 + $scroll / 2,
  107. easing: "easeOutCubic",
  108. complete: function() {
  109. beforePageTransition();
  110. return PageTransition();
  111. }
  112. });
  113. } else {
  114. if ($scroll > $prev.find('footer').offset().top - $(window).height()) {
  115. $bodyelem.stop().animate({
  116. scrollTop: $prev.find('footer').offset().top - $(window).height()
  117. }, {
  118. duration: 500,
  119. easing: "easeOutCubic",
  120. complete: function() {
  121. if (!$transitioned) {
  122. beforePageTransition();
  123. $prev.css({
  124. position: 'relative',
  125. top: "-" + ($bodyelem.scrollTop()) + "px"
  126. });
  127. $bodyelem.scrollTop(0);
  128. PageTransition();
  129. return $transitioned = true;
  130. }
  131. }
  132. });
  133. } else {
  134. beforePageTransition();
  135. $prev.css({
  136. position: 'relative',
  137. top: "-" + $scroll + "px"
  138. });
  139. $bodyelem.scrollTop(0);
  140. if ($scroll > 0) {
  141. $prev.find('header').css({
  142. 'background-position': "center " + $scroll + "px"
  143. });
  144. } else {
  145. $prev.find('header').css({
  146. 'background-attachment': 'scroll'
  147. });
  148. }
  149. PageTransition();
  150. }
  151. }
  152. document.title = $data.find(".document-title:first").text();
  153. try {
  154. document.getElementsByTagName("title")[0].innerHTML = document.title.replace("<", "&lt;").replace(">", "&gt;").replace(" & ", " &amp; ");
  155. } catch (_error) {}
  156. $scripts.each(function() {
  157. var $script, scriptNode, scriptText;
  158. $script = $(this);
  159. scriptText = $script.text();
  160. scriptNode = document.createElement("script");
  161. scriptNode.appendChild(document.createTextNode(scriptText));
  162. return contentNode.appendChild(scriptNode);
  163. });
  164. if (typeof window.pageTracker !== "undefined") {
  165. window.pageTracker._trackPageview(relativeUrl);
  166. }
  167. if (typeof window.reinvigorate !== "undefined" && typeof window.reinvigorate.ajax_track !== "undefined") {
  168. return reinvigorate.ajax_track(url);
  169. }
  170. },
  171. error: function(jqXHR, textStatus, errorThrown) {
  172. document.location.href = url;
  173. return false;
  174. }
  175. });
  176. });
[JAVASCRIPT] pobierz, plaintext


Kombinuj wink.gif
netghoster
To akurat wiem.. jakbym chciał usłyszeć "kombinuj" to bym się tu nie wypowiadał.. chodziło mi o konkretną pomoc ponieważ nie mam już żadnego pomysłu na to. Pomoże ktoś ?

Dodam jeszcze, że chodzi mi o to:

klikam strona główna to przewija się z lewej do prawej

klikam w rezerwacje to przewija się z prawej do lewej

więc tu nie chodzi o zmianę w skrypcie na sztywno

Kawałek kodu odpowiadającego za slider:

  1.  
  2. set_left = "-100%";
  3. slide_left = "0%";
  4. $forward = false;
  5. $transitioned = false;
  6. beforePageTransition = function() {
  7. var $next_i;
  8. $content = $('<div class="container" />');
  9. $("#transition-holder").append($content);
  10. $prev.find('nav').remove();
  11. $content.html(contentHtml).ajaxify();
  12. $content.find("img.bg").each(function() {
  13. return $(this).imgbg();
  14. });
  15. $content.find('header').height($(window).height());
  16. $next_i = $content.find('#nav li.active').index();
  17. if ($next_i > $prev_i) {
  18. $forward = true;
  19. set_left = "0%";
  20. slide_left = "-100%";
  21. } else {
  22. $content.insertBefore($prev);
  23. }
  24. $prev.find('.parallax').each(function() {
  25. return $(this).moveBgOnTransition($scroll);
  26. });
  27. if (Modernizr.touch) {
  28. $("#nav").css("position", "fixed");
  29. }
  30. $("#transition-holder").css("left", set_left);
  31. $prev.find('#side-nav').animate({
  32. opacity: 'hide'
  33. }, 500, function() {
  34. return $(this).remove();
  35. });
  36. $content.find('header, .parallax').css({
  37. 'background-attachment': 'scroll'
  38. });
  39. return $prev.find('header, .parallax').css({
  40. 'background-attachment': 'scroll'
  41. });
  42. };
  43.  
  44.  
  45.  
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.