Tooltip και title="" στο href!

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Tooltip και title="" στο href!

Δημοσίευση από patriot » 09 Δεκ 2005 13:40

Δεν έχω ιδέα από js (κλαψ!!) και έτσι θα αναγκαστώ να κλέψω λίγες από τις γνώσεις οποιούδηποτε σκεφτεί να μου τις δανείσει. (Ποιος θα ειναι άραγε; :P Thank you all anyway! :victory: )

Ξεκινάω:
Σκέφτομαι να βάλω μέσα σε ένα image -το οποίο θα είναι και link- την συμπληρωματική εντολή title="".

Το πρόβλημα μου είναι ότι συνήθως το title είναι από 1-2 έως το πολύ 3-4 λεξούλες γιατί οι όροι είναι στα αγγλικά μιας και εγώ συνήθως είμαι στο αγγλικό internet όχι στο ελληνικό. Παράδειγμα γράφουν ένα "Back" και ξεμπερδέψανε. Επειδή εγώ όμως θέλω να βάλω ελληνικές μεταφράσεις στην σελίδα μου, (π.χ "Επιστροφή στην αρχική σελίδα") το κειμενάκι που φανερώνεται με το που γίνεται onMouseΟver έχει μερικά προβλήματα από browser σε browser αφού είναι πολύ μεγαλύτερο και έχει άλλες ανάγκες χωρητικότητας. Τι γίνεται αν αντί για το πολύ 4 λεξούλες είναι γύρω στις 2-3 γραμμές δηλ τεράστιο;

Στον ie φαίνονται όλα κανονικά (πώς το έπαθε; :o ). Το κουτάκι που εμφανίζεται το κείμενο είναι 300px μήκος, επί όσο πλάτος πάει το κείμενο. Όταν δηλ τελειώνει η γραμμή (στο 300οστο pixel) πάει στην αποκάτω και συνεχίζεται εκεί κανονικά.

Στους mozilla/firefox όμως όταν φτάνει στο 300οστο pixel τελειώνει εκεί και ... τέρμα!! Δεν φαίνεται το υπόλοιπο.

Όσο για την opera αν και φαίνεται ολόκληρο φαίνεται άσχημο (μην ρωτήσετε γιατί.. μεγάλη ιστορία!!! Πάντως είναι μπερδεμένο!)

Σκέφτηκα λοιπόν να βάλω ένα javascript tooltip. Τι γίνεται όμως αν ο χρήστης έχει απενεργοποιημένη την javascript στον browser του; Σκέφτηκα τότε ας υπάρχει το title="" έστω και μισό/στραβό/κουτσό (ε, θα κάνω και εγώ ότι μπορώ για να φαίνεται ολόκληρο).

Σε μερικούς browsers όμως με το που θα γίνεται onMouseOver θα εμφανίζονται και τα δύο. Πώς μπορώ να κάνω να εμφανίζεται μόνο ένα ή μόνο το άλλο αναλόγως με την περίπτωση; Υπάρχει κάτι που να λέει:
if η javascript είναι ενεργοποιημένη then show tooltip,
else show title στο ίδιο img φυσικά....
Εε;;
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

Άβαταρ μέλους
RADICAL
Δημοσιεύσεις: 386
Εγγραφή: 14 Ιούλ 2004 01:07
Τοποθεσία: Athens
Επικοινωνία:

Tooltip και title="" στο href!

Δημοσίευση από RADICAL » 09 Δεκ 2005 17:21

Δεν ξέρω αν μπορώ να σε βοηθήσω ακριβώς σε αυτό που ρωτάς
πάντως ένα πολύ καλο tooltip script μπορείς να βρείς εδώ:

http://www.bosrup.com/web/overlib/
Εικόνα

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Tooltip και title="" στο href!

Δημοσίευση από patriot » 09 Δεκ 2005 19:16

Ναι το ξέρω το συγκεκριμένο tooltip (από το DD!) και αυτό σκόπευα να βάλω αλλά επειδή έχω αυτό το πρόβλημα κάθε φορά θέλω μια λύση πάνω σε αυτό ειδικά. Άσε δε που έχω περιέργεια να δω πως/αν γίνεται.

ΥΓ: Αναρωτιέμαι αν είναι καιρός να μάθω javascript τελικά... Κανένα καλό βιβλίο άραγε ξέρει κανείς;; (Από χαρτί όχι online :P )
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Tooltip και title="" στο href!

Δημοσίευση από skeftomilos » 10 Δεκ 2005 16:49

Αν μένεις Αθήνα σου συνιστώ τη δανειστική βιβλιοθήκη του Ιδρύματος Ευγενίδου. Έχει αρκετά βιβλία για JavaScript.

Ίδρυμα Ευγενίδου, Λ.Συγγρού 387, Δευ-Τρι-Τετ-Πεμ 8:30-20:00, Παρ 8:30-15:00, Σαβ 8:30-14:00. :reading:

