Как сделать свой диалог-модал открыть другой модал для каждой ссылки с кодом «открыть данные»? - Цифровое Кемерово

Как сделать свой диалог-модал открыть другой модал для каждой ссылки с кодом «открыть данные»? ⇐ Javascript

Ответить Пред. тема След. тема

1 сообщение • Страница 1 из 1

Anonymous

Как сделать свой диалог-модал открыть другой модал для каждой ссылки с кодом «открыть данные»?

Цитата

Сообщение Anonymous » 16 июл 2025, 17:42

Я научил себя HTML, CSS, PHP и MySQL много лет назад, но я никогда не приходился к изучению JavaScript. Я только что подобрал туда, где остановился, но есть так много новых вещей, которые можно было учиться, так как в последний раз я сделал какое -либо веб -кодирование. Может ли кто -нибудь помочь мне с моим кодом JavaScript, как это есть в настоящее время? Я до сих пор узнал только основы JS, и я не могу продолжить свой проект, пока не узнал гораздо больше. class = "Snippet-Code-JS Lang-JS PrettyPrint-Override">

Код: Выделить всё

const openButton = document.querySelector("[data-open-modal]")
const closeButton = document.querySelector("[data-close-modal]")
const modal = document.querySelector("[data-modal]")

openButton.addEventListener("click", () => {
modal.showModal()
})
closeButton.addEventListener("click", () => {
modal.close()
})

modal.addEventListener("click", e => {
const dialogDimensions = modal.getBoundingClientRect()
if (
e.clientX < dialogDimensions.left ||
e.clientX > dialogDimensions.right ||
e.clientY < dialogDimensions.top ||
e.clientY >  dialogDimensions.bottom
) {
modal.close()
}
})< /code>
.rota-container {
display: flex;
flex-wrap: wrap;
margin: 10px 0px 50px 0px;
}

.rota-item {
flex: 1 0 13%;
background-color: #dcdcdc;
border: 1px solid #c0c0c0;
height: auto;
padding: 5px 0px 7px 0px;
}

.rota-item-day {
height: auto;
padding: 5px 0px 5px 0px;
text-align: center;
font-size: clamp(7px, 1.5vw, 50px);
font-weight: bold;
color: #000000;
}

.rota-date {
text-align: right;
margin: 0px 5px 0px 0px;
font-size: clamp(7px, 1.5vw, 15px);
color: #000000;
font-family: Verdana, sans-serif;
}

.rota-edit {
float: left;
padding-left: 5px;
}

.rota-user {
width: 90%;
margin: 2px auto 0px auto;
padding: 3px 0px 3px 3px;
border-radius: clamp(0px, 0.4vw, 15px);
color: white;
font-size: clamp(7px, 1.5vw, 15px);
font-family: Verdana, sans-serif;
}

.rota-user-1 {
background-color: #008000;
/*green*/
border: 1px solid #008000;
}

.rota-user-2 {
background-color: #cc006d;
/*pink*/
border: 1px solid #cc006d;
}

.rota-user-3 {
background-color: #4b0082;
/*blue*/
border: 1px solid #4b0082;
}

.rota-user-4 {
background-color: #707070;
/*dark grey*/
border: 1px solid #707070;
}

.rota-user-none {
background-color: transparent;
border: 1px solid transparent;
color: transparent;
}

.modal {
background-color: #f2f2f2;
border: 1px solid #000000;
border-radius: 10px;
z-index: 10;
padding: 20px;
}

.modal-container {
display: grid;
grid-template-columns: 1fr repeat(2, 1.5fr) 1fr;
grid-template-rows: repeat(7, 1fr);
grid-column-gap: 0px;
grid-row-gap: 10px;
}

.modal-area-1 {
grid-area: 2 / 2 / 3 / 3;
}

.modal-area-2 {
grid-area: 3 / 2 / 4 / 3;
}

.modal-area-3 {
grid-area: 4 / 2 / 5 / 3;
}

.modal-area-4 {
grid-area: 5 / 2 / 6 / 3;
}

.modal-area-5 {
grid-area: 6 / 2 / 7 / 3;
}

.modal-area-6 {
grid-area: 2 / 3 / 3 / 4;
}

.modal-area-7 {
grid-area: 3 / 3 / 4 / 4;
}

.modal-area-8 {
grid-area: 4 / 3 / 5 / 4;
}

.modal-area-9 {
grid-area: 5 / 3 / 6 / 4;
}

.modal-area-10 {
grid-area: 6 / 3 / 7 / 4;
}

.modal-area-11 {
grid-area: 2 / 4 / 3 / 5;
}

.modal-area-12 {
grid-area: 3 / 4 / 4 / 5;
}

.modal-area-13 {
grid-area: 4 / 4 / 5 / 5;
}

.modal-area-14 {
grid-area: 5 / 4 / 6 / 5;
}

.modal-area-15 {
grid-area: 6 / 4 / 7 / 5;
}

.modal-area-16 {
grid-area: 1 / 2 / 2 / 3;
}

.modal-area-17 {
grid-area: 1 / 3 / 2 / 4;
}

.modal-area-18 {
grid-area: 2 / 1 / 3 / 2;
}

.modal-area-19 {
grid-area: 3 / 1 / 4 / 2;
}

.modal-area-20 {
grid-area: 4 / 1 / 5 / 2;
}

.modal-area-21 {
grid-area: 5 / 1 / 6 / 2;
}

.modal-area-22 {
grid-area: 6 / 1 / 7 / 2;
}

.modal-area-23 {
grid-area:  7   /   4   /   8   /   5 ; < b r   / > } <   / c o d e >   < b r   / >   < p r e   C l a s s   =   " S n i p p e t - C o d e - h t m l   l a n g - h t m l   p r e t t y p r i n t - o v e r r i d e " > < c o d e > & l t ; d i v   c l a s s = " r o t a - c o n t a i n e r " & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m   r o t a - i t e m - d a y " & g t ; M o n d a y & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m   r o t a - i t e m - d a y " & g t ; T u e s d a y & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m   r o t a - i t e m - d a y " & g t ; W e d n e s d a y & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m   r o t a - i t e m - d a y " & g t ; T h u r s d a y & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m   r o t a - i t e m - d a y " & g t ; F r i d a y & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m   r o t a - i t e m - d a y " & g t ; S a t u r d a y & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m   r o t a - i t e m - d a y " & g t ; S u n d a y & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m " & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - d a t e " & g t ; & l t ; a   c l a s s = " r o t a - e d i t "   d a t a - o p e n - m o d a l & g t ; E d i t & l t ; / a & g t ; 2 1 & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 1 " & g t ; 8 a m - 1 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - n o n e " & g t ; 1 p m - 4 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 4 " & g t ; 4 p m - 5 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - n o n e " & g t ; 5 p m - 9 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 1 " & g t ; 9 p m - 8 a m & l t ; / d i v & g t ; < b r   / >     & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m " & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - d a t e " & g t ; & l t ; a   c l a s s = " r o t a - e d i t "   d a t a - o p e n - m o d a l & g t ; E d i t & l t ; / a & g t ; 2 2 & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 1 " & g t ; 8 a m - 1 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - n o n e " & g t ; 1 p m - 4 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 2 " & g t ; 4 p m - 5 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 2 " & g t ; 5 p m - 9 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 2 " & g t ; 9 p m - 8 a m & l t ; / d i v & g t ; < b r   / >     & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m " & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - d a t e " & g t ; & l t ; a   c l a s s = " r o t a - e d i t "   d a t a - o p e n - m o d a l & g t ; E d i t & l t ; / a & g t ; 2 3 & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 2 " & g t ; 8 a m - 1 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - n o n e " & g t ; 1 p m - 4 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 4 " & g t ; 4 p m - 5 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - n o n e " & g t ; 5 p m - 9 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 2 " & g t ; 9 p m - 8 a m & l t ; / d i v & g t ; < b r   / >     & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m " & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - d a t e " & g t ; & l t ; a   c l a s s = " r o t a - e d i t "   d a t a - o p e n - m o d a l & g t ; E d i t & l t ; / a & g t ; 2 4 & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 2 " & g t ; 8 a m - 1 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - n o n e " & g t ; 1 p m - 4 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 3 " & g t ; 4 p m - 5 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 3 " & g t ; 5 p m - 9 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 3 " & g t ; 9 p m - 8 a m & l t ; / d i v & g t ; < b r   / >     & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m " & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - d a t e " & g t ; & l t ; a   c l a s s = " r o t a - e d i t "   d a t a - o p e n - m o d a l & g t ; E d i t & l t ; / a & g t ; 2 5 & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 3 " & g t ; 8 a m - 1 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - n o n e " & g t ; 1 p m - 4 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 4 " & g t ; 4 p m - 5 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - n o n e " & g t ; 5 p m - 9 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 3 " & g t ; 9 p m - 8 a m & l t ; / d i v & g t ; < b r   / >     & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m " & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - d a t e " & g t ; & l t ; a   c l a s s = " r o t a - e d i t "   d a t a - o p e n - m o d a l & g t ; E d i t & l t ; / a & g t ; 2 6 & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 3 " & g t ; 8 a m - 1 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - n o n e " & g t ; 1 p m - 4 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 4 " & g t ; 4 p m - 5 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - n o n e " & g t ; 5 p m - 9 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 3 " & g t ; 9 p m - 8 a m & l t ; / d i v & g t ; < b r   / >     & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m " & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - d a t e " & g t ; & l t ; a   c l a s s = " r o t a - e d i t "   d a t a - o p e n - m o d a l & g t ; E d i t & l t ;/a>27
8am-1pm
1pm-4pm
4pm-5pm
5pm-9pm
9pm-8am


















