Mam skrypt ajaxa który po wyborze z selecta ładuje formularz do DIV bez przeładowania strony. Wszystko działa niby ok ale niektóre skrypty w javascript przestały działać. Ajax poprostu nie uwzglednia tego co jest w divach, np tj skrypt do wczytywania zdjeć ,+ doddaje sie kolejne files ale w ajax to nie działa.
Czyli ładuje stronę do ajax <div id="dataDiv" class="dataDiv"></div> i teraz pojawia sie formularz. i to na nie działa
i skrypt
Kod
$(document).ready(function() {
var submitbutton = $("#SubmitButton"); //submit button
var FileInputsHolder = $('#AddFileInputBox'); //Element where additional file inputs are appended
var MaxFileInputs = 10; //Maximum number of file input boxs
var i = $("#AddFileInputBox div").size() + 1;
$("#AddMoreFileBox").click(function () {
event.returnValue = false;
if(i < MaxFileInputs)
{
$('<span><input type="file" id="fileInputBox" class="style7" size="20" name="file[]" class="addedInput" value=""/><a href="#" class="removeclass small2"><img src="../images/close_icon.gif" border="0" /></a></span>').appendTo(FileInputsHolder);
i++;
}
return false;
});
$("body").on("click",".removeclass", function(e){
event.returnValue = false;
if( i > 1 ) {
$(this).parents('span').remove();i--;
}
});
});
var submitbutton = $("#SubmitButton"); //submit button
var FileInputsHolder = $('#AddFileInputBox'); //Element where additional file inputs are appended
var MaxFileInputs = 10; //Maximum number of file input boxs
var i = $("#AddFileInputBox div").size() + 1;
$("#AddMoreFileBox").click(function () {
event.returnValue = false;
if(i < MaxFileInputs)
{
$('<span><input type="file" id="fileInputBox" class="style7" size="20" name="file[]" class="addedInput" value=""/><a href="#" class="removeclass small2"><img src="../images/close_icon.gif" border="0" /></a></span>').appendTo(FileInputsHolder);
i++;
}
return false;
});
$("body").on("click",".removeclass", function(e){
event.returnValue = false;
if( i > 1 ) {
$(this).parents('span').remove();i--;
}
});
});
to samo dzieje się z walidacją danych ale na razie chciałbym to rozwiazać
W skrypcie do walidacj dodałem
function init() {
$('div').click(function(){
)};
i na końcu $(document).ready(init);
i działa ale tu nie chce działać. może komuś coś to podpowie
Temat zamykam, walidację udało mi sie zrobić samemu , a jesli chodzi o zdjecia znalazłem inne rozwiązanie