Jump to content
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
alexitiris

Click γράμματος σε πρόταση

Recommended Posts

Γεια σας σε όλους και καλή εβδομάδα.

Θέλω την βοήθεια σας παρακαλώ.

Έχω μια πρόταση πχ Web Developer.

Και θέλω όταν χρήστης κάνει κλικ στο γράμμα e να ακούγεται.

Αυτό πως μπορώ να το κάνω με την JS? Ή υπάρχει κάποια βιβλιοθήκη jQuery?

  • Like 1

Share this post


Link to post
Share on other sites

Γεια σου και σένα. Για να καταλάβω σωστά θες να ακουγετε ήχος; θες όταν πατάς σε κάθε γράμμα e; Μπορείς να βάλεις το e σε span; η πρόταση είναι σε κάποιο tag div p ή είναι μέσα σε άλλη πρόταση;

Share this post


Link to post
Share on other sites

Ναι. Όταν ο χρήστης πατήση το γράμμα e θα ακούγετε ένας ήχος.

Το έχω μέσα σε h1 την πρόταση.

Edited by alexitiris

Share this post


Link to post
Share on other sites

εκει μπορει να είναι θέμα encoding... δεν θυμάμαι ακριβως τι encoding χρειάζεται για να παίξει και απο browser σε browser μπορει να μην έχεις το επιθυμητό αποτέλεσμα.

  • Like 1

Share this post


Link to post
Share on other sites

Μέτα από ψάξιμο το βρήκα. Αλλά θέλω μια άλλη βοήθεια. Πως μπορώ να του προσθέσω όταν ο χρήστης πάει απάνω στο γράμμα να του εμφανίζεται ένα underline και το cursor pointer. Πως το κάνω αυτό?

Αλλά βλέπω δεν λειτουργεί σωστά. Δηλαδή όταν πατάω με την σειρά το γράμμα e παίζει κανονικά αλλά όταν το πατάω πάλη από την αρχή δεν μου παίζει. Δηλαδή πρέπει να το πατήσω 2 φορές για να παίξει ή φορές.

 

Μπορούμε να το διορθώσουμε αυτό φίλοι?

var letterstring = "web developer";
var audioletter = document.getElementById("audiolettersound");
document.addEventListener('click',function(){
var letter = window.getSelection();
if(letter.focusNode.data[letter.focusOffset].toLowerCase()=='e'){
audioletter.play();
}
},false);
document.getElementById("test").innerHTML=letterstring;

 

Edited by alexitiris

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×