Streaming live at 10am (PST)

Typed.js - is not working with me

Hello,
I’m trying to use the Typed.js script in my site.


From what I understood, I needed to copy the code into my custom code space, and change the id of the element I want to use typed.js to “typed”.
But unfortunately it is not working…

Here’s the read-only link, I want to the word “word” to get typed.js-ed:

https://preview.webflow.com/preview/hyperlink-transition-ee4de13d32bbb13bf4?utm_source=hyperlink-transition-ee4de13d32bbb13bf4&preview=2d488fc3b65d9864bec411ffde73ab36

Hi @x27,

These two references:
<link src="js/typed.custom.js" type="text/javascript">
<script src="js/typed.custom.js" type="text/javascript"></script>
You have in your <head> tag are urls to no where. You need to find a cdn or a place to host the typed.custom.js file, and then reference to its url.

Thank you. I deleted them and used the CDN from the source. Still-- doesn’t work.

please share the published site

https://hyperlink-transition-ee4de13d32bbb13bf4.webflow.io/

It seems like you have some kind of problem with the typed.js script.

Try reading the documentation more carefully and start again.

I did. I found this: https://webflow.com/website/Typing-Text-Typedjs#
and checked his read-only file and copy-pasted it… nothing.

You should use unique #id - for each text element. In your case both text element with “#typed-2” id (So the code not working well ==> Throw errors).

	var typed = new Typed('#typed-text', {'
    /* ...rest of the code */
  	var typed2 = new Typed('#typed-2', {
    /* ...rest of the code */

image

Change one of the elements #id to typed-text to fix this issue.

Example:
http://new-landing-page-94e5db.webflow.io/type


Please mark as solution to close this topic. Thanks

@Siton_Systems

Will be if/when the original post publisher confirms this is the solution… :slight_smile:

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.