• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

modal box na dwa buttony

Object Storage Arubacloud
0 głosów
286 wizyt
pytanie zadane 26 marca 2018 w JavaScript przez KonDZIKs Bywalec (2,770 p.)
edycja 26 marca 2018 przez Eryk Andrzejewski

Witam. :)
Mam pewien problem. Zrobiłem jeden modal box dla przycisku "Zaloguj" problem w nim jest taki ,że tworzy przerwę pomiędzy przyciskiem rejestruj. A przycisk rejestruj w ogóle nie reaguje na js. Css jest zrobiony poprawnie. Próbowałem zrobić nowy js z lekko zmienionymi wartości dla rejestruj lecz nic to nie zmienia. :/

Tutaj kod z zaloguj: https://codepen.io/Kondzik/pen/eMGXpP

a tutaj do js rejestruj

// Zadelkarowanie modal jako simplemodal
var modal = document.getElementById('simplemodal1');


// OZadelkarowanie modalBtn jako przycisku otwierajacego

var modalBtn = document.getElementById('modalBtnSign');


// Zadelkarowanie modal jako przycisku zamykajacego
var closeBtn = document.getElementsByClassName('closeBtn')[0];

// Nadanie otwarcia

modalBtnSign.addEventListener('click', openModal);

//	Nadanie zamknięcia
closeBtn.addEventListener('click', closeModal);

// Nadanie zamknieica poza obszarem
window.addEventListener('click', outsideClick);

// Funkcja otwarcia
function openModal(){
	modal.style.display= 'block';
}

// Funkcja zamknięcia
function closeModal(){
	modal.style.display= 'none';
}

// Funkcja zamknięcia poza obszarem
function outsideClick(e){
	if(e.target == modal){
		modal.style.display = 'none';
	}
}

 

komentarz 26 marca 2018 przez Mariusz08 Maniak (62,300 p.)
Niepoprawny język bloczka z kodem.
komentarz 26 marca 2018 przez Eryk Andrzejewski Mędrzec (164,260 p.)

Poprawione, ale proszę na przyszłość o tym pamiętać. wink

komentarz 26 marca 2018 przez KonDZIKs Bywalec (2,770 p.)
Przepraszam wrzucane na szybko :)

1 odpowiedź

0 głosów
odpowiedź 26 marca 2018 przez PolYGlok Pasjonat (19,450 p.)
// Zadelkarowanie modal jako simplemodal
var modal = document.getElementById('simplemodal');


// OZadelkarowanie modalBtn jako przycisku otwierajacego

var modalBtn = document.getElementById('modalBtnLog');


// Zadelkarowanie modal jako przycisku zamykajacego
var closeBtn = document.getElementsByClassName('closeBtn')[0];

// Nadanie otwarcia

modalBtnLog.addEventListener('click', openModal);

//	Nadanie zamknięcia
closeBtn.addEventListener('click', closeModal);

// Nadanie zamknieica poza obszarem
window.addEventListener('click', outsideClick);

// Funkcja otwarcia
function openModal(){
	modal.style.display= 'block';
}

// Funkcja zamknięcia
function closeModal(){
	modal.style.display= 'none';
}

// Funkcja zamknięcia poza obszarem
function outsideClick(e){
	if(e.target == modal){
		modal.style.display = 'none';
	}
}


// Zadelkarowanie modal jako simplemodal
var modal1 = document.getElementById('simplemodal1');


// OZadelkarowanie modalBtn jako przycisku otwierajacego

var modalBtn1 = document.getElementById('modalBtnSign');


// Zadelkarowanie modal jako przycisku zamykajacego
var closeBtn1 = document.getElementsByClassName('closeBtn1')[0];

// Nadanie otwarcia

modalBtnSign.addEventListener('click', openModal1);

//	Nadanie zamknięcia
closeBtn1.addEventListener('click', closeModal1);

// Nadanie zamknieica poza obszarem
window.addEventListener('click', outsideClick);

// Funkcja otwarcia
function openModal1(){
	modal1.style.display= 'block';
}

// Funkcja zamknięcia
function closeModal1(){
	modal1.style.display= 'none';
}

// Funkcja zamknięcia poza obszarem
function outsideClick(e){
	if(e.target == modal){
		modal1.style.display = 'none';
	}
}

Wiem że to jest frankie i reduntancja ale chciałem Cie nakierowac na problem.

Nie znam sie na js ale zrobiłem że działa.

komentarz 26 marca 2018 przez PolYGlok Pasjonat (19,450 p.)
Nie zrobiłes zmiennych do drugiego przycisku.
komentarz 26 marca 2018 przez KonDZIKs Bywalec (2,770 p.)
edycja 26 marca 2018 przez KonDZIKs
Były zrobione tylko niepoprawnie i to w innym pliku :D
Dziękuje bardzo :D wszystko śmiga :D

To teraz nasunęły mi się dwa pytania jeszcze. :)
1. Dlaczego teraz nie działa wyłączenie okna klikając poza obszarem. (W rejestruj był ten sam problem ale już sobie poradziłem)
2. Jak usunąć tą odległość między przyciskami? :)
komentarz 26 marca 2018 przez PolYGlok Pasjonat (19,450 p.)
Na pierwsze pytanie odpowiedziałeś sobie sam-zrób to samo co z tamtym przyciskiem.
komentarz 26 marca 2018 przez PolYGlok Pasjonat (19,450 p.)
edycja 26 marca 2018 przez PolYGlok
outsideClick1<-- powinno być w js na samym dole zamiast ousideclick.

to załatwia 1 pytanie.

Edit: to nie do końca działa.
komentarz 26 marca 2018 przez KonDZIKs Bywalec (2,770 p.)
edycja 26 marca 2018 przez KonDZIKs
Dobra załatwiło problem :D dzięki :D

 

Działa tylko trzeba zamienić w dwóch miejscach. :D Jeszcze tylko jak to do siebie przybliżyć :/

Podobne pytania

0 głosów
1 odpowiedź 80 wizyt
pytanie zadane 23 października 2018 w JavaScript przez Michał Samolewski Bywalec (2,240 p.)
0 głosów
2 odpowiedzi 3,072 wizyt
pytanie zadane 19 czerwca 2018 w HTML i CSS przez hiper007 Stary wyjadacz (11,270 p.)
0 głosów
2 odpowiedzi 218 wizyt
pytanie zadane 4 sierpnia 2016 w HTML i CSS przez alus152 Bywalec (2,690 p.)

92,761 zapytań

141,685 odpowiedzi

320,483 komentarzy

62,105 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...