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

Πρόβλημα με αρχείο JS και CSS

Recommended Posts

Γεια σας φίλοι μου.

Θα ήθελα την βοήθεια σας παρακαλώ σχετικά με την test1js.js και test1css.css που αντιμετωπίζω το εξής πρόβλημα.

Πρώτον, σας αναρτώ το κώδικα για το test1js + test1css και πως λειτουργεί.

<h1 id="lettersound" onclick="PlayDing()" onmouseover="" style="text-align: center;"></h1>
/*Αρχείο test1js*/
var audioletter = document.getElementById("audiolettersound");
// Original String
var letterstring = "WEb Developer.";
// Replace string
letterstring=letterstring.replace(/(e)/gi,'<span class="Char" onclick="PlayDing();">$1</span>');
//Insert String
document.getElementById("lettersound").innerHTML=letterstring;
// Audio Function
function PlayDing(){
  audioletter.pause();
  audioletter.play();
  audioletter.currentTime = 0;
}

 

/* Αρχείο test1css */
.Char:Hover{text-decoration:underline;cursor:pointer;}

Όταν χρήστης πάει με το mouse απάνω στο γράμμα το e του εμφανίζει το underline και όταν κάνει κλικ θα ακούσει τον ήχο του γράμματος.

Τρίτον, το πρόβλημα μου είναι ότι, όταν το τρέχω στο mac (firefox, chrome) δεν μου εμφανίζει το underline όταν πάω με το Mouse απάνω στο γράμμα. Μπορείτε σας παρακαλώ να με βοηθήσετε;

 

Ευχαριστώ

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.


×