2010-02-04 20 views
37

Robię stronę internetową centrum handlowego za pomocą rozwiązania Yahoo. Mam wiele opcji na przedmioty, a niektóre przedmioty różnią się w zależności od opcji.Jak przekierować stronę za pomocą JavaScript?

Yahoo nie obsługuje wielu opcji cenowych, dlatego próbuję znaleźć rozwiązanie tego problemu. Jednym z moich pomysłów jest tworzenie wielu stron i przekierowanie strony w zależności od opcji. Na przykład, jeśli klient wybrał model A, strona pozostanie na stronie A, która wyświetla 1000 USD. Jeśli klient wybrał model B, strona przekieruje do strony B, która wyświetla 500 USD.

Mam już opcje dynamiczne z JavaScript, ale chcę je zmodyfikować, aby przekierować stronę. Oto link z mojej strony:

http://parseven.com/callaway_diabloedge_iron.html

Na stronie znajdują się opcje w środku. Jeśli klient wybrał swoją rękę, pokazuje opcje "# 4 Thru AW", "Lob Wedge" i "Sand Wedge". Jeśli klient wybrał opcję „Lob Wedge” lub „Sand Wedge”, strona ma przekierowanie do strony, która ma inną cenę

PS.

Używam JavaScript do generowania opcje zależne od . poprzednia opcja Kod jest:

<script type="text/javascript" language="javascript"> 
    <!-- 
    document.write('<select name="Iron(s)" onChange="javascript:  listboxchange  (this.options[this.selectedIndex].value);"><option value="">Select Iron(s)</option></select>') 
    --> 
</script> 
+1

Cue szturm łatwych odpowiedzi .. –

+0

Dlaczego jest to oznaczone jako duplikat? tak, pytania są takie same, ale odpowiedzi udzielone w popularnym "oryginale" nawet nie odpowiadają na pytanie. Użytkownik chce wiedzieć, jak przekierować na inną stronę w swojej aplikacji, a nie przejść do jakiejś strony. –

Odpowiedz

27

Zastosowanie:

window.location = "http://my.url.here"; 

Oto niektóre szybkie-n-brudne kod, który używa jQuery zrobić co chcesz. Gorąco polecam używanie jQuery. Sprawi, że będzie ci o wiele łatwiej, zwłaszcza, że ​​jesteś początkującym użytkownikiem JavaScript.

<select id = "pricingOptions" name = "pricingOptions"> 
    <option value = "500">Option A</option> 
    <option value = "1000">Option B</option> 
</select> 

<script type = "text/javascript" language = "javascript"> 
    jQuery(document).ready(function() { 
     jQuery("#pricingOptions").change(function() { 
      if(this.options[this.selectedIndex].value == "500") { 
       window.location = "http://example.com/foo.php?option=500"; 
      } 
     }); 
    }); 
</script> 
+0

OK, wygląda na to, że nie jest to trudny problem. Prawie wszyscy sugerują to samo rozwiązanie. Jestem prawdziwym nowicjuszem dla JS. Czy możesz określić, gdzie muszę wstawić ten kod? – neko

+0

Wysłałem przykładowy kod, który używa zdarzenia * onChange * na * wybierz *, aby przekierować cię na odpowiednią stronę. –

+0

Witaj Vivin Czy sprawdziłeś mój kod? Opcje są generowane dynamicznie przez javascript. Kod to: ') -> Czy możesz mi powiedzieć, co zrobić w tym przypadku? – neko

2

Zastosowanie:

document.location.href = "http://yoursite.com" + document.getElementById('somefield'); 

to by uzyskać wartość jakiegoś pola tekstowego lub ukrytego pola i dodać go do swojej witryny URL, aby otrzymać nowy adres URL (HR ef). Możesz modyfikować to w zależności od potrzeb.

+0

MDC zaleca używanie 'window.location' zamiast' document.location' dla najlepszej kompatybilności z różnymi przeglądarkami. https://developer.mozilla.org/En/Document.location –

+0

Czy możesz określić, gdzie muszę wstawić powyższy kod? Jestem prawdziwym nowicjuszem dla JS. Wielkie dzięki – neko

2

Można to osiągnąć za pomocą obiektu location.

location.href = "http://someurl"; 
+0

Podczas gdy ten link może odpowiedzieć na pytanie, lepiej umieścić tutaj istotne części odpowiedzi i podać link do odsyłacza. Odpowiedzi dotyczące linków mogą stać się nieprawidłowe, jeśli strona z linkami się zmieni. - [Z recenzji] (/ review/low-quality-posts/17482837) – iPatel

5

Możesz dodać wartości w ciągu zapytania, aby następna strona została wyświetlona i przetworzona. Można owinąć je wewnątrz znaczników link:

<a href="your_page.php?var1=value1&var2=value2"> 

oddzielić każdy z tych wartości ze znakiem &.

Albo można utworzyć to na kliknięcie przycisku jak poniżej:

<input type="button" onclick="document.location.href = 'your_page.php?var1=value1&var2=value2';"> 
+0

-1 Chce przekierować używając JavaScript, a nie przekazywać parametrów do innej strony. –

+0

@vivin: Pokazałem również, że nieco poniżej, przejrzyj ponownie. Dzięki – Sarfraz

+0

Widziałem twoją zmianę i próbowałem przegłosować, ale powiedziałem, że jest za stara. –

Powiązane problemy