Ορίστε κάποια πράγματα για τα Links σας!

[Anastasis 48]

 

Ο Filter είχε βγάλει παλιότερα ένα βοήθημα το οποίο είχε την ονομασία: Ορίστε κάποια πράγματα στο link για το email ! Έτσι τώρα εγώ σας παρουσιάζω ένα νέο βοήθημα το οποίο σας αναφέρει πώς να ορίσετε κάποια πράγματα για τα link της σελίδα σας.


Λοιπόν ένα απλό link σε μία σελίδα θα είναι κάπως έτσι:

 

κώδικας:

<a href="http://www.freestuff.gr">Freestuff.gr</a>

Όπου στον κώδικα μας όπου βλέπουμε το href= είναι η περιοχή στην οποία θέλουμε να πηγαίνει το link μας και εκεί που υπάρχει το Freestuff.gr βάζουμε το όνομα που θέλουμε να έχει ο δεσμός μας.

Όταν τώρα θέλουμε να ανοίγει η σελίδα που έχουμε βάλει στο link μας σε νέο παράθυρο τότε βάζουμε:

κώδικας:

<a href="http://www.freestuff.gr" target="_blank" >Freestuff.gr</a>

Προσθέτουμε δηλαδή το κομμάτι target="_blank" λέμε δηλαδή να ανοίξει τον δεσμό μας σε νέο άδειο παράθυρο προσθέτοντας μέσα τα περιεχόμενά του.

Τι γίνετε τώρα εάν έχουμε κάποιο iframe στην σελίδα μας και θέλουμε το link μας να ανοίγει το περιεχόμενο μέσα στο frame μας;
Ας υποθέσουμε πως ο κώδικας στο iframe μας είναι ο εξής:

κώδικας:

<IFRAME name=main src="main.html" frameBorder=0 width="100%" height=339></IFRAME>

Βλέπουμε πως έχουμε ορίσει το όνομα του iframe σε main. Οπότε το Link μας θα έχει την εξής μορφή:

κώδικας:

<A href="main.html" target="main">Περιεχόμενο</a>

Επίσης ίσως θα θέλετε να περάσετε κάποιο style στο link σας έτσι ώστε να μην παίρνει την αρχική μορφή του. Έτσι ο κώδικας μας είναι ο εξής:

κώδικας:

<a href="http://www.freestuff.gr" target="_blank" class="Links2">Freestuff.gr</a>

Όπου class="Links2" βάζουμε το δικό μας στοιχείο μέσα από το style που έχουμε δημιουργήσει.

Πολλές φορές βλέπουμε σε κάποια links να υπάρχει το εξής περίεργο. Όταν πηγαίνεις πάνω του τότε αυτόματα στην status bar δημιουργείτε κάποιοι κείμενο. Αυτό γίνετε εάν προσθέσουμε στον κώδικα μας ένα πολύ μικρό χαρακτηριστικό:

κώδικας:

<a href="http://www.freestuff.gr" target="_blank" onMouseOver="window.status='Freestuff.gr'; return true;" onMouseOut="window.status=''; return true;">Freestuff.gr - Free Internet Services</a>

Προσθέσαμε δηλαδή το κομμάτι:

κώδικας:

onMouseOver="window.status='Freestuff.gr'; return true;" onMouseOut="window.status=''; return true;"

Τι κάνουμε τώρα με αυτό το κομμάτι. Λέμε στο link μας πως όταν ο επισκέπτης θα πάει το mouse πάνω στον δεσμό μας τότε στην Status bar γράψε Freestuff.gr (onMouseOver="window.status='Freestuff.gr'; return true;"). Μετά επιστρέψουμε της status bar στο κανονικό:
onMouseOut="window.status=''; return true;">
Εάν θέλουμε όταν πάρει το mouse πάνω από το link να γράφει κάτι άλλο τότε τον παραπάνω κώδικα τον αντικαθιστούμε με αυτό:
onMouseOut="window.status='Freestuff.gr - Ελληνικό Portal';
Όπου αντί να μην γράφει τπτ η status bar μας θα γράφει Freestuff.gr – Ελληνικό Portal

Τώρα ακόμη κάτι το οποίο μας προκαλεί περιέργεια. Έχετε παρατηρήσει πως κάποιες φορές όταν αφήσεις το link σου πάνω στον δεσμό πως ανοίγει ένα κίτρινο κουτάκι το οποίο γράφει κάποια πράγματα; Αυτό μπορείτε να το κάνετε προσθέτοντας στο link σας το εξής στοιχείο
title="Freestuff.gr – Αρχκή σελίδα"

Έτσι το link σας ολοκληρωμένο θα είναι:

κώδικας:

<a href="http://www.freestuff.gr" target="_blank" onMouseOver="window.status='Freestuff.gr'; return true;" onMouseOut="window.status=''; return true;" title="Freestuff.gr – Αρχκή σελίδα">Freestuff.gr - Free Internet Services</a>

Μπορώ να κάνω ένα κουμπί να φέρετε σαν δεσμός;

Βεβαίως με ένα πολύ απλό κομμάτι κώδικα. Θα ήταν καλή ιδέα να το κάνετε αυτό αλλά προσοχή γιατί τα κουμπιά για δεσμούς δεν θα είναι και τόσο όμορφα για την σελίδα σας. Βέβαια θα μπορούσατε να βάλετε μερικά και να προσθέσετε και κάποιο style για να τα ομορφύνετε και να μην τα έχετε με ένα απλό γρι όπως είναι τα προεπιλεγμένα κουμπιά φορμών. Ο κώδικας για να κάνετε ένα κουμπί δεσμό είναι ο εξής:

κώδικας:

<form><input type="button" value="Freestuff.gr" onClick="window.location.href='http://www.freestuff.gr'"></form>

Όπου value βάζετε το όνομα το οποίο θέλετε να έχει το κουμπί σας και όπου window.location.href βάζετε το url που θέλετε να πηγαίνει το κουμπί σας.

Θα πρέπει να αναφέρουμε και κάτι ακόμη το οποίο θα μας χρησιμεύσει αρκετά. Μπορούμε να βάλουμε link το οποίο θα πηγαίνει σε κάποιο σημείο της σελίδας μας. Αυτό που πρέπει να κάνουμε είναι να βάλουμε τα εξής στοιχεία:

κώδικας:

<a name="top"></a>

Αυτό στο σημείο το οποίο θέλουμε να πηγαίνει το εσωτερικό μας link και το link μας πρέπει να είναι κάπως έτσι:

κώδικας:

<a href="#top">Επιστροφή στην αρχή</a>

Όπου top και στα 2 κομμάτια κώδικα είναι το όνομα το οποίο θέλουμε να βάλουμε στο σημείο στο οποίο θα πηγαίνει η σελίδα μας.




Τι είδους link μπορώ να έχω;

Μπορείτε να έχετε links τα οποία εκτός από σελίδες θα μπορούν να οδηγούν και σε άλλα:
Url – http://
Ftp – ftp://
Email Someοnone – mailto:
Telnet – telnet://

Νομίζω ένα αρκετά αναλυτικό βοήθημα. Προσθέστε το σε αυτά εάν θέλετε.