None
Helping Hands
Emma Cooper
Savannah Gregoire
Tracy Walker



None
Helping Hands
Emma Cooper
Savannah Gregoire
Tracy Walker



None
Helping Hands
Emma Cooper
Savannah Gregoire
Tracy Walker



None
Helping Hands
Emma Cooper
Savannah Gregoire
Tracy Walker



None
Helping Hands
Emma Cooper
Savannah Gregoire
Tracy Walker


Start
Finish
Morning
Afternoon
Teatime
Evening
Night time
Close

Подробнее здесь: https://stackoverflow.com/questions/797 ... ith-the-da

Реклама

1752676975

Anonymous

 Я научил себя HTML, CSS, PHP и MySQL много лет назад, но я никогда не приходился к изучению JavaScript. Я только что подобрал туда, где остановился, но есть так много новых вещей, которые можно было учиться, так как в последний раз я сделал какое -либо веб -кодирование. Может ли кто -нибудь помочь мне с моим кодом JavaScript, как это есть в настоящее время? Я до сих пор узнал только основы JS, и я не могу продолжить свой проект, пока не узнал гораздо больше.  class = "Snippet-Code-JS Lang-JS PrettyPrint-Override">[code]const openButton = document.querySelector("[data-open-modal]")
const closeButton = document.querySelector("[data-close-modal]")
const modal = document.querySelector("[data-modal]")

openButton.addEventListener("click", () => {
modal.showModal()
})
closeButton.addEventListener("click", () => {
modal.close()
})

modal.addEventListener("click", e => {
const dialogDimensions = modal.getBoundingClientRect()
if (
e.clientX < dialogDimensions.left ||
e.clientX > dialogDimensions.right ||
e.clientY < dialogDimensions.top ||
e.clientY >  dialogDimensions.bottom
) {
modal.close()
}
})< /code>
.rota-container {
display: flex;
flex-wrap: wrap;
margin: 10px 0px 50px 0px;
}

.rota-item {
flex: 1 0 13%;
background-color: #dcdcdc;
border: 1px solid #c0c0c0;
height: auto;
padding: 5px 0px 7px 0px;
}

.rota-item-day {
height: auto;
padding: 5px 0px 5px 0px;
text-align: center;
font-size: clamp(7px, 1.5vw, 50px);
font-weight: bold;
color: #000000;
}

.rota-date {
text-align: right;
margin: 0px 5px 0px 0px;
font-size: clamp(7px, 1.5vw, 15px);
color: #000000;
font-family: Verdana, sans-serif;
}

.rota-edit {
float: left;
padding-left: 5px;
}

.rota-user {
width: 90%;
margin: 2px auto 0px auto;
padding: 3px 0px 3px 3px;
border-radius: clamp(0px, 0.4vw, 15px);
color: white;
font-size: clamp(7px, 1.5vw, 15px);
font-family: Verdana, sans-serif;
}

.rota-user-1 {
background-color: #008000;
/*green*/
border: 1px solid #008000;
}

.rota-user-2 {
background-color: #cc006d;
/*pink*/
border: 1px solid #cc006d;
}

.rota-user-3 {
background-color: #4b0082;
/*blue*/
border: 1px solid #4b0082;
}

.rota-user-4 {
background-color: #707070;
/*dark grey*/
border: 1px solid #707070;
}

.rota-user-none {
background-color: transparent;
border: 1px solid transparent;
color: transparent;
}

.modal {
background-color: #f2f2f2;
border: 1px solid #000000;
border-radius: 10px;
z-index: 10;
padding: 20px;
}

.modal-container {
display: grid;
grid-template-columns: 1fr repeat(2, 1.5fr) 1fr;
grid-template-rows: repeat(7, 1fr);
grid-column-gap: 0px;
grid-row-gap: 10px;
}

.modal-area-1 {
grid-area: 2 / 2 / 3 / 3;
}

.modal-area-2 {
grid-area: 3 / 2 / 4 / 3;
}

.modal-area-3 {
grid-area: 4 / 2 / 5 / 3;
}

.modal-area-4 {
grid-area: 5 / 2 / 6 / 3;
}

.modal-area-5 {
grid-area: 6 / 2 / 7 / 3;
}

.modal-area-6 {
grid-area: 2 / 3 / 3 / 4;
}

.modal-area-7 {
grid-area: 3 / 3 / 4 / 4;
}

.modal-area-8 {
grid-area: 4 / 3 / 5 / 4;
}

.modal-area-9 {
grid-area: 5 / 3 / 6 / 4;
}

.modal-area-10 {
grid-area: 6 / 3 / 7 / 4;
}

.modal-area-11 {
grid-area: 2 / 4 / 3 / 5;
}

.modal-area-12 {
grid-area: 3 / 4 / 4 / 5;
}

.modal-area-13 {
grid-area: 4 / 4 / 5 / 5;
}

.modal-area-14 {
grid-area: 5 / 4 / 6 / 5;
}

.modal-area-15 {
grid-area: 6 / 4 / 7 / 5;
}

.modal-area-16 {
grid-area: 1 / 2 / 2 / 3;
}

.modal-area-17 {
grid-area: 1 / 3 / 2 / 4;
}

.modal-area-18 {
grid-area: 2 / 1 / 3 / 2;
}

.modal-area-19 {
grid-area: 3 / 1 / 4 / 2;
}

.modal-area-20 {
grid-area: 4 / 1 / 5 / 2;
}

.modal-area-21 {
grid-area: 5 / 1 / 6 / 2;
}

.modal-area-22 {
grid-area: 6 / 1 / 7 / 2;
}

