ΑΡΧΙΚΗ ΚΑΤΑΣΚΕΥΗ Bloggs ΚΩΔΙΚΑΣ html JavaScript ΕΙΣΑΓΩΓΗ ManiacΑΝΑΛΥΣΗ Site ΕΙΔΗΣΕΩΝ GadgetManiac ΓΕΝΙΚΑ

Σάββατο, 19 Ιανουαρίου 2013

ΕΝΣΩΜΑΤΩΣΗ ΠΡΟΣΩΠΙΚΩΝ ΣΤΟΙΧΕΙΩΝ ΧΡΗΣΤΩΝ ΣΕ ΕΝΑ ΣΑΙΤ




   Ποιο κάτω παρουσιάζω τον κώδικα, ενός αρχείου εισαγωγής στοιχείων(Input), που τον τοποθετώ μέσα σαιτ μου σαν Gadget.

 Πάμε : Σύνδεση- Πρότυπο- Διάταξη- Προσθήκη gadget- HTML javaScript- επικολλώ τον πιο κάτω κώδικα :

<HEAD>
<TITLE>Input</TITLE>
<SCRIPT>
<!-- hide script
function sayHello(form)
{
parent.output.document.open();
parent.output.document.open();
var gt = unescape("%3E");
parent.output.document.write("<HTML" + gt);
parent.output.document.write("<BODY BGCOLOR='??4???' TEXT='FFFFFF'" + gt);
parent.output.document.write("Hello " + form.firstName.value + " " +
form.middleName.value + " " + form.lastName.value);
parent.output.document.write("</BODY" + gt);
parent.output.document.write("</HTML" + gt);
parent.output.document.close();
}
// -->
</SCRIPT>
</HEAD>
<BODY BGCOLOR="??4???" TEXT="FFFFFF">
<FORM NAME="form">
<INPUT TYPE=TEXT SIZE=14? NAME="firstName"> ΚΥΡΙΟ ΟΝΟΜΑ
<BR>
<INPUT TYPE=TEXT SIZE=14? NAME="middleName"> ΕΠΙΘΕΤΟ
<BR>
<INPUT TYPE=TEXT SIZE=14? NAME="lastName"> ΨΕΥΔΩΝΙΜΟ
<BR>
<INPUT TYPE=BUTTON VALUE="ΑΠΟΘΗΚΕΥΣΗ"
ONCLICK="sayHello(this.form)">
</FORM>
</BODY>
</HTML>


Το input.htm δημιουργεί μια φόρμα μέσα στην οποία μπορείτε να γράψετε το μικρό όνομα το ψευδώνυμο και το επίθετο. Αφού ολοκληρωθεί η διαδικασία εισαγωγής κλικάρετε πάνω στο κουμπί με την επιγραφή "ΑΠΟΘΗΚΕΥΣΗ" και η συνάρτηση "Say Hello" της JavaScript καλείται με μια αναφορά για τη φόρμα σαν παράμετρο. Η συνάρτηση "Say Hello " ανοίγει το έγγραφο στο παραγόμενο στην έξοδο - αυτό που φαίνεται εξωτερικά-πλαίσιο δημιουργεί και εμφανίζει μια σελίδα σ' αυτό το πλαίσιο. Χρησιμοποιεί τη φόρμα για να πάρει τα ονόματα που έχουμε εισάγει και να τα ενσωματώσει μέσα στη νέα σελίδα. Η υλοποίηση της συγκεκριμένης εργασίας χωρίς την JavaScript θα απαιτούσε την σύνταξη ενός προγράμματος που θα έτρεχε σ' έναν εξυπηρετητή (server) μια αρκετά πιο δύσκολη εργασία από το τοποθετήσετε μαζί αυτά τα μικρά κομμάτια της JavaScript.

  

<HTML>
<BODY BGCOLOR="??4???" TEXT="FFFFFF">
</BODY>
</HTML>


Αυτός ο πιο πάνω κώδικας κάνει το φόντο του κάθε πλαισίου να ταιριάζει με τον φόντο άλλων πλαισίων.
   Κάνω προεπισκόπιση και τέλος αποθήκευση.

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.