Προς το περιεχόμενο

Tex-transorm:uppercase και τονοι

snik

Από τον snik
στο Web Design - Development

 Share

Προτεινόμενες αναρτήσεις

snik Grand Master

snik

Δημοσ.
Δημοσ.

Παιδια αντιμετωπιζω το εξης προβλημα. Εχω τον τιτλο ενος post, στην αρχικη σελιδα το εχω μεσα σε h2 και με το Tex-transorm:uppercase στο css το κανω να εμφανιζεται κεφαλαια. Επειδη κανονικα εμφανιζει τονους βρηκα το εξης jquery script οπου τους βγαζει.

 

>jQuery(document).ready(function() {

   // Remove tonous from uppercase
   jQuery("h2").each(function() {
       jQuery(this).html(jQuery(this).html().replace(/[ά]/g,"α"));
       jQuery(this).html(jQuery(this).html().replace(/[έ]/g,"ε"));
       jQuery(this).html(jQuery(this).html().replace(/[ή]/g,"η"));
       jQuery(this).html(jQuery(this).html().replace(/[ύ]/g,"υ"));
       jQuery(this).html(jQuery(this).html().replace(/[ώ]/g,"ω"));
       jQuery(this).html(jQuery(this).html().replace(/[ί]/g,"ι"));
       jQuery(this).html(jQuery(this).html().replace(/[ό]/g,"ο"));
   });

});

 

Στην σελιδα του post τον τιτλο τον εχω παλι σε h2 αλλα εχω προσθεσει και κλαση, γινεται με καποιο τροπο να του ορισω να μην εφαρμοζεται στην κλαση αυτη γιατι εκει ο τιτλος μου ειναι με μικρα και θελω να εχω τονους. Ξερω οτι υπαρχει η λυση να του αλλαξω το heading αλλα στην συγκεκριμενη περιπτωση δεν με βολευει.

Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες
snik Grand Master

snik

Δημοσ.
  • Μέλος
Δημοσ.

Καταρχην σε ευχαριστω αλλα μπορω με καποιον τροπο να επιλεξω μονο αυτην την κλαση; Γιατι μονο σε μια θελω να εφαρμοσω αυτον τον κωδικα...

Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες
aghahowa Proficient

aghahowa

Δημοσ.
Δημοσ. 
>jQuery(document).ready(function() {

   // Remove tonous from uppercase
   jQuery(".class-name").each(function() {
       jQuery(this).html(jQuery(this).html().replace(/[ά]/g,"α"));
       jQuery(this).html(jQuery(this).html().replace(/[έ]/g,"ε"));
       jQuery(this).html(jQuery(this).html().replace(/[ή]/g,"η"));
       jQuery(this).html(jQuery(this).html().replace(/[ύ]/g,"υ"));
       jQuery(this).html(jQuery(this).html().replace(/[ώ]/g,"ω"));
       jQuery(this).html(jQuery(this).html().replace(/[ί]/g,"ι"));
       jQuery(this).html(jQuery(this).html().replace(/[ό]/g,"ο"));
   });

});

Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες
  • 10 χρόνια αργότερα...
giannisg_ Contributor

giannisg_

Δημοσ.
Δημοσ. (επεξεργασμένο)

Να προσθέσω κάπου εδώ για τους επόμενους αναγνώστες που αντιμετωπίζουν το ίδιο πρόβλημα, πως δεν θα χρειαστεί να γράψουν κάποιο πολύπλοκο script αντικατάστασης γραμμάτων με άτονα, αν θέλουν κεφαλαία στο μενού τους.

 

Πλέον όλοι οι σύγχρονοι browsers σέβονται την ελληνική αυτόματη κεφαλαία γραφή, αρκεί να υπάρχει αντίστοιχη δήλωση στον κώδικα.

 

αν δηλαδή δηλώσετε το κείμενο ως ελληνικό:

  

lang='el'

 

σε κάποιο σημείο της html σας που περιέχει το κεφαλαιοποιημένο (sic) κείμενο που δημιουργείται από το CSS text-transform:uppercase , θα είστε ok.

 

Πχ, αν ο κώδικά σας είναι:

  

<ul>
  <li><a href="arxiki">Αρχική</a></li>
  <li><a href="bio">Βιογραφικό</a></li>
  <li><a href="contact">Επικοινωνία</a></li>
</ul>

 

Αρκεί να προσθέσετε στο <ul> που περιέχει το μενού, την δήλωση ότι το κείμενο που φιλοξενείται είναι ελληνικό:

  

<ul lang="el">
  <li><a href="arxiki">Αρχική</a></li>
  <li><a href="bio">Βιογραφικό</a></li>
  <li><a href="contact">Επικοινωνία</a></li>
</ul>

 

Εναλλακτικά, μπορείτε να το βάλετε ως δήλωση σε όλο το περιεχόμενο. Βρείτε το <body> που θα είναι στην σελίδα σας (πρέπει να υπάρχει μόνο ένα) και αλλάξτε το ως εξής: 

<body lang='el'>

 

Ακόμα και αν έχει άλλα στοιχεία, όπως class, id κλπ, μην σας ανησυχεί. Απλώς προσθέστε το lang='el' και ολόκληρη η σελίδας σας θα αντιμετωπίζεται πλέον ως περιέχουσα ελληνικό περιεχόμενο.

 

Καλή συνέχεια!

Επεξ/σία από giannisg_
  • Thanks 1
Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!

Δημιουργία νέου λογαριασμού

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
 Share
Προς την λίστα θεμάτων
  • Δημιουργία νέου...