Модал не отображаетсяHtml

Программисты Html
Ответить Пред. темаСлед. тема
Anonymous
 Модал не отображается

Сообщение Anonymous »

Я модал и копию его из другого модала, который был удален из -за отсутствия необходимости. Проблема состоит в том, что модальное всплывающее окно не отображается после копирования /вставки из родительского модала. < /p>





          Nadeem Learning Center - Online


×




Sign Up
























SignUp

By clicking Sign Up, you agree to our
[url=javascript:justLoadMe2()]Terms and Condition [/url]
and [url=javascript:justLoadMe3()] Privacy Policy.[/url]








< /code>
Я использую как это, чтобы отобразить модальный. < /p>
function RegistrationForm(){
alert("is showing up");
modal_var = document.getElementsByClassName('modal')[3];
modal_var.removeAttribute('style');
modal_var.removeAttribute('aria-hidden');
modal_var.classList.add('show');
modal_var.setAttribute('style', 'display: block');
modal_var.setAttribute('aria-modal', 'true');
modal_var.setAttribute('role', 'dialog');
}
< /code>
Alert отображается, но без модального.
Как найти точное количество модала по классной име?



Nadeem Learning Center - Online




[*]


















div.modal-content {
top: 10px;
background: #9fafff;
}

div.modal-dialog{
overflow-y: initial !important
}

div.modal-content_1 {
top: 100px;
background-image: url("Modal_BG.jpg");
}

.man {
width: 80%;
margin: 50px auto;
}

.form-group .form-control {
padding-left: 2.375rem;
}

.form-group .form-control-icon {
position: absolute;
z-index: 2;
display: block;
width: 2.375rem;
height: 2.375rem;
line-height: 2.375rem;
text-align: center;
pointer-events: none;
color: #aaa;
}








[/i]



  • [url=javascript:RegistrationForm();]   Learning[/url]
  • [url=javascript:RegistrationForm();]  Teaching[/url]

















  Nadeem Learning Center - Online


  Respect Your Privacy
This website uses cookies for improving the user experience.





I agreed "to the terms and conditions"[/b]
     


Accept
   
[url=javascript:readMore()]
Read More
[/url]
Cancel














          Nadeem Learning Center - Online

×

  Privacy Policy



 Go Back
[url=javascript:termsCondition()]
 Terms and Condition.
[/url]












  Nadeem Learning Center - Online


  Terms & Conditions




 Close












          Nadeem Learning Center - Online


×



Sign Up























SignUp

By clicking Sign Up, you agree to our
[url=javascript:justLoadMe2()]Terms and Condition [/url]
and [url=javascript:justLoadMe3()] Privacy Policy.[/url]


















Resource for Learners





























The Nadeem Learning Center - ONLINE is not responsible for the content of external sites.
Read about our approach to







A Project of Learning & Teaching.

[url=mailto: [email protected]][email protected][/url]





















document.addEventListener("DOMContentLoaded", function(event){
});



function loadpage(a){
document.location.href = '/I_detail.php?p_id=' + encodeURIComponent(a);
}

function myfunction(){
//################------------Set or Retrieve Cookie Message------################----document load function------######
}

function hideModal(){
//###############-----------Used to hide the Cookie Modal---------
modal_var = document.getElementsByClassName('modal')[0];
modal_var.removeAttribute("style");
modal_var.removeAttribute("aria-modal");
modal_var.removeAttribute("role");
modal_var.classList.remove("show");
modal_var.setAttribute("style", "display: none");
modal_var.setAttribute("aria-hidden", "true");
}
console.log('hide MOdel Message');
}

function RegistrationForm(){
alert("is showing up");

modal_var = document.getElementById("modalRegistrationForm");
modal_var.removeAttribute('style');
modal_var.removeAttribute('aria-hidden');
modal_var.classList.add('show');
modal_var.setAttribute('style', 'display: block');
modal_var.setAttribute('aria-modal', 'true');
modal_var.setAttribute('role', 'dialog');
}

function readMore(){
//#############-----1. Close the Modal[0] , ######--2. Open the modal Privacy Policy [1]
hideModal();
modal_var = document.getElementsByClassName('modal')[1];
modal_var.removeAttribute('style');
modal_var.removeAttribute('aria-hidden');
modal_var.classList.add('show');
modal_var.setAttribute('style', 'display: block');
modal_var.setAttribute('aria-modal', 'true');
modal_var.setAttribute('role', 'dialog');
}

function Thanks() {
// #############----- close the modal[1] privacy modal
modal_var = document.getElementsByClassName('modal')[1];
modal_var.removeAttribute("style");
modal_var.removeAttribute("aria-modal");
modal_var.removeAttribute("role");
modal_var.classList.remove("show");
modal_var.setAttribute("style", "display: none");
modal_var.setAttribute("aria-hidden", "true");
}

function Thanks2() {
// #############----- close the modal[2] Terms and Condition
modal_var = document.getElementsByClassName('modal')[2];
modal_var.removeAttribute("style");
modal_var.removeAttribute("aria-modal");
modal_var.removeAttribute("role");
modal_var.classList.remove("show");
modal_var.setAttribute("style", "display: none");
modal_var.setAttribute("aria-hidden", "true");
hideModal();
}

function chupaChoro(){
// #############----- close the modal[2] Terms and Condition
modal_var = document.getElementById('termscondition');
modal_var.removeAttribute('style');
modal_var.removeAttribute('aria-hidden');
modal_var.classList.add('show');
modal_var.setAttribute('style', 'display: none');
modal_var.setAttribute('aria-modal', 'true');
modal_var.setAttribute('role', 'dialog');
}

function termsCondition(){
Thanks();
modal_var = document.getElementById('termscondition');
modal_var.removeAttribute('style');
modal_var.removeAttribute('aria-hidden');
modal_var.classList.add('show');
modal_var.setAttribute('style', 'display: block');
modal_var.setAttribute('aria-modal', 'true');
modal_var.setAttribute('role', 'dialog');
}

function hideRegModal(){
modal_var = document.getElementsByClassName('modal')[3];
modal_var.removeAttribute("style");
modal_var.removeAttribute("aria-modal");
modal_var.removeAttribute("role");
modal_var.classList.remove("show");
modal_var.setAttribute("style", "display: none");
modal_var.setAttribute("aria-hidden", "true");
}








Подробнее здесь: https://stackoverflow.com/questions/796 ... showing-up
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Как сделать свой диалог-модал открыть другой модал для каждой ссылки с кодом «открыть данные»?
    Anonymous » » в форуме Javascript
    0 Ответы
    38 Просмотры
    Последнее сообщение Anonymous
  • Мантинский модал не отображается
    Anonymous » » в форуме CSS
    0 Ответы
    10 Просмотры
    Последнее сообщение Anonymous
  • Модал не отображается с Bulma CSS
    Anonymous » » в форуме Html
    0 Ответы
    6 Просмотры
    Последнее сообщение Anonymous
  • Модал не отображается с Bulma CSS
    Anonymous » » в форуме CSS
    0 Ответы
    8 Просмотры
    Последнее сообщение Anonymous
  • Модал не отображается
    Anonymous » » в форуме Javascript
    0 Ответы
    4 Просмотры
    Последнее сообщение Anonymous

Вернуться в «Html»