add.ctp 3.42 KB

<div class="formules form">
    <?= $this->Form->create($formule) ?>
    <fieldset>
        <h2><i class="icon-plus"></i> Ajouter une formule</h2>
      
	  
	  <?php
	   echo $this->Form->input('nommesure', [
        		'label' => 'Nom mesure',
				'required' => 'required'
        ]);
	  
	  
	  echo $this->Form->input('symbole', [
        		'label' => 'Symbole'
        ]); 
	  
	  echo $this->Form->input('unite', [
        		'label' => 'Unité',
				'required' => 'required'
        ]); 
	  
	  echo $this->Form->input('nbVariable', [
        		'label' => 'Nombre de variable(5 max.)',
				'default'=> 1,
				'empty' => 1,
				'required' => 'required'
        ]); 
	  ?>
	  <div id="variable" style="display:none" required>
	  </div>
	  <div id="derive" style="display:none" required>
	  </div>
	  
    </fieldset>
    <?= $this->Form->submit(__('Valider')) ?>
    <?= $this->Form->end() ?>
</div>

<div class="actions">
	<?php 
		echo $this->element('menu');
		echo $this->element('menu_form', [ 'pluralHumanName' => 'Formules' ]);
	?>
</div>

<script type="text/javascript">



$(document).ready(function () {
		variable();
		$("#nbvariable").bind("focusout", function (event) {
				variable();
				});
			});

function sin(i){
			document.getElementById("derive"+i).value +="sin";
			document.getElementById("derive"+i).focus();
			}

function cos(i){
			document.getElementById("derive"+i).value +="cos";
			document.getElementById("derive"+i).focus();
			}
		
function variable(){
			var nbVariable = $("#nbvariable").val();
			
			if(nbVariable >=1 && nbVariable<=5){
			$("#variable").show();
			$("#derive").show();
			document.getElementById("derive").innerHTML="";
			document.getElementById("variable").innerHTML ="<table><tr><td> Variables </td><td>Symbole grandeur physique</td><td>Symbole unite mesure</td><td>nom Grandeur physique</td><td>Domaine de definition</td></tr></table>";
			for(var i=1;i<=nbVariable;i++){
			document.getElementById("variable").innerHTML +="<table><tr><td>X"+i+"</td><td><input type=\"control\" name=\"variables["+i+"][symbolegrandeurphysique]\" required></td><td><input type=\"control\" name=\"variables["+i+"][symboleunitemesure]\" required></td><td><input type=\"control\" name=\"variables["+i+"][nomgrandeurphysique]\" required></td><td><input type=\"control\" name=\"variables["+i+"][domainedef]\" placeholder=\"ex:[X;X[\" required></td></tr></table>";
			document.getElementById("derive").innerHTML += "<div class=\"button\"><input id=\"sin"+i+"\" onclick=\"sin("+i+")\" type=\"button\" value=\"sin\" style=\"width: 100px;\"><input id=\"cos"+i+"\" onclick=\"cos("+i+")\" type=\"button\" value=\"cos\" style=\"width: 100px;\"></div>";
			document.getElementById("derive").innerHTML += "<div class=\"input text required\"><label>Ecrire la dérivé partielle de F par rapport a la variable X"+i+"</label><input id=\"derive"+i+"\" type=\"control\" name=\"variables["+i+"][derivepartielle]\" required></div>";
			}
			i++;
			document.getElementById("derive").innerHTML += "<div class=\"button\"><input id=\"sin"+i+"\" onclick=\"sin("+i+")\" type=\"button\" value=\"sin\" style=\"width: 100px;\"><input id=\"cos"+i+"\" onclick=\"cos("+i+")\" type=\"button\" value=\"cos\" style=\"width: 100px;\"></div>";
			document.getElementById("derive").innerHTML += "<div class=\"input text required\"><label>Formule</label><input type=\"text\" name=\"formule\" id=\"derive"+i+"\" required></div>";
			}else{
			alert("erreur");
			
			
			}
				
		}

	

</script>