Όμως έχει υπόψη ότι η JavaScript ως φιλοσοφία και πρακτική έχει αλλάξει άρδην τον τρέχον έτος, με αποτέλεσμα ακόμα και βιβλία του 2004 να θεωρούνται πλέον ξεπερασμένα. Αν βέβαια ενδιαφέρεσαι κυρίως για rollover effects, sliding menus και άλλα τέτοια gadgetάκια, τότε όλα τα βιβλία είναι OK. :)

Σχετικά με τα υπερτροφικά image-tips, η προσωπική μου γνώμη είναι ότι περισσότερο βλάπτουν παρά βοηθούν. Βρίσκω δύσκολο να διαβάζω πολύ κείμενο προσέχοντας ταυτόχρονα να κρατάω ακίνητο το mouse. Νομίζω ότι τέτοιου είδους πληροφορίες καλό είναι να βρίσκονται μόνιμα ορατές κάτω από τις εικόνες, έστω και με μικρά γράμματα.
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Tooltip και title="" στο href!

Δημοσίευση από patriot » 10 Δεκ 2005 22:25

skeftomilos έγραψε:Αν μένεις Αθήνα....
Ευχαριστώ θα το κοιτάξω. :wink:
Όμως έχει υπόψη ότι η JavaScript ως φιλοσοφία και πρακτική έχει αλλάξει άρδην τον τρέχον έτος
Πόσο πολύ δηλ; :o Αν π.χ πριν ήταν "1" τώρα θα είναι "10" ή "2";;
Αν βέβαια ενδιαφέρεσαι κυρίως για rollover effects, sliding menus και άλλα τέτοια gadgetάκια, τότε όλα τα βιβλία είναι OK. :)
Βασικά αυτό ήθελα αλλά επειδή ήμουν πάντα της λογικής να τα μαθαινεις όλα σωστά και από την αρχή λέω να ξεκινήσω από την αρχή-αρχή. Έχω μια απορία όμως. Εσύ που ξέρεις js πως θα έκρινες; Τι θα ήθελες να μάθεις πρώτα, αν ήξερες τότε (όταν ξεκίνησες) όσα ξέρεις σήμερα;
Σχετικά με τα υπερτροφικά image-tips,
Αυτό με ενοχλεί και εμένα... Ότι δεν είναι τόσο υπερτροφικά για να έχουν αυτό το πρόβλημα και όμως το έχουν!!!
Βρίσκω δύσκολο να διαβάζω πολύ κείμενο προσέχοντας ταυτόχρονα να κρατάω ακίνητο το mouse.
Βασικά σκεφτόμουν να βγαίνει είτε με onMouseOver είτε με onClick (σύμφωνα με την περίπτωση) απο κάτω σε ένα ειδικό πλαίσιο ειδικά για αυτό τον σκοπό αλλά να μένει sticky και να κλείνει με ένα click.
Νομίζω ότι τέτοιου είδους πληροφορίες καλό είναι να βρίσκονται μόνιμα ορατές κάτω από τις εικόνες, έστω και με μικρά γράμματα.
Αυτό εννοώ ποιο πάνω! :wink:
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Tooltip και title="" στο href!

Δημοσίευση από skeftomilos » 11 Δεκ 2005 02:15

Όταν άρχισα να μαθαίνω JavaScript θυμάμαι ήταν λίγο μπέρδεμα να ξεχωρίσω πού τελειώνει η γλώσσα και πού αρχίζει το Object Model του browser. Τα περισσότερα βιβλία - αν όχι όλα - προσπαθούν να διδάξουν από την αρχή χρήσιμα και ενδιαφέροντα πράγματα, δηλαδή alert, onclick, onmouseover κ.λπ. Όμως αυτά δεν είναι JavaScript, είναι το DOM! Νομίζω ότι θα προτιμούσα ένα βιβλίο - αν υπήρχε - που να κάνει αυτή τη διάκριση ξεκάθαρη από την αρχή, και να ξεκινά από τον πυρήνα της JavaScript. Όμως ο πυρήνας της JavaScript είναι η σύνταξη, οι μεταβλητές, οι δομές ελέγχου κ.λπ. και τίποτα από εμφάνιση και κόλπα, άρα ίσως είναι κάπως πληκτικό για αρχή! :)

Σχετικά με την εξέλιξη της γλώσσας τον τελευταίο χρόνο, θα έλεγα πήγε από το 1 στο 2. Βασικά δεν έχουν πάψει να ισχύουν τα παλιά κόλπα, απλά σήμερα θεωρούνται κακής ποιότητας. Για να χαρακτηριστεί καλογραμμένο ένα σημερινό script πρέπει να πληρεί ουκ ολίγες προϋποθέσεις. Συνοπτικά: Unobrtusive, cross-browser, capabilities-detection, αρμονική συνύπαρξη με άλλα scripts, διαχωρισμός content-presentation-behaviour κ.ά. Επιπλέον υπάρχει και το νέο κεφάλαιο AJAX. Τίποτα απ' όλα αυτά δεν υπάρχει στα παλιά βιβλία.

Για τα tool-tips μπορείς να δεις ένα απλό demo: Live Demo
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 3 επισκέπτες