Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
WebDev
epic-journey-display
Commits
1ed7a037
Commit
1ed7a037
authored
Apr 16, 2020
by
Porter Libby
Browse files
work on modal formatting
parent
80506572
Changes
3
Hide whitespace changes
Inline
Side-by-side
index.html
View file @
1ed7a037
...
...
@@ -47,12 +47,14 @@
<!-- Modal content -->
<div
class=
"modal-content"
>
<span
id=
'close_btn'
class=
"close"
>
×
</span>
<p
id=
'modal_text'
>
Some text in the Modal..
</p>
<div
style=
"display:inline-block; width: 100%;"
>
<span
id=
'close_btn'
class=
"close"
>
×
</span>
<div
id=
'modal_text'
>
Some text in the Modal..
</div>
<iframe
id=
'modal-video'
allow_embedding=
true
width=
"560"
height=
"315"
src=
"https://www.youtube.com/embed/vjsbZiBVFRM"
frameborder=
"0"
allow=
"accelerometer; autoplay; encrypted-media; gyroscope;
picture-in-picture"
allowfullscreen
></iframe>
<iframe
id=
'modal-video'
allow_embedding=
true
width=
"40%"
height=
"300px"
src=
"https://www.youtube.com/embed/vjsbZiBVFRM"
frameborder=
"0"
allow=
"accelerometer; autoplay; encrypted-media; gyroscope;
picture-in-picture"
allowfullscreen
></iframe>
</div>
</div>
...
...
@@ -179,7 +181,7 @@
});
// create virtual keyboard if touchscreen is detected
}
</script>
<iframe
id=
'modal-video'
allow_embedding=
true
width=
"560"
height=
"315"
src=
"https://www.youtube.com/embed/vjsbZiBVFRM"
<iframe
allow_embedding=
true
width=
"560"
height=
"315"
src=
"https://www.youtube.com/embed/vjsbZiBVFRM"
frameborder=
"0"
allow=
"accelerometer; autoplay; encrypted-media; gyroscope;
picture-in-picture"
allowfullscreen
></iframe>
</div>
...
...
public/css/modal.css
View file @
1ed7a037
...
...
@@ -21,6 +21,15 @@
border
:
1px
solid
#888
;
width
:
80%
;
}
#modal_text
{
width
:
45%
;
display
:
inline-block
;
}
#modal-video
{
float
:
right
;
margin-left
:
20px
;
display
:
inline-block
}
/* The Close Button */
.close
{
...
...
public/js/modal.js
View file @
1ed7a037
...
...
@@ -25,7 +25,10 @@ function open_modal() {
function
set_modal_text
(
url
,
description
,
title
,
video_url
)
{
var
text_obj
=
document
.
getElementById
(
'
modal_text
'
);
var
video_obj
=
document
.
getElementById
(
'
modal-video
'
);
text_obj
.
innerText
=
title
;
text_obj
.
innerHTML
=
"
<strong>
"
+
title
+
"
</strong>
"
;
text_obj
.
innerHTML
+=
"
<br><br>
"
;
text_obj
.
innerHTML
+=
description
;
if
(
video_url
==
""
){
video_obj
.
style
.
display
=
"
none
"
;
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment