Add js function to URL

Question

I have a read more/less jquery plugin that I'm using. One of the settings (startOpen:true) allows the content to be expanded by default when you open the page:

<script>
    $('#blog-post-2').readmore({
      maxHeight: 212,
      startOpen: true
    });
    $('#blog-post-1').readmore({
      maxHeight: 212
    });
</script>

What I would like to do is put the startOpen:true function into the URL of this page, like so: mywebsite.com/mypage.html&startOpen:true

The reasons for this is that I want to control which users see it expanded or not.

I'm not entirely sure how I would go about achieving this.

Does anyone have the answer to this?

Try using the location.hash, when startOpen == true set location.hash="#startOpen:true" -> w3schools.com/jsref/prop_loc_hash.asp — lshettyl
– lshettyl, Commented Mar 31, 2014 at 18:50

agrm · Accepted Answer · 2014-03-31 19:01:59Z

1

If you call mypage.html#blog-post-1, you can try something like:

// Your settings here
$( '#blog-post-1, #blog-post-2' ).readmore({
    maxHeight: 212
});

// Get the active hash
var hash = window.location.hash;

// Set the active element depending on the hash call
$( hash ).readmore({
    startOpen:true
});

answered Mar 31, 2014 at 19:01

agrm

3,8924 gold badges29 silver badges36 bronze badges

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

Comments

Sia · Accepted Answer · 2014-03-31 19:02:48Z

0

Get this jquery url parsing plugin: https://github.com/allmarkedup/purl

Then if your url is mywebsite.com/mypage.html&startOpen:true

you add this to your code

var startOpenSetting = $.url().param('startOpen');

$(document).ready(function(){

startOpen: startOpenSetting;

)};

answered Mar 31, 2014 at 19:02

Sia

1331 silver badge8 bronze badges

Collectives™ on Stack Overflow

Add js function to URL

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related