Using Jquery to adjust a dynamic url

Question

I'm using the following code to generate an img url based on a drop down selection.

$(document).ready(function() {
    $('select').change(function(){
       var src = $(':selected', this).text()
       $('img').attr('src', location.hostname + "/" + src + '.jpg');
    });
});`

It works for showing adding the select text onto a static a url i.e. :

www.mysite.com/selecttext.jpg

But need to work for something like this:

www.mysite.com/<?php text value ?>/selecttext.jpg

The PHP is already functioning just need to know how to adjust the jquery to work.

Put your javascript in your PHP file, and do it like that then ? — adeneo
– adeneo, Commented Sep 1, 2012 at 17:13
using a magento command within a product loop <?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?> — Sam Danger
– Sam Danger, Commented Sep 1, 2012 at 17:31

Peter · Accepted Answer · 2012-09-01 17:14:14Z

1

PHP/HTML:

<script type="text/javascript"> var dir = '<?php echo "foo"; ?>'; </script>

JS:

$(document).ready(function() {
    $('select').change(function(){
       var src = $(':selected', this).text()
       $('img').attr('src', location.hostname + "/" + dir + '/' + src + '.jpg');
    });
});`

answered Sep 1, 2012 at 17:14

Peter

17k9 gold badges55 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sam Danger Over a year ago

That isn't rendering right:

<img src="<script type="text/javascript"> var dir = '<?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?>'; </script>/.jpg" >

Theodores · Accepted Answer · 2012-09-01 17:39:47Z

0

Remember that you can 'scavenge' other parts of the category page to add to the URL. At a guess you are looking for the product SKU to go in there - or at least the interal Magento ID. You can put this info in your category page - even if hidden (maybe as a title tag on the product name) - put an id on it and pull the value into your code.

The 'do it in php way' is the way Varien do it, Peter's way doesn't look too bad even if it is defining a global var (allegedly bad) - just pop it in your template code with $_item->getSku()

answered Sep 1, 2012 at 17:39

Theodores

1,2091 gold badge11 silver badges16 bronze badges

1 Comment

Sam Danger Over a year ago

Thanks @IRIS Indigo. I'm trying to build img paths so I can swap out product images based on corresponding custom option downs. On a category page.

Collectives™ on Stack Overflow

Using Jquery to adjust a dynamic url

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related