Execute javascript script in <a href='javascript:...'>

Design help Animations & Interactions
1

I need to execute a script when a user clicks on a link.
The script is in the custom code.

When I try using a link <a href='javascript:...'> then the result is that it preprends https:// to ‘javascript:…’

How can I execute a script from a link or with an onClick?

Here is my public share link: LINK
(how to access public share link)

1 Like
2

Hello @Nathan_Zylbersztejn

If you need to add onCLick to a link because onClick name is reserved, you can use an embed.

Piter :webflow_heart:

3

Maybe change the href by code.

one button (by id)

image

<script>
  document.getElementById("test").href = "javascript";
</script>

More than one button (by custom attribute)

For more than one button. Add custom attribute data-hrefByCode for each button you want to change (Better than classes).

image

Than loop throw all of this items:

<script>
/* get the elements by attribute selector */
var demo = $("[data-hrefByCode='data-hrefByCode']");
/* loop throw */
demo.each(function(){
    $(this).attr('href', `javascript`);
 });
</script>

Result:

image
image834×366 29.4 KB

1 Like
4

Thanks Ezra, but I tried both methods and none of them work

5

Please Add live url + read only link