.modal-area-23 {
grid-area:  7   /   4   /   8   /   5 ; < b r   / > } <   / c o d e >   < b r   / >   < p r e   C l a s s   =   " S n i p p e t - C o d e - h t m l   l a n g - h t m l   p r e t t y p r i n t - o v e r r i d e " > < c o d e > & l t ; d i v   c l a s s = " r o t a - c o n t a i n e r " & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m   r o t a - i t e m - d a y " & g t ; M o n d a y & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m   r o t a - i t e m - d a y " & g t ; T u e s d a y & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m   r o t a - i t e m - d a y " & g t ; W e d n e s d a y & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m   r o t a - i t e m - d a y " & g t ; T h u r s d a y & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m   r o t a - i t e m - d a y " & g t ; F r i d a y & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m   r o t a - i t e m - d a y " & g t ; S a t u r d a y & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m   r o t a - i t e m - d a y " & g t ; S u n d a y & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m " & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - d a t e " & g t ; & l t ; a   c l a s s = " r o t a - e d i t "   d a t a - o p e n - m o d a l & g t ; E d i t & l t ; / a & g t ; 2 1 & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 1 " & g t ; 8 a m - 1 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - n o n e " & g t ; 1 p m - 4 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 4 " & g t ; 4 p m - 5 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - n o n e " & g t ; 5 p m - 9 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 1 " & g t ; 9 p m - 8 a m & l t ; / d i v & g t ; < b r   / >     & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m " & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - d a t e " & g t ; & l t ; a   c l a s s = " r o t a - e d i t "   d a t a - o p e n - m o d a l & g t ; E d i t & l t ; / a & g t ; 2 2 & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 1 " & g t ; 8 a m - 1 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - n o n e " & g t ; 1 p m - 4 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 2 " & g t ; 4 p m - 5 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 2 " & g t ; 5 p m - 9 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 2 " & g t ; 9 p m - 8 a m & l t ; / d i v & g t ; < b r   / >     & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m " & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - d a t e " & g t ; & l t ; a   c l a s s = " r o t a - e d i t "   d a t a - o p e n - m o d a l & g t ; E d i t & l t ; / a & g t ; 2 3 & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 2 " & g t ; 8 a m - 1 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - n o n e " & g t ; 1 p m - 4 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 4 " & g t ; 4 p m - 5 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - n o n e " & g t ; 5 p m - 9 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 2 " & g t ; 9 p m - 8 a m & l t ; / d i v & g t ; < b r   / >     & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m " & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - d a t e " & g t ; & l t ; a   c l a s s = " r o t a - e d i t "   d a t a - o p e n - m o d a l & g t ; E d i t & l t ; / a & g t ; 2 4 & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 2 " & g t ; 8 a m - 1 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - n o n e " & g t ; 1 p m - 4 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 3 " & g t ; 4 p m - 5 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 3 " & g t ; 5 p m - 9 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 3 " & g t ; 9 p m - 8 a m & l t ; / d i v & g t ; < b r   / >     & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m " & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - d a t e " & g t ; & l t ; a   c l a s s = " r o t a - e d i t "   d a t a - o p e n - m o d a l & g t ; E d i t & l t ; / a & g t ; 2 5 & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 3 " & g t ; 8 a m - 1 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - n o n e " & g t ; 1 p m - 4 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 4 " & g t ; 4 p m - 5 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - n o n e " & g t ; 5 p m - 9 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 3 " & g t ; 9 p m - 8 a m & l t ; / d i v & g t ; < b r   / >     & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m " & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - d a t e " & g t ; & l t ; a   c l a s s = " r o t a - e d i t "   d a t a - o p e n - m o d a l & g t ; E d i t & l t ; / a & g t ; 2 6 & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 3 " & g t ; 8 a m - 1 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - n o n e " & g t ; 1 p m - 4 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 4 " & g t ; 4 p m - 5 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - n o n e " & g t ; 5 p m - 9 p m & l t ; / d i v & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - u s e r   r o t a - u s e r - 3 " & g t ; 9 p m - 8 a m & l t ; / d i v & g t ; < b r   / >     & l t ; / d i v & g t ; < b r   / >     & l t ; d i v   c l a s s = " r o t a - i t e m " & g t ; < b r   / >         & l t ; d i v   c l a s s = " r o t a - d a t e " & g t ; & l t ; a   c l a s s = " r o t a - e d i t "   d a t a - o p e n - m o d a l & g t ; E d i t & l t ;/a>27
8am-1pm
1pm-4pm
4pm-5pm
5pm-9pm
9pm-8am


















None
Helping Hands
Emma Cooper
Savannah Gregoire
Tracy Walker



None
Helping Hands
Emma Cooper
Savannah Gregoire
Tracy Walker



None
Helping Hands
Emma Cooper
Savannah Gregoire
Tracy Walker



None
Helping Hands
Emma Cooper
Savannah Gregoire
Tracy Walker



None
Helping Hands
Emma Cooper
Savannah Gregoire
Tracy Walker


Start
Finish
Morning
Afternoon
Teatime
Evening
Night time
Close


[/code]




Подробнее здесь: [url]https://stackoverflow.com/questions/79703582/how-do-i-make-my-dialog-modal-open-a-different-modal-for-every-link-with-the-da[/url]

Ответить Пред. тема След. тема

1 сообщение • Страница 1 из 1

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

Заголовок:

Имя пользователя:

Изменение регистра текста:

Смайлики

Ещё смайлики…

К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми. Можно прикреплять файлы, перетаскивая их в окно сообщения.

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

Имя файла:

Комментарий к файлу:

Имя файла	Комментарий к файлу	Размер	Статус

Похожие темы

Ответы

Просмотры

Последнее сообщение

Vuetify, когда диалог открывается из пункта меню. Диалог открылся, но меню все еще появляется

Последнее сообщение Anonymous « 26 апр 2025, 01:25
Добавлено в форуме CSS

Anonymous » 26 апр 2025, 01:25 » в форуме CSS

Activator slot

{{ item.title }}

mdi-archive
Add comment to archive

Close

Submit

export default {
data: () => ({
items: ,
}),
}

Когда мы нажали на меню. Как я могу скрыть меню, когда я нажимаю на пункт меню? Вы можете...

0 Ответы

11 Просмотры

Последнее сообщение Anonymous
26 апр 2025, 01:25
Как сделать кнопку ссылки открыть страницу внешней по отношению к приложению, на новой вкладке? Кнопка ссылки находится

Последнее сообщение Anonymous « 30 май 2025, 18:36
Добавлено в форуме Html

Anonymous » 30 май 2025, 18:36 » в форуме Html

Мне нужно, чтобы Linkbutton открыла место назначения на новой вкладке. Я могу получить новую вкладку с Target = _ Blank , но это открывает пустую вкладку. Без target = _ Blank , правильный пункт назначения открывается, но в текущей вкладке....

0 Ответы

6 Просмотры

Последнее сообщение Anonymous
30 май 2025, 18:36
Два репозитория Java, один с кодом зависимости, а другой с кодом приложения. Как мне контейнеризировать это приложение?

Последнее сообщение Anonymous « 04 июл 2024, 08:53
Добавлено в форуме JAVA

Anonymous » 04 июл 2024, 08:53 » в форуме JAVA

Вот мой вопрос или проблема, с которой я столкнулся в деталях.
У меня есть два репозитория git, которые имеют несколько веток, ветки разработки и master, сначала это Java-приложение (repo1) и другой репозиторий Java, который создает jar-файлы...

0 Ответы

26 Просмотры

Последнее сообщение Anonymous
04 июл 2024, 08:53
Два репозитория Java, один с кодом зависимости, а другой с кодом приложения. Как мне контейнеризировать это приложение?

Последнее сообщение Anonymous « 04 июл 2024, 09:42
Добавлено в форуме JAVA

Anonymous » 04 июл 2024, 09:42 » в форуме JAVA

Вот мой вопрос или проблема, с которой я столкнулся в деталях.
У меня есть два репозитория git, которые имеют несколько веток, ветки разработки и master, сначала это Java-приложение (repo1) и другой репозиторий Java, который создает jar-файлы...

0 Ответы

20 Просмотры

Последнее сообщение Anonymous
04 июл 2024, 09:42
COM SmartPtr работает, пока я не оставлю свой диалог бездействующим в течение ~ 10+ минут

Последнее сообщение Anonymous « 20 мар 2024, 06:30
Добавлено в форуме C++

Anonymous » 20 мар 2024, 06:30 » в форуме C++

Код, с которым я работаю, большой и сложный. Извините, если у меня недостаточно информации, но я не могу поделиться большим количеством кода по множеству причин. Я надеюсь, что кто-нибудь сможет подтолкнуть меня в правильном направлении, чтобы...

0 Ответы

17 Просмотры

Последнее сообщение Anonymous
20 мар 2024, 06:30

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

Programmiererforum