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

LocationHashRoute Op

LocationHashRoute

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


Edit Documentation

Full Name
  • Ops.Website.LocationHashRoute
Visibility
  • Core Op - Official cables op
AuthorTest Patches


 

Example Patch LocationHash Example

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

Open In Editor

Youtube Video Tutorial

INPUT PORTS


Route (String)

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

OUTPUT PORTS


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)

Usages of LocationHashRoute

  • Examples
  • Public
  • My Patches
  • Ops

Changelog


created opuser avatarcables - 2021-03-09
Ops.User.cables.LocationHash renamed to Ops.Website.LocationHashuser avatarstephan - 2021-03-09
Ops.Website.LocationHash renamed to Ops.Website.LocationHashRouteuser avatarpandur - 2021-04-27
bugfixfix crash when using misformed route, show erroruser avatarstephan - 2023-03-29
bugfixproperly set port value when loading patchuser avatarstephan - 2023-03-29