Προς το περιεχόμενο

εμφάνιση πεδίων εισαγωγής ανάλογα την επιλογή απο το drop down

heavyaris

Από τον heavyaris
στο Web Design - Development

Προτεινόμενες αναρτήσεις

heavyaris Proficient

heavyaris

Δημοσ.
Δημοσ.

καλησπέρα, θα ήθελα να ρωτήσω το εξής:

σε μια φόρμα θα καταχωρούνται προιόντα, αλλά αυτά θα έχουν διαφορετικές ιδιότητες, πχ το ένα θέλει μόνο βάρος, ενώ το άλλο και διάσταση.

θα υπάρχει ένα drop down που θα επιλέγει είδος προιόντος, αλλά θέλω να γίνεται real time η εμφάνιση των έξτρα ιδιοτήτων μπρος καταχώρηση, πχ:

 

προιον 1: ιδιοτητα 1 ιδιοτητα 2 ιδιοτητα 3

προιον 2: ιδιοτητα 1 ιδιοτητα 2 ιδιοτητα 3 ιδιοτητα 4

προιον 3: ιδιοτητα 1 ιδιοτητα 2 ιδιοτητα 3 ιδιοτητα 3 ιδιοτητα 5

προιον 4: ιδιοτητα 1 ιδιοτητα 2 ιδιοτητα 3 ιδιοτητα 3 ιδιοτητα 5 ιδιοτητα 6 ιδιοτητα 7 ιδιοτητα 8 κλπ κλπ

 

πιστέυω φαίνεται άσχημα και κουράζει αυτόν που τα καταχωρεί εαν βάλω να φαίνονται απο την αρχή 10 πεδία για να καλύψω το μέγιστο και χρειάζονται για μια κατηγορία προιόντων μόνο 2-3

τι μπορώ να κάνω;

ευχαριστώ.

dewn735 Veteran

dewn735

Δημοσ.
Δημοσ.

Ή σε κάτι πιο γρήγορο και χειροπιαστό:

>
Επιλογή είδους:
<select name="repeat" id="repeat">
<option value="0" onclick="javascript:document.getElementById('repeat1').style.display='none';document.getElementById('repeat2').style.display='none';">Χωρίς επιλογές</option>
<option value="1" onclick="javascript:document.getElementById('repeat1').style.display='';document.getElementById('repeat2').style.display='none';">Επιλογές #1</option>
<option value="2" onclick="javascript:document.getElementById('repeat1').style.display='none';document.getElementById('repeat2').style.display='';">Επιλογές #2</option>
</select>
<div id="repeat1" style="display: none">
<!--Επιλογές 1ου είδους -->
<input type="text" name="text1" />
</div>
<div id="repeat2"   style="display: none">
<!--Επιλογές 2ου είδους -->
<input type="text" name="text2" />
</div>

heavyaris Proficient

heavyaris

Δημοσ.
  • Μέλος
Δημοσ.

ευχαριστώ πολύ το δοκίμασα κ είναι μια χαρα, να ρωτήσω, πώς μπορώ να το επεκτείνω λίγο ώς εξής:

σε μια φόρμα να έχω μόνιμα ένα πεδίο κειμένου με που θα λέγεται: "κωδικός πωλητή" (θα είναι καρφωμένος στον κώδικα) όταν συμπληρώνεται σωστά να εμφανίζει απο κάτω ένα checkbox, αν δεν συμπληρωθεί σωστά, να πετάει ένα msgbox και αν αφεθεί κενό, να μην εμφανίζεται το checkbox, είναι πολύ πολύπλοκο?

dewn735 Veteran

dewn735

Δημοσ.
Δημοσ.

Αν και ο "καρφωμένος" κωδικός είναι ό,τι χειρότερο (τον βλέπει ο καθένας με ένα απλό "view page source"), η λύση σου θα είναι κάπως έτσι:

><html><head><meta http-equiv="content-type" content="text/html; charset=ISO-8859-7" />
<script type="text/javascript">
function checkcode()
{
var correctcode="test123"; //Ο κωδικός πρόσβασης
var inputcode=document.getElementById("code").value;
if (inputcode.length==0)
{
	document.getElementById('checkbox').style.display='none';
	alert("Δε δώσατε κάποιον κωδικό");
}
else if (inputcode==correctcode)
{
	document.getElementById('checkbox').style.display='';
}
else
{
	document.getElementById('checkbox').style.display='none';
	alert("Δώσατε λάθος κωδικό");
}
}
</script>
</head><body>
<input type="text" name="code" id="code" />
<input type="submit" name="check" id="check" value="check" onClick="javascript:checkcode();" />
<div id="checkbox" style="display: none">
<input type="checkbox" name="text1" /> Checkbox
</div>
</body></html>

dewn735 Veteran

dewn735

Δημοσ.
Δημοσ.

Άμα είναι μόνο ένας κωδικός, δε χρειάζεται να στήσεις και ολόκληρη βάση δεδομένων! Μπορείς να "παίξεις" και με λίγη php:

><html><head><meta http-equiv="content-type" content="text/html; charset=ISO-8859-7" />
<script type="text/javascript">
function checkcode()
{
var inputcode=document.getElementById("code").value;
if (inputcode.length==0)
{
	document.getElementById('checkbox').style.display='none';
	alert("Δε δώσατε κάποιον κωδικό");
	return false;
}
}
</script>
</head><body>
<?php 
$correctcode="test123";
$correctflag=0;
if (ISSET($_POST['code']))
{
$inputcode=$_POST['code'];
if ($inputcode==$correctcode)
	$correctflag=1;
else
	$correctflag=0;
}
?>
<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" onSubmit="javascript:checkcode();">
<input type="text" name="code" id="code" />
<?php 
if ($correctflag)
	echo "<input type='checkbox' name='text1' /> Checkbox";
else
	echo "Δεν δώσατε σωστό κωδικό";?>
<input type="submit" name="check" />
</form>
</body></html>

Απαραίτητη προϋπόθεση γι' αυτό, apache+php

Αυτά βέβαια που γράφω είναι σε πολύ βασική μορφή. Πιο σωστά, θα πρέπει να τρέχεις έναν έλεγχο κάθε φορά που αλλάζει το code και να φορτώνεις αντίστοιχα το checkbox ή όχι - θα χρειαστεί σε αυτή τη περίπτωση να διαβάσεις τον σύνδεσμο που σου έδωσε παραπάνω ο uberalles

Αρχειοθετημένο

Αυτό το θέμα έχει αρχειοθετηθεί και είναι κλειστό για περαιτέρω απαντήσεις.

Προς την λίστα θεμάτων
  • Δημιουργία νέου...