Вчера всем дружным коллективом, у меня дома не смогли решить проблему, не можем понять в чём истинная причина сего происходящего "говна" но суть в следующем. Есть модальное окно заполнение которого подтягивается аяксом, который возвращает html документ и вставляет его в модальное окно. Ну собственно на этом этапе всё компренде, а вот дальше начинается хаос, в подгружаемом html коде находится ещё один js скрипт, но уже на этот код, и в нём собственно тоже, находится функция по вызову аякса но по клику на другую кнопку c уникальным идентификатором. Который в это же модальное окно перезаписывает Html код, после получения ответа от сервера, но что происходит он берёт и просто перезагружает страницу по нажатию на эту кнопку кнопку, что тока не делали... в общем я ща скину весь получаемый html и псмотрите у кого будут какие идеи прошу поделитесь.... Прошу даже потестить где нибудь у себя у всех такая же байда с таким кодом... php код не буду писать потому что в нём ошибок вообще нет, там он везде проходит вплоть даже до Html такое чувство что где то библиотеки перекликаются js но это ппц какой то по логике вещей должны быть всё в порядке... вот скрипт с js который осуществляет подгрузку аяксом Код (Javascript): var root = 'http://guba.com/'; // внимание, ссылка не действительна . function ajaxFunc(url, ArrayBase) { var ajaxRes = ''; $.ajax({ url: url, type: "POST", async: false, data: ArrayBase, success: function (response) { // alert('2'); ajaxRes = response; }, error: function (error) { ajaxRes = error; // Выведет текст ошибки } } ); return ajaxRes; } function router (url, value, rout) { rout = typeof rout !== 'undefined' ? rout : 'content'; var bHtml = ajaxFunc(url, value); alert(bHtml); $("#"+rout).html(bHtml); // alert('12'); } function modules_left(url, value) { var bHtml = ajaxFunc(url, value); $("#ModulesContent").html(bHtml); } вот наша начальная страница откуда стартуем HTML: <section id="content_wrapper"> <div id="content" class="animated fadeIn"> <!-- Modal --> <h3 class="text-center mb35 mt40 fw400">Управление модулем</h3> <div class="row mt20"> <div class="col-md-12"> <div class="bs-component"> <div class="tab-block mb25"> <ul class="nav nav-tabs tabs-border nav-justified"> <li class="active"><a href="#tab15_1" data-toggle="tab">Управление </a></li> <li><a href="#tab15_2" id="tab15_2-2" data-toggle="tab"><i class="fa fa-pencil text-purple pr5"></i>Страницы</a></li> <li><a href="#tab15_3" data-toggle="tab"><i class="fa fa-pencil text-purple pr5"></i>Настройки</a></li> </ul> <div class="tab-content"> <div id="tab15_1" class="tab-pane active"> <div class="col-xs-2"> <button class="btn btn-primary btn-lg" data-name="{{ pages.name_mod }}" data-id="{{ pages.id_mod }}" data-toggle="modal" data-target="#myModal" id="modalAdd"> Добавить запись </button> </div> <div class="col-xs-2"> <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal2"> Удалить модуль </button> </div> <div id="system_1" style="margin: 50px;"> </div> </div> <div id="tab15_2" class="tab-pane"> <div id="system_2"> {% for module in pages.result %} <div class="col-xs-8 col-xs-offset-2 col-md-4 col-md-offset-0 col-lg-3" style="padding: 25px; cursor: pointer"> <div class="bs-component"> <div class="panel panel-tile text-center br-a br-light" data-id="{{ module.id }}" data-name="{{ module.page_name }}"> <div class="panel-body bg-light"><i class="fa fa-html5 text-muted fs45 br64 bg-light dark p15 ph20 mt10"></i> <h1 class="fs30 mbn">{% if module.count > 0 %} {{ module.count }} {% else %} 0 {% endif %}</h1> <h6 class="text-system">{{ module.page_alias }}</h6> </div> </div> <div id="source-button" class="btn btn-primary btn-xs" style="display: none;">< ></div> </div> </div> {% endfor %} </div> </div> <div id="tab15_3" class="tab-pane"> <div id="system_3"> <div class="admin-form theme-primary" > <div class="panel heading-border panel-primary" id="result"> <div class="panel-body bg-light"> {% include 'ajax/modules/syst/add.html' %} </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> .modal-dialog { width:1000px; } </style> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" > <div class="modal-content" id="ModalAddStrin"> </div> </div> </div> <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="deleteModal" aria-hidden="true"> <div class="modal-dialog" > <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" >Предупреждение</h4> </div> <div class="modal-body"> <h3>Вы точно хотите удалить этот модуль?</h3> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-id="{{ pages.id_mod }}" id="yesDelete" >Да</button> <button type="button" class="btn btn-primary" data-dismiss="modal">Назад</button> </div> </div> </div> </div> <script> $('#modalAdd').on('click', function () { var idModule = $(this).attr('data-id'); var nameModule = $(this).attr('data-name'); router(root+'admin/modules/ajax/add-string', {'idModule':idModule, "module_name": nameModule}, 'ModalAddStrin'); }); $('#yesDelete').on('click', function () { var idModule = $(this).attr('data-id'); router(root+'admin/modules/ajax/module-delete', {'idModule':idModule}); }); </script> </section> вот когда тыкаем на "добавить запись" подгруз в модальное окно на этом шаге ещё всё чётко. вот что я получаю в модальном окне, смотрите ниже --- Добавлено --- продолжение чуть позже докину. не влазит всё сюда --- Добавлено --- ну или кто нибудь напишите что нибудь чтобы я смог добавить что нибудь...
Врываюсь в тред с вопросом нахрена было так делать? Почему вы не вынесли код в js файлы, а хтмл приходящий просто говорит, какие методы дёргать?
@igordata ну во первых потому что там ajax подгружает, и прикол в том что не существует, ещё данных html на этой странице когда будет организован сам скрипт, вкурсе что как то можно обновить события jquery но не заморачивался, но госпади хрен с ним почему он входит в скрипт, в который написано входить только если он клик... весь вопрос именно в этом смотри далее мои листинги. Вот что я получаю в модальном окне по нажатию кнопки добавить. --- Добавлено --- HTML: <div class="admin-form mw1000 center-block theme-primary"> <div class="panel heading-border panel-primary"> <div class="panel-body bg-light" id="resultModal" data-id-module="{{ strings.module_id }}" data-name-module="{{ strings.module_name }}"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="myModalLabel">Добавьте пожалуйста запись</h4> </div> <form id="example-widgets-form"> <div class="modal-body"> {% for string in strings.base %} <div class="row"> {% if string.type_string != 5 %} <p>{{ string.info_string }}</p> {% endif %} {% if string.type_string == 0 %} привет <textarea name="{{ string.name_string }}" id="text{{ string.id_string }}" rows="10" cols="80"> Введите текст... </textarea> <script> CKEDITOR.replace( 'text{{ string.id_string }}' ); </script> {% endif %} {% if string.type_string == 1 %} <div class="col-md-6"> <div class="section"> <label class="field"> <input type="text" name="{{ string.name_string }}" placeholder="Input no icon" class="gui-input"> </label> </div> </div> <div class="col-md-6"> <p align="right"> </p> </div> {% endif %} {% if string.type_string == 2 %} <div class="col-md-6"> <div class="section"> <label class="field"> <input type="text" name="{{ string.name_string }}" placeholder="" class="gui-input"> </label> </div> </div> <div class="col-md-6"> <p align="right"> </p> </div> {% endif %} {% if string.type_string == 3 %} <div class="col-md-12"> <div class="section"> <label class="field"> <input type="text" name="{{ string.name_string }}" placeholder="" class="gui-input"> </label> </div> </div> {% endif %} {% if string.type_string == 4 %} <input type="date" name="{{ string.name_string }}" class="gui-input"> {% endif %} {% if string.type_string == 6 %} <div class="col-md-12"> <div class="section"> <label class="field"> <input type="text" name="{{ string.name_string }}" placeholder="Input no icon" class="gui-input"> </label> </div> </div> {% endif %} {% if string.type_string == 7 %} <div class="col-md-12"> <div class="section"> <label class="field"> <input type="text" data-name="{{ string.name_string }}" name="files" placeholder="Input no icon" class="gui-input"> </label> </div> </div> {% endif %} </div> {% endfor %} </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button> <button type="submit" class="btn btn-primary">Сохранить изменения</button> </div> </form> </div> </div> </div> <script> function updateCKEditors() { for(var editor in CKEDITOR.instances) { CKEDITOR.instances[editor].updateElement(); } } $( "#example-widgets-form" ).submit(function( event ) { updateCKEditors(); var obj = $(this).serializeArray(); var nameModal = $('#resultModal').attr('data-name-module'); var idModule = $('#resultModal').attr('data-id-module'); router(root+'admin/modules/ajax/addmodal', {"base":obj, "flag":0, "nameModal": nameModal, "idModule": idModule},'resultModal'); // event.preventDefault(); }); </script> Ну что же а теперь переходим к просто красоте, вот собственно отсюда начинаются "чудеса". когда жмём на кнопку, сохранить изменения, у нас происходит перезапись в этого модального окна на другой подгружаемый ajax - ом html код, он выводится отлично, но после того как он выводится он почему то берёт и перезагружает страницу в тупую, по какой то не известной причине... вот собственно html код который он туда подгружает. HTML: <div class="modal-header "> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="myModalLabel"> {% if str.try == 1 %} Запись добавлена. Можете загружать файлы.{% endif %} {% if str == 0 %} произошла ошибка добовления записи {% endif %} </h4> </div> {% if str.try == 1 %} <form id="image"> <div class="modal-body"> {% for file in str.base %} {% if file.type_string == 5 %} <p>{{ file.info_string }}</p> <div class="col-md-12"> <div class="section"> <label class="field prepend-icon append-button file"><span class="button btn-primary">Выбрать файл</span> <input id="file3" type="file" name="{{ file.name_string }}" onchange="$('#uploader3').val($('#file3').val());" class="gui-file"> <input id="uploader3" type="text" placeholder="Выбрать файл" class="gui-input"> <label class="field-icon"><i class="fa fa-upload"></i></label> </label> </div> </div> {% endif %} {% endfor %} <hr> </div> <div class="modal-footer koks"> <button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button> <button type="button" class="btn btn-primary" id="ModalExe" data-file="{{ str.module_file }}" data-name="{{ str.module_name }}" data-id="{{ str.id }}">Сохранить изменения</button> </div> </form> <script> $('#ModalExe' ).on("click.koks",function( ) { var obj = $('#image').serialize(); var nameModal = $('#ModalExe').attr('data-name'); var fileModal = $('#ModalExe').attr('data-file'); router(root+'admin/modules/ajax/addmodal', {"base":obj, "flag":1, "nameModal": nameModal, "fileModal": fileModal}, 'resultModal'); }); </script> {% endif %} А самое что интересное он входит внизу в скрипт даже без клика, вот мы задали на js что вход в функцию только по клику определённого элемента, но ему пофигу он туда заходит при загрузке документа. Самое интересно в microsoft edge он не перезагружает страничку но и не отрабатывает внизу скрипт даже по клику, а вот хром просто берёт и перезагружает её... --- Добавлено --- так и собственно криплю файлы header footer и плюс Index через который всё это проходит. Вся админка построена на аяксе и нет, никаких более страниц у меня одна входящая страница, и всё остальное генерируется через аякс запросы. сам header --- Добавлено --- @igordata всё что можно было вынести я вынес, а всё что работает конкретно с элементами на подгружаемой странице там и оставил. --- Добавлено --- так для полной картины вот ещё два файла, левое меню и подгружаемые маяки на модули тоже аякс запросом. --- Добавлено --- суть в том что он почему ты релоадит окно хотя даже события я такого ни где не использую не релоадов js не в php header на пути к этим шаблонам нету, они прогружаются нормально... В общем это какой то треш прямо конский на самом деле... Я пока сделал по другому, но суть в том я не понимаю почему так не работает логика отсутствует просто... Если кто может объяснить где там не стыковка... Просто мы тут такой толпой и на работе и дома ещё с двумя моими знакомыми решали так и не к чему не пришли, оно просто живёт какой то своей жизнью и пссец
Как вариант отладка - глянуть "что происходит когда жмем и обновляется почему то", если ошибок нет, то попробуй дописать код после открытия окна типо: PHP: $('.koks button').click(function() { //.... return false; }); Выкинь этот шаблонизатор пользуйся php шаблонизатором. Чтобы вот такого гемороя не было - сделать контроль файликов шаблона, стили и js можно сжимать в 1 запрос, сделай php надстройкой над клиентской стороной js, css, html этим ты сделаешь буферизацию вывода, а в php сделаешь все обработки на вывод и ты увидешь тебе не понадобится tpl и разная херня, не соответствующая структуре языков - так сказать велосипед. Сам php работает очень быстро изнутри, а с пришедшей 7 серией php стало еще удобнее работать и намного круче и быстрее. А все ваши эти гонимые и долгие шаблонизаторы не имеют место быть.
@rodent90 чушь написал. Ты даже не понял что там происходит у меня а пытаешься что-то посоветовать. --- Добавлено --- @rodent90 и да будет тебе известно, я решил эту проблему. И ответ лежит прямо в моих скриптах там есть закоментированя стрчока на js которая решает эту проблему. --- Добавлено --- @rodent90 и почитай свежие обновления jquery Код (Javascript): $('class').click(); так писать уже не советуют. Куда более разумно сейчас использовать .on http://stackoverflow.com/questions/9122078/difference-between-onclick-vs-click
Сказала деревяшка, не знающая о существовании $.post. Тебя смешно читать, ты такую хуйню пишешь, вот честное слово, за-такие скрипты голову откручивают в специализированных местах. У тебя гыча написана, так не работают не с разметкой html, не с js не с css. За место логичной цепочки написан говно-код и усирается, что он там изобрел новый режим окон и взаимодействие кнопок и других окон между друг другом. Красавчег. На сервере так там вообще труба походу... Костыль на костыле? Ну ничего как осилишь документацию, поумнеешь, перестанешь заниматься ерундой. Можедбыть! --- Добавлено --- Сервак лежит у jq, поднимится гляну. Но, что - то подсказывает, что ты пиздишь
Лол даже комментировать не буду. Какие скрипты О_О где ты там их нашёл, а те маленькие .on("click") ... Лол ... Это html и чутка js событий, потому что писать в теге onclick уже ну "малясь" устарелая затея . Повторюсь язык разметки гипер текста (HTML) - это не скрипт, и вообще не программирование. И если ты не способен понять не чего в html документе то деревяшечка у нас тут ты. Что где я усерался, про какой такой новый режим? Боже... и ты меня послал читать доку... У тебя твоя собственная голова, в твоей же жопе лежит. А не их сервак. Так что Что - то подсказывает, что оный тут только ты. Хотя если ты имел введу себя... --- Добавлено --- Исходя из того какую ты просто дикую чушь несёшь из темы в тему, то тебе ещё до того что у меня на сервере как до луны пешком.
@pinokio в действиях @rodent90 нет ничего за что его можно наказать. Ты тоже регулярно размещаешь сообщения забыв вникнуть в суть. Короче нашли друг друга два одиночества. Отказано.
Ну лично я пользуюсь click, когда точно знаю, что элемент не будет генерироваться динамически из javascript, и on - если знаю, что будет. Для всех элементов писать Код (Text): $("#conatiner").on("click", ".element", function () {}); я бы не стал, очень уж неинтуитивный синтаксис
@mkramer ну во первых можно просто Код (Javascript): $("#conatiner").on("click", function () {}); А во вторых слышал что .click перекликается с событиями отлавливаемыми как ссылки.
pinokio, Ты кто - такой? Давай досвидания! Я тебе прямо в глаза говорю, ты пиздаболина. Это последние мои слова тебе. Тролль-дикарь. Удачи немощь! Утони в своем дерьме!
@rodent90 Смотрю у тебя прямо очко задымилось. Но ты всё равно хрень какую то написал не как не связанной с этой темой или с тем о чём я тебе сказал. --- Добавлено --- Ну до тебя мне далеко чувак. --- Добавлено --- Какой ты не культурный. Воу.
Печально всё это. Раньше тут было уютненько, а щас зайдешь, почитаешь @rodent90 и прочих анкхов и думаешь, ну его нафиг. Человек пытается что-то сделать, а ему "выкинь шаблонизатор", "отдавай js пхпшечкой", "статика это хорошо, в жопу ооп" и всё в таком духе. Вот и получаются горе-специалисты, которых даже за комп посадить страшно, не то что к проекту допустить.
@romach но ты за меня не переживай у меня своя голова на плечах))) Я вижу когда пишут бред и когда говорят грамотное замечание
@pinokio голова-то есть, только ты ею частенько не пользуешься почему-то. Молодой горячий. Ты пиьсками-то будешь мериться с @rodent90 ?
@Ganzal меня просто не бомбит особо честно не вижу смысла с ним спорить не интересно вот через годика два я хочу поспорить с тобой вот это будет интересно а пока ловить мне не чего с тобой в споре, а с тем кто даже не моего уровня спорить глупо.
Да не банально - просто не хочется терять на него время, он использует html программирование, а сам утверждает обратное, вывод? Он не понимает, что делает. Но ты то знаешь, а он то нет, что html на самом деле гипер-текст, но он использует html программирование, но ты то знаешь, а он нет. Его правда заколола и он обосрался. Ты сам понял, что написал? Я всегда говорил, что если есть выход в процедурных функциях заложенных в сам язык, то лучше задачу решать ими, чем нежели написать класс и реализовать тоже самое или подобное, а также я тоже использую ООП но, я не пложу классы и огромное количество строк - даже большее скажу, я собираю классы динамически из кеша, довольно удобная штука, которые опять же можно изменять и сейвить в ходе программы - этим минимально эмулируя процесс, а вы пишите, чего уже как говна навалено и не интересно. И таких как вы говнорей, тут сотни или тысячи, если не миллионы.
@rodent90 блин, я с тебя ору просто чувак, ты похоже на голову отшибленный нахрен.... Зачем ты прогаешь? ты же больной мудак. Чё то, ты за п.зд.лся. Ты сам своим словам противоречишь. Смотри тут форум запоминает и я цитирую ниже твои слова и свои: По моему ты баклан полный, смотри на свои посты это ты html назвал скриптом: я тебя поправил и сказал что : И в студию