Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Caut un VPN gratuit si un Antivir...

ajutor VPN

Sfaturi montaj folie antivapori l...

Borseta barbateasca
 Ce este cu declaratiile cerute ce...

Focul bacterian,basicarea,mucegai...

infectie zona inghinala

Dua Lipa - Training Season
 Informatii complete despre servic...

tema circuite

Voua va merge sa va logati pe git...

Fara curent casetofon Dacia Dokker
 Schimbare difuzor Golf 7

Recomandare aparat de ras electric

Lant clinici dentare vs cabinete ...

Site-uri bune pentru cumparat Sma...
 

Adaugare campuri text, selection, checkbox html/js/php

- - - - -
  • Please log in to reply
No replies to this topic

#1
george1979

george1979

    Junior Member

  • Grup: Members
  • Posts: 26
  • Înscris: 29.02.2008
Buna seara,
Incerc sa realizez un formular in html/php/js care sa contina un camp de tip text, un selection list si un checkbox plus un buton de adaugare campuri.

Formularul ar trebui sa functioneze in felul urmator:
1. Pagina se incarca campul text este dezactivat, selection list activ si checkbox-ul bifat.
2. Debifez checkbox-ul se activeaza campul text iar selection list devine inactiv.
3. In momentul in care apas butonul de adaugare campuri se adauga un set nou de campuri (camp de tip text, selection list si un checkbox).

Totul functioneaza corect pana apas butonul de adaugare campuri.
Se adauga un nou set de campuri (camp text, selection list si checkbox) insa atunci cand apas checkbox-ul nu se mai activeaza/dezactiveaza campurile

Cu html/php am mai avut tangente pana acum insa cu Javascript nu. Toate codurile scrise aici in JS
sunt copiate de pe net si adaptate dupa cum am crezut eu si de asta cred ca mi-a scapat ceva.

Acum nu vreau sa-mi scrie cineva codul, insa m-ar ajuta mult sa stiu ce am facut gresit.
Multumesc.

Codul php/html

<html>
<head>
<script src = "js/editura.js" type = "text/javascript"> </script>
<script src = "js/autor.js" type = "text/javascript"> </script>
</head>
<body>
<hr><div class="container1">
<button class="add_form_field">Add New Field &nbsp; <span style="font-size:16px; font-weight:bold;">+ </span></button>
<input type = "checkbox" name = "ckautor[]" checked = "ckautor" onclick = "f_autor(this.checked)">Adauga Autor:<br />				
<div><select name = "select_aut[]" id = "select_aut" >
				 <?php
					 $select_autor = mysqli_query(conectare(), "SELECT nume_autor FROM autor");
					 while ($row = mysqli_fetch_array($select_autor)){
						 ?><option><?php
					 echo $row["nume_autor"];
					 ?></option><?php
					 }
				 ?>
</select></div>					
	 <p>Autor:</br>
		 <input type = "text" name = "nume_autor[]" id = "nume_autor" size = "40" disabled = "disabled"></p>
</div><hr>
</body>
<html>


Codul Javascript

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
var max_fields	 = 10;
var wrapper		 = $(".container1");
var add_button	 = $(".add_form_field");
var x = 1;
$(add_button).click(function(e){
	 e.preventDefault();
	 if(x < max_fields){
		 x++;
		 $(wrapper).append('<div><input type = "checkbox" name = "ckautor[]" checked = "ckautor" onclick = "f_autor(this.checked)">Adauga Autor:<br /><div><select name = "select_aut[]"><?php $select_autor = mysqli_query(conectare(), "SELECT nume_autor FROM autor");while ($row = mysqli_fetch_array($select_autor)){ ?> <option> <?php echo $row["nume_autor"]; ?> </option> <?php } ?></select> </div> <input type="text" name="nume_autor[]" size = "33" disabled = "disabled"/><a href="#" class="delete"> Delete </a> </div>'); //add input box
	 }
else
{
alert('Maximum limit is 10!')
}
});
$(wrapper).on("click",".delete", function(e){
	 e.preventDefault(); $(this).parent('div').remove(); x--;
})
});
</script>
///////////////////////////////////////////
function f_autor(ckautor){
if(!ckautor){
	 document.getElementById('select_aut').disabled = true;
	 document.getElementById('nume_autor').disabled = false;
}
else{
	 document.getElementById('select_aut').disabled = false;
	 document.getElementById('nume_autor').disabled = true;
}
}


Edited by george1979, 28 March 2018 - 22:16.


Anunturi

Neurochirurgie minim invazivă Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate