Που είναι το λάθος ??

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

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

Απάντηση
kosmas
Δημοσιεύσεις: 75
Εγγραφή: 16 Ιουν 2007 17:01

Που είναι το λάθος ??

Δημοσίευση από kosmas » 16 Σεπ 2007 16:18

Έφτιαξα ένα script που επιλέγει αντικείμενα html και κατόπιν αλλάζει το χρώμα τους κάπου όμως έχω κάνει λάθος... Μπορείτε να με βοηθήσετε ???

Κώδικας: Επιλογή όλων

<html>

<head>

<title> css1 </title>

<script language="javascript" type="text/javascript" src="styles.js"> 
</script>

</head>

<body>

<h3 id="head1"> Επικεφαλίδα </h3>

<p id="p1"> Παράγραφος </p>

<form name="form1">

<select name="objects" onChange="change&#40;&#41;;">

<option value="p1"> p </option>
<option value="head1"> h3 </option>

</select>

</form>

<form name="form2">

<select name="colors" onChange="changecolor&#40;&#41;;">

<option value="black"> black </option>
<option value="red"> red </option>
<option value="blue"> blue </option>
<option value="green"> green </option>
<option value="yellow"> yellow </option>

</select>

</form>

</body> 

Κώδικας: Επιλογή όλων

function change&#40;&#41; &#123;
i = document.form1.objects.selectedIndex;
choise1 = document.form1.objects.options&#91;i&#93;.value;
&#125;

function changecolor&#40;&#41; &#123;
i = document.form2.colors.selectedIndex;
choise2 = document.form2.colors.options&#91;i&#93;.value;
document.getElementById&#40;"choise1"&#41;.style.color = choise2;
&#125;

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

Που είναι το λάθος ??

Δημοσίευση από skeftomilos » 17 Σεπ 2007 01:24

Κώδικας: Επιλογή όλων

var change = changecolor = function&#40;&#41; &#123;
  document.getElementById&#40;document.forms&#91;'form1'&#93;.elements&#91;'objects'&#93;.value&#41;.style.color = document.forms&#91;'form2'&#93;.elements&#91;'colors'&#93;.value;
&#125;
Παρατηρήσεις:
- Δε χρειάζονται δύο χωριστές φόρμες.
- Δε χρειάζεται καν φόρμα αν δεν πρόκειται να γίνει get ή post request.
- Τα στοιχεία <select> έχουν ιδιότητα value, που είναι πιο άμεση από την selectedIndex κ.λπ.
- Το document.form1 δουλεύει μόνο στον IE.
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

kosmas
Δημοσιεύσεις: 75
Εγγραφή: 16 Ιουν 2007 17:01

Που είναι το λάθος ??

Δημοσίευση από kosmas » 17 Σεπ 2007 02:31

Eυχαριστώ πολύ ...!

Κάποιες ερωτήσεις μόνο...

1) Τι εννοείς ότι δεν χρειάζονται καν φόρμες για κάτι ανάλογο ?
2) Σε μία φόρμα πως θα άλλαζα και το αντικείμενο και το χρώμα ?
3) Στο βίβλιο που διαβάζω για τη js (το συγκεκριμένο το είχε σαν άσκηση) δεν είδα πουθενά τον τρόπο document.forms['form1']... κοκ.

Και πάλι ευχαριστώ,
Κοσμάς!

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

Που είναι το λάθος ??

Δημοσίευση από skeftomilos » 17 Σεπ 2007 11:02

Μπορούν να υπάρχουν δύο <select> σε μία φόρμα:

Κώδικας: Επιλογή όλων

<form>
  <select name="s1">...</select>
  <select name="s2">...</select>
</form>
Αλλά αν δε θέλεις να στείλεις data στον server αλλά μόνο client-side functionality, μπορείς να έχεις τα select χύμα στη σελίδα, να τους βάλεις ένα id, και να αναφέρεσαι σε αυτά με document.getElementById.

Το βιβλίο που διαβάζεις μάλλον είναι παρωχημένο. :-) Ποιο έτος έχει εκδοθεί;
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

kosmas
Δημοσιεύσεις: 75
Εγγραφή: 16 Ιουν 2007 17:01

Που είναι το λάθος ??

Δημοσίευση από kosmas » 17 Σεπ 2007 11:51

Του 2007 είναι το βιβλίο "Μάθετε τη javascript σε 24 ώρες" αλλά 4η έκδοση ... Έχεις να μου προτείνεις κάτι για να χτίσω πάνω σε αυτό που ήδη διαβάζω ?
Κατάλαβα αυτό που έλεγες για τα forms. Και πάλι ευχαριστώ !

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

Που είναι το λάθος ??

Δημοσίευση από skeftomilos » 17 Σεπ 2007 12:04

Θα πρότεινα να ρίξεις καμιά ματιά στο Amazon για DOM Scripting, ή στο Google για DOM Scripting Book
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Απάντηση

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

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

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