drop down list

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

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

Απάντηση
nikos()
Δημοσιεύσεις: 10
Εγγραφή: 15 Δεκ 2005 11:46
Τοποθεσία: underground

drop down list

Δημοσίευση από nikos() » 11 Απρ 2006 16:56

kalispera!
exw mia drop down list kai ena button k prospathw analogws pio einai selected kathe fora, na patisw to button k na mou anoiksei tin analogi selida(_parent). Diladi

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<p>Please select the country you 're interested:</p>
</td>
<td>
<p>
<select name="country">
<option value="Canada" selected="selected">Canada</option>
<option value="USA">USA</option>
<option value="Greece">Greece</option>
</select>
</p>
</td>
</tr>
<tr>
<td>
</td>
<td>
<p><input type="button" name="submit" value=" Go " onClick="country()">
</p>
</td>
</tr>
</table>

gia paradeigma thelw na epileksw "Canada" k otan patisw "go!" na mou anoiksei to "canada.html" sto idio window.poia function tha xrisimopoihsw?
eyxaristw!!!!
Peace bro...

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

drop down list

Δημοσίευση από skeftomilos » 12 Απρ 2006 01:40

Κατ' αρχήν πρέπει να βρίσκονται όλα αυτά μέσα σε μια φόρμα. Διαφορετικά δεν είναι δυνατός ο εντοπισμός του στοιχείου με το όνομα country.

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

<form>
  ...
</form>
Μετά μπορείς να βάλεις τον παρακάτω κώδικα μέσα στο onclick:

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

onclick="location.href = this.form&#91;'country'&#93;.value + '.html'"
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
milianos
Δημοσιεύσεις: 269
Εγγραφή: 11 Νοέμ 2004 01:39
Τοποθεσία: schwabenland
Επικοινωνία:

drop down list

Δημοσίευση από milianos » 12 Απρ 2006 10:48

nikos() έγραψε:...otan patisw "go!" na mou anoiksei to "canada.html" sto idio window...
Σ'αυτή την περίπτωση θα ήταν ίσως πιό Comfortable εαν χρησιμοποιούσες Frames.
Εδω έχω ενα παράδειγμα για να δείς τι εννοώ φυσικά.
Σώσε μέσα σε έναν φάκελο τα δύο παρακάτω αρχεία ως index.htm και ως lista2.htm και μετά τρέξε το index.htm.

index.htm

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

<html>
<head>
<title>Κατάλογος διαφόρων πόλεων με δυνατότητα επιλογής</title>
</head>
<frameset rows="40,*" border="0" frameborder="0" framespacing="0">
 <frame src="lista2.htm" name="pano" marginheight="3" marginwidth="10">
 <frame src="http&#58;//www.tsamantas.com/" name="kato" scrolling="auto">
</frameset>
</html>
lista2.htm

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

<html>

<head>
<title>Κατάλογος</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1253">
<meta http-equiv="Content-Language" content="el">
<script type="text/javascript">
function Go &#40;select&#41; &#123;
  var wert = select.options&#91;select.options.selectedIndex&#93;.value;
  if &#40;wert == "keno"&#41; &#123;
    select.form.reset&#40;&#41;;
    parent.frames&#91;"kato"&#93;.focus&#40;&#41;;
    return;
  &#125; else &#123;
    if &#40;wert == "ende"&#41; &#123;
      top.location.href = parent.frames.location.href;
    &#125; else &#123;
      parent.frames&#91;"kato"&#93;.location.href = wert;
      select.form.reset&#40;&#41;;
      parent.frames&#91;"kato"&#93;.focus&#40;&#41;;
    &#125;
  &#125;
&#125;
</script>
<style type="text/css">
body &#123; color&#58;#000000; background-color&#58;#EEEEEE; &#125;
select &#123; width&#58;250px; background-color&#58;#FFFFE0; font-size&#58;12px; font-family&#58;Verdana,Arial,sans-serif; &#125;
</style>
</head>

<body>

<form action>
	<p><select size="1" name="epilogi" onchange="Go&#40;this&#41;" width="250">
	<option value="keno" selected="selected">Παρακαλώ επιλέξτε μια πόλη</option>
	<option value="keno">------------------------</option>
	<option value="http&#58;//www.tsamantas.com/">Αρχική σελίδα</option>
	<option value="keno">------------------------</option>
	<option value="http&#58;//www.ioannina.gr/">Ιωάννινα</option>
	<option value="http&#58;//www.3kala.gr/main/index.asp">Τρίκαλα</option>
	<option value="http&#58;//www.larissacity.com/">Λάρισα</option>
	<option value="http&#58;//www.kozani.gr/">Κοζάνη</option>
	<option value="http&#58;//www.nafpaktos.gr/html/">Ναύπακτος</option>
	<option value="http&#58;//www.heraklion-city.gr/">Ηράκλειο</option>
	<option value="http&#58;//patras2006.gr/">Πάτρα</option>
	<option value="http&#58;//www.kavalanet.gr/">Καβάλα</option>
	<option value="keno">------------------------</option>
	<option value="ende">Τέλος Αναζήτησης</option>
	</select></p>
</form>

</body>

</html>
Παράδειγμα Online

nikos()
Δημοσιεύσεις: 10
Εγγραφή: 15 Δεκ 2005 11:46
Τοποθεσία: underground

drop down list

Δημοσίευση από nikos() » 12 Απρ 2006 11:59

Ευχαριστώ skeftomile.Αν κ με δυσκόλεψε λίγο ο κώδικας μεσα στο onclick (επειδή τα paths ήταν σε διαφορετικούς φακέλους το διορθωσα.) :victory:
Ευχαριστώ κ σένα miliano αλλά τα frames λυνουν μερικά προβλήματα κ δημιουργούν άλλα... :crash:
(απ τον Τσαμαντά είσαι ρε πατρίδα;Λεπτοκαρυά Θεσπρωτίας)
Peace bro...

Απάντηση

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

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

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