alternate behaviors based on attribute values - example?

[emylonas]

I'm trying to write a behavior for <ref> that does one thing if the element has a @type="internal" and another if it has @type="bibl" attribute. I'm modeling it on the <ref> example in CETEIcean. The documentation seems to say that I can't make a second behavior - so I am trying to add a second component to the <ref> behavior.

This is not working, but I'm not sure of how the js script syntax works in this case. My js abilities are so-so. In the example below, the first part [type=internal] is fine. The question is where and how to add the [type=bibl]. And I may just be writing bad javascript...

I've looked for an example to follow but was unable to find one (which doesn't mean that there it's not there.)

``
"ref": [
["[type=internal]", function(elt) {
var linkNum = elt.getAttribute("target").replace(/#A-/,"");
var linkPre = '{{ site.baseurl }}edition/plant';
var link = document.createElement("a");
link.innerHTML = elt.innerHTML;
link.href = linkPre.concat(linkNum);
return link;
}],
["[type=bibl]", ["[target]", ["<a href="$rw@target">",""]]]
]

[hcayless]

I think you're almost there. I haven't tested it, but something like

{
  "ref": [
  ["[type=internal]", function(elt) {
    let linkNum = elt.getAttribute("target").replace(/#A-/,"");
    let linkPre = '{{ site.baseurl }}edition/plant';
    let link = document.createElement("a");
    link.innerHTML = elt.innerHTML;
    link.href = linkPre.concat(linkNum);
    return link;
  }],
  ["[type=bibl][target]", ["<a href=\"$rw@target\">","</a>"]]
  ]
}

should work. Whether the {{ site.baseurl }} bit works may depend on when and how your templating engine processes things. The [type=bibl][target] is a CSS selector, and that syntax ought to work for multiple attributes.