Javascript and Expression Engine Tags

Question

I have an EE site that has a flickrshow gallery on it. I would like to create a channel field to edit the flickr set id. The problem is that ee tags are opened and closed with curly brackets {ee_tag} so the js gets broken.

is there a way to EITHER use a different ee tag OR to have the js fetch the set id from a hidden (display none) div element. I could then put the ee tag in the hidden element allowing the cms to manage the id. Code:

    <!-- flickrshow -->
<div class="example" id="cesc">
    <p>Please enable Javascript to view this slideshow</p>
</div>

{exp:channel:entries channel='flickr'}

<script src="/js/flickrshow-7.2.min.js"></script>
<script>
    var cesc = new flickrshow('cesc', {
        autoplay:true,
        'set':'{flickr_set}'
    });
</script>


{/exp:channel:entries}

<!-- end flickrshow -->

above with ee tags in js code. Bellow with js referencing hidden div:

  <!-- flickrshow -->
<div class="example" id="cesc">
    <p>Please enable Javascript to view this slideshow</p>
</div>

<script src="/js/flickrshow-7.2.min.js"></script>
<script>
    var cesc = new flickrshow('cesc', {
        autoplay:true,
        'set':'=(#hidden_div value)'
    });
</script>

<!-- end flickrshow -->

<div id="#hidden_div">
{exp:channel:entries channel='flickr'}

{flickr_set}

{/exp:channel:entries}
</div>

I dont know enough js to further complete the second example.

Thanks for any suggestions

Your first example should work. EE should still parse your {flickr_set} variable, it's smart enough to do that. Do you have a live link? — Derek Hogue
hi, ok, just put system online temporarily. theworldatyourfeet.co.uk I have added another {flickr_set} ee tag to the top left corner of the index page (you will need to scroll there) se we can see the flickr id is being recognised by ee. — vincentieo

Derek Hogue Derek Hogue · Accepted Answer · 2012-04-11T15:49:45

Your Flickr set ID is outputting properly in the template, but you have your flickr_set field set to XHTML formatting in ExpressionEngine, so it's being wrapped in paragraph tags. Change the field formatting to "none", be sure to tick the box that says "update all existing entries with this formatting", then save your field.

Always view source on your page to find out what's going wrong!

<script>
    var cesc = new flickrshow('cesc', {
        autoplay:true,
        'set':'<p>72157629620181853</p>'
    });
</script>

Javascript and Expression Engine Tags

1 Answers