JavaScript kullanarak bir sayfa nasıl yönlendirilir?

Question

Yahoo çözümü kullanarak bir alışveriş merkezi web sitesi yapıyorum. Öğeler için birden fazla seçeneğim var ve bazı öğeler seçeneklere bağlı olarak farklı fiyatlara sahip.

Yahoo, birden çok fiyat seçeneğini desteklemiyor ve bu nedenle bu soruna yönelik bir çözüm bulmaya çalışıyorum. Benim fikirlerimden biri, birden fazla sayfa oluşturmak ve sayfayı seçeneklere bağlı olarak yeniden yönlendirmektir. Örneğin, bir müşteri model A seçtiyse, sayfa 1000 dolar gösteren sayfada kalır. Bir müşteri B modelini seçerse, sayfa 500 TL gösteren B sayfasına yönlendirilir.

Zaten JavaScript ile dinamik seçenekler yaptım, ancak bir sayfayı yeniden yönlendirmek için değiştirmek istiyorum. İşte benim sayfanın link:

http://parseven.com/callaway_diabloedge_iron.html

sayfasında, ortada seçenek vardır. Bir müşteri elini seçerse, "# 4 Thru AW", "Lob Wedge" ve "Sand Wedge" seçeneklerini gösterir. Bir müşteri ya "Lob Wedge" veya "Kum Wedge' seçerseniz, sayfanın farklı fiyata sahip bir sayfaya yönlendirmek için vardır

PS:.

ben bağımlı seçeneklerini oluşturmak için JavaScript kullanıyorum . bir önceki opsiyonu kodudur:

<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> 

Answer 1

Kullanım:

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

Burada ne istediğinizi yapmak jQuery kullanan bazı hızlı-n-kirli kod. JQuery'yi kullanmanızı tavsiye ederim. Özellikle JavaScript’e yeni olduğunuzdan, işleri sizin için çok daha kolaylaştıracağız.

<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> 

Answer 2

kullanımı: bazı metin alanı ya da gizli alanın değerini almak ve sitenizin URL'sini eklersiniz

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

yeni bir URL almak için (sa ef). Bunu ihtiyaçlarınıza göre değiştirebilirsiniz.

Answer 3

Bunu, location nesnesini kullanarak yapabilirsiniz.

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

Answer 4

Görmek ve işlemek için bir sonraki sayfanın sorgu dizesindeki değerleri ekleyebilirsiniz. Sen bağlantı etiketlerinin içinde dolayabilirsiniz:

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

Sen & işareti ile bu değerlerin her birinin ayrı.

Ya da bunun gibi bir düğme tıklandığında bu oluşturabilirsiniz:

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

Answer 5

Sen bir JavaScript işlevi çağırmak ve kullanabilirsiniz window.location = 'url';:

http://www.pageresource.com/jscript/jredir.htm