Am folosit plugin-ul SheepIt pentru a crea un formular dinamic(utilizatorul sa poata adauga campuri noi).
Problema este ca in campurile noi create nu mai functioneaza functia 'calc' care face niste calcule cu datele introduse.
Cod: Selectaţi tot
<html>
<head>
<title>Creare Tabel Nou</title>
<style type="text/css">
@import url("css/stil.css");
</style>
<script language="javascript" type="text/javascript">
function calc(){
a=Number(document.myform.x.value);
b=Number(document.myform.y.value);
c=a/b;
document.myform.z.value=c;
d = c * 2;
document.myform.q.value=d;
}
</script>
<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
<script type="text/javascript" src="js/jquery.sheepItPlugin.js"></script>
</head>
<body>
<div id="content">
<div id="primary">
<div class="asp">
<form name="myform" class="blockStyledForm">
<div class="title">Creare Tabel Nou</div>
<fieldset>
<div class="legend">Date Generale</div>
<div class="field">
<label for="data">Data:</label>
<input type="text" id="data" size="30"/>
</div>
<div class="field">
<div class="legend">Date Specie</div>
<!-- Form -->
<div id="person_phones" class="embed">
<!-- Partea dinamica a form-ului-->
<div id="person_phones_template" class="template">
<label for="person_phones_#index#_cod">Cod <span id="person_phones_label"></span></label>
<input id="person_phones_#index#_cod" name="person[phones][#index#][cod]" type="text" size="15" maxlength="10" /><br />
<label for="person_phones_#index#_cel">Celule <span id="person_phones_label"></span></label>
<input id="person_phones_#index#_cel" name="person[phones][#index#][cel]" type="text" size="15" maxlength="10" /><br />
500 = <input type="text" name="x" size="2"> : <input type="text" name="y" size="2"> = <input type="text" name="z" size="2" value=""> × 2 = <input type="text" name="q" size="2" value=""><button type="button" onclick="calc()">Calcul</button><br />
<a id="person_phones_remove_current"><img class="delete" src="images/cross.png" width="16" height="16" border="0"></a>
</div>
<!-- /Partea dinamica a form-ului-->
<!-- Cand se elimina tot -->
<div id="person_phones_noforms_template" class="noItems">Fara specii</div>
<!-- /Cand se elimina tot-->
<!-- Butoane -->
<div id="person_phones_controls" class="controls">
<div id="person_phones_add" class="btn form add"><a><span>Adauga Specie</span></a></div>
<div id="person_phones_remove_last" class="btn form remove"><a><span>Elimina</span></a></div>
<div id="person_phones_remove_all" class="btn form removeAll"><a><span>Elimina Tot</span></a></div>
<div id="person_phones_add_n">
<input id="person_phones_add_n_input" type="text" size="4" />
<div id="person_phones_add_n_button" class="btn form add"><a><span>Adauga</span></a></div>
</div>
</div>
<!-- /Butoane -->
</div>
<!-- /Form -->
<script type="text/javascript">
var phonesForm = $("#person_phones").sheepIt({
separator: '',
allowRemoveLast: true,
allowRemoveCurrent: true,
allowRemoveAll: true,
allowAdd: true,
allowAddN: true,
// Limite
maxFormsCount: 10,
minFormsCount: 0,
iniFormsCount: 1,
removeLastConfirmationMsg: 'Esti sigur?',
removeCurrentConfirmationMsg: 'Esti sigur?',
removeAllConfirmationMsg: 'Esti sigur?',
afterAdd: function(source, newForm) {
// Add events for focus to the new cloned form
$(newForm).find('input').focus(function() {
$(this).addClass("focus");
});
$(newForm).find('input').blur(function() {
$(this).removeClass("focus");
});
}
});
</script>
</div>
</fieldset>
<div class="actions">
<div class="btn form accept"><a><span>Salveaza</span></a></div>
<div class="btn form cancel"><a><span>Anuleaza</span></a></div>
</div>
</form>
</div>
</div>
</div>
</body>
</html>
Poate e cineva care a folosit acest plugin...sa imi dea o idee
Va multumesc anticipat