disabling form elements

Σε αυτή την περιοχή μπορείτε να βρείτε ή να αναζητήσετε πληροφορίες σχετικές με την PHP

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

Απάντηση
Άβαταρ μέλους
Khronos
Δημοσιεύσεις: 754
Εγγραφή: 11 Δεκ 2006 14:43
Τοποθεσία: Ηράκλειο

disabling form elements

Δημοσίευση από Khronos » 03 Ιούλ 2007 14:12

Γεια σας!
Αυτο που θέλω να κάνω δεν ξέρω αν γίνεται με php ή javascript.
Εχω αυτή τη φόρμα

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

<form action="#" method="post">

<table width="400px" border="0" cellpadding="3" cellspacing="0" class="contact">

	<tr>
		<td align="right"><i>Όλες οι κατοικίες</i></td>
		<td><input type="radio" name="radio" checked="checked" /></td>
	</tr>
	<tr>
		<td colspan="2"><hr width="300" /></td>
	</tr>
	<tr>
		<td align="right"><i>Αναζήτηση με κριτήρια</i></td>
		<td><input type="radio" name="radio" /></td>
	</tr>

	<tr>
		<td align="right">Κατηγορία</td>
		<td><select name="category">
				<option value="Μονοκατοικία">Μονοκατοικία</option>
				<option value="Διόροφο">Διόροφο</option>
			</select>
        </td>
	</tr>
	<tr>
		<td align="right">Αριθμός Δωματίων</td>
		<td><select name="numrooms">
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
			</select>
		</td>
	</tr>
	<tr>
		<td align="right">Θέα</td>
		<td><select name="view">
				<option value="Θάλασσα">Θάλασσα</option>
				<option value="Βουνό">Βουνό</option>
				<option value="Πάρκο">Πάρκο</option>
				<option value="Λίμνη">Λίμνη</option>
			</select>
		</td>
	</tr>
	<tr>
		<td align="right">Ένοικος</td>
		<td>
			<input type="text" name="owner" />
		</td>
	</tr>
	
	<tr>
		<td align="right">Διαθεσιμότητα</td>
		<td><select name="availiability">
				<option value="Ναί">Ναί</option>
				<option value="Οχι">Οχι</option>
				<option value="Και τα δύο">Και τα δύο</option>
			</select>
		</td>
	</tr>
	<tr>
		<td align="right">Περιοχή</td>
		<td><select name="perioxi">
				<option value="Ολες">Ολες</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
			</select>
		</td>
	</tr>
	<tr>
		<td colspan="2">
                     <input type="submit" name="submit" value="Αναζήτηση"  />
               </td>
	</tr>
</table>
</form>
Πως γίνεται οταν είναι ενεργοποιημένο το πρώτο radio button, να απενεργοποιούνται όλα
τα υπόλοιπα στοιχεία της φόρμας?(εκτος το button βεβαια)

Ευχαριστώ

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6228
Εγγραφή: 30 Νοέμ 2004 03:09

disabling form elements

Δημοσίευση από fafos » 03 Ιούλ 2007 21:52

gia dokimase auto:

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

<script type="text/javascript">

if&#40; document.getElementById &#41; &#123;
getElemById = function&#40; id &#41; &#123;
return document.getElementById&#40; id &#41;;
&#125;
&#125; else if&#40; document.all &#41; &#123;
getElemById = function&#40; id &#41; &#123;
return document.all&#91; id &#93;;
&#125;
&#125; else if&#40; document.layers &#41; &#123;
getElemById = function&#40; id &#41; &#123;
return document.layers&#91; id &#93;;
&#125;
&#125;

function showhide&#40; el, id&#41; &#123;
if &#40; el && el.style &#41; &#123;
getElemById&#40; id &#41;.style.display = &#40;el.checked&#41;? 'none' &#58; '';
&#125;
&#125;

</script>


<form action="#" method="post"> 

<table width="400px" border="0" cellpadding="3" cellspacing="0" class="contact"> 

   <tr> 
      <td align="right"><i>Όλες οι κατοικίες</i></td> 
      <td><input type="radio" name="yesno"  onclick="showhide&#40;this, 'dn'&#41;;" /></td> 
   </tr> 
   <tr> 
      <td colspan="2"><hr width="300" /></td> 
   </tr>
</table>
<div id="dn" class="noshow">
 <table width="400px" border="0" cellpadding="3" cellspacing="0" class="contact"> 

   <tr> 
      <td align="right"><i>Αναζήτηση με κριτήρια</i></td> 
      <td><input type="radio" name="radio" /></td> 
   </tr> 

   <tr> 
      <td align="right">Κατηγορία</td> 
      <td><select name="category"> 
            <option value="Μονοκατοικία">Μονοκατοικία</option> 
            <option value="Διόροφο">Διόροφο</option> 
         </select> 
        </td> 
   </tr> 
   <tr> 
      <td align="right">Αριθμός Δωματίων</td> 
      <td><select name="numrooms"> 
            <option value="3">3</option> 
            <option value="4">4</option> 
            <option value="5">5</option> 
            <option value="6">6</option> 
            <option value="7">7</option> 
            <option value="8">8</option> 
         </select> 
      </td> 
   </tr> 
   <tr> 
      <td align="right">Θέα</td> 
      <td><select name="view"> 
            <option value="Θάλασσα">Θάλασσα</option> 
            <option value="Βουνό">Βουνό</option> 
            <option value="Πάρκο">Πάρκο</option> 
            <option value="Λίμνη">Λίμνη</option> 
         </select> 
      </td> 
   </tr> 
   <tr> 
      <td align="right">Ένοικος</td> 
      <td> 
         <input type="text" name="owner" /> 
      </td> 
   </tr> 
    
   <tr> 
      <td align="right">Διαθεσιμότητα</td> 
      <td><select name="availiability"> 
            <option value="Ναί">Ναί</option> 
            <option value="Οχι">Οχι</option> 
            <option value="Και τα δύο">Και τα δύο</option> 
         </select> 
      </td> 
   </tr> 
   <tr> 
      <td align="right">Περιοχή</td> 
      <td><select name="perioxi"> 
            <option value="Ολες">Ολες</option> 
            <option value="1">1</option> 
            <option value="2">2</option> 
            <option value="3">3</option> 
            <option value="4">4</option> 
         </select> 
      </td> 
   </tr>
</table> 
</div> 
<table width="400px" border="0" cellpadding="3" cellspacing="0" class="contact"> 
   <tr> 
      <td colspan="2"> 
                     <input type="submit" name="submit" value="Αναζήτηση"  /> 
               </td> 
   </tr> 
</table> 
</form>
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
Khronos
Δημοσιεύσεις: 754
Εγγραφή: 11 Δεκ 2006 14:43
Τοποθεσία: Ηράκλειο

disabling form elements

Δημοσίευση από Khronos » 04 Ιούλ 2007 12:36

Ο τρόπος που έγραψες "κρύβει" τα στοιχεία της φόρμας.
Εγω θέλω να τα κάνει disabled. Το έκανα κάπως έτσι και
δουλεύει.

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

<tr>
		<td align="right"><i><u>Όλες οι κατοικίες</u></i></td>
		<td><input type="radio" name="radio" value="oles" onclick="document.getElementById&#40;'category'&#41;.disabled='disabled';document.getElementById&#40;'numrooms'&#41;.disabled='disabled';document.getElementById&#40;'view'&#41;.disabled='disabled';document.getElementById&#40;'availiability'&#41;.disabled='disabled';document.getElementById&#40;'perioxi'&#41;.disabled='disabled';" /></td>
	</tr>
	<tr>
		<td colspan="2"><hr width="300" /></td>
	</tr>
	<tr>
		<td align="right"><i><u>Αναζήτηση με κριτήρια</u></i></td>
		<td><input type="radio" name="radio"  checked="checked" value="kritiria" onclick="document.getElementById&#40;'category'&#41;.disabled='';document.getElementById&#40;'numrooms'&#41;.disabled='';document.getElementById&#40;'view'&#41;.disabled='';document.getElementById&#40;'availiability'&#41;.disabled='';document.getElementById&#40;'perioxi'&#41;.disabled='';" /></td>
	</tr>
Thanks πάντως

Απάντηση

Επιστροφή στο “PHP Προγραμματισμός”

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

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