beta
cables is under heavy development.
There might be one or another bug, please let us know about it!

LocationHashRoute Op



LocationHashRoute
Namespace: Ops.Website

Op author: stephan

gives updated information about window.location.hash


this will return information about window.location.hash (the part after the #) in your url.

these parts of the url can be changed without reloading the browserwindow and hence may be used to carry state.

this adheres to "getstring" syntax for key-value-pairs. having multiple # is also allowed. if key-value-pairs are duplicated the last one in the string "wins".

if you define a route, only parts of the hash that match this route will be considered. use multiple ops and multiple hashes to work with urls like this: "#/scene/1#/track/5".

additionally you may set a route like this "/scene/:number" and the op will extract "5711" from this hash #/scene/5711 and store it in the output object as "number".



Inputs

Route (String)

pattern for url and variables (i.e. /scene/:id)

Outputs

Values (Object)

an object of key-value-pairs as extracted from the hash

Changed (Trigger)

fires on change of the hash in the url

Matching (boolean Number)

Caught a mistake or want to contribute to the documentation?

Edit Documentation 

LocationHash Example

how to use the browser location bar to navigate and create deeplinks


Youtube Video Tutorial

Patches using LocationHashRoute

  • Examples
  • Public
  • My Patches

Changelog


created op
2021-03-09 - cables
Ops.User.cables.LocationHash renamed to Ops.Website.LocationHash
2021-03-09 - stephan
Ops.Website.LocationHash renamed to Ops.Website.LocationHashRoute
2021-04-27 - pandur
bugfixfix crash when using misformed route, show error
2023-03-29 - stephan
bugfixproperly set port value when loading patch
2023-03-29 - stephan