Permalink
Browse files

force push fuck yea

  • Loading branch information...
Abizar Bagasrawala Abizar Bagasrawala
Abizar Bagasrawala authored and Abizar Bagasrawala committed Nov 14, 2017
1 parent 8419746 commit a2e2b4e359a395b70def2feeaad5996bb1b82068
Showing with 131 additions and 13 deletions.
  1. +21 −10 inputpage.html
  2. +56 −0 inputpage.js
  3. +51 −3 sliderpage.css
  4. +3 −0 sliderpage.js
View
@@ -31,35 +31,46 @@
<div class="buttonLayout">
<button id="textIcon" type="button" class="buttonCustom">
<div class="tab buttonLayout">
<button id="button0" type="button" onclick="openTab(event, 'textArea')" class="tablinks buttonCustom">
T
</button>
<button type="button" class="buttonCustom">
<i class="material-icons iconSymbol">photo_camera</i>
<button id="button1" onclick="openTab(event, 'photo')" type="button" class="tablinks buttonCustom">
<i class="material-icons iconSymbol">photo_camera</i>
</button>
<button class="buttonCustom">
<button id="button2" onclick="openTab(event, 'video')" class="tablinks buttonCustom">
<i class="material-icons iconSymbol">videocam</i>
</button>
<button class="buttonCustom">
<button id="button3" onclick="openTab(event, 'audio')" class="tablinks buttonCustom">
<i class="material-icons iconSymbol">keyboard_voice</i>
</button>
</div>
<textarea id="text">
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
<div id="textContainer">
<textarea class="tabcontent" id="textArea">Hiiii
</textarea>
<form method="post" enctype="multipart/form-data">
<input id="photo" class="hideInput tabcontent" type="file" accept="image/*" multiple>
<label class="label" id="photoLabel" for="photo"><p class="para">Click here to upload photos!</p><i class="material-icons labelIcons">add_a_photo</i></label>
<input id="video" class="hideInput tabcontent" type="file" accept="video/*" multiple>
<label class="label" id="videoLabel"for="video"><p class="para">Click here to upload videos!</p><i class="material-icons labelIcons">video_call</i></label>
<input id="audio" class="hideInput tabcontent" type="file" accept="audio/*" multiple>
<label class="label" id="audioLabel"for="audio"><p class="para">Click here to upload audio!</p><i class="material-icons labelIcons">settings_voice</i></label>
</form>
</div>
<a href="thisweek.html" role="button" class="btn btn-primary" name="submit" id="submitInput" >Submit</a>
<!--
<form>
<input type="file" onchange="this.form.submit()" />
</form>
<form action="/action_page.php">
<input type="file" name="pic" accept="image/*">
<input type="submit">
</form>
</form> -->
<script src="jquery.js"></script>
<script src="roundSlider/dist/roundslider.min.js"></script>
<script src="bootstrap/js/bootstrap.js"></script>
<script src="sliderpage.js"></script>
<script src="inputpage.js"></script>
</body>
</html>
View
@@ -0,0 +1,56 @@
var textInput = "";
var buttons = [];
var textArea = document.getElementById("textArea");
var textContainer = document.getElementById("textContainer");
//var photoArea = '<input type="file" accept="image/*">';
var w = "hi";
function init() {
for (i=0;i<4;i++) {
buttons.push(document.getElementById("button" + i));
buttons[i].style.height = window.getComputedStyle(buttons[i]).width;
}
}
function openTab(evt, area) {
// Declare all variables
var i, tabcontent, tablinks, labels;
// Get all elements with class="tabcontent" and hide them
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
// Get all elements with class="tablinks" and remove the class "active"
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
labels = document.getElementsByClassName("label");
for (i = 0; i < labels.length; i++) {
labels[i].style.display = "none";
for (j=0; j < labels[i].childNodes.length; j++) {
labels[i].childNodes[j].style.display = "block";
}
}
// Show the current tab, and add an "active" class to the button that opened the tab
document.getElementById(area).style.display = "block";
var label = document.getElementById(area + 'Label')
label.style.display = "block";
for (i=0; i < label.childNodes.length; i++) {
label.childNodes[i].style.display = "block";
}
evt.currentTarget.className += " active";
}
/* function showPhoto() {
textContainer.innerHTML = photoArea;
} */
init();
document.getElementById("button0").click();
View
@@ -78,10 +78,14 @@ inputpage.html
width: 100%;
}
#textIcon {
#button0 {
font-family: "Times New Roman", Times, serif;
font-size: 350%;
font-weight: bold;
display: flex;
align-content: center;
justify-content: center;
line-height: 1;
}
@@ -107,12 +111,56 @@ inputpage.html
font-size: 300%;
}
#text {
#textContainer {
width: 80%;
margin: auto;
display: block;
padding-bottom: 80%;
height: 60%;
border: solid;
border-color: black;
border-width: 1px;
border-radius: 4px 4px 0 0;
}
.tabContent {
display: none;
}
#textArea {
width: 100%;
height: 100%;
}
#photoArea {
display: inline-block;
width: 100%;
margin: auto;
background-color: #3CBC8D;
align-items: center;
margin-top: 50%;
}
.hideInput {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.para {
margin-top: 50%;
text-align: center;
}
.labelIcons {
font-size: 300%;
display: block;
text-align: center;
}
#submitInput {
display: block;
margin: auto;
margin-top: 2%;
}
View
@@ -69,3 +69,6 @@ function submitClick() {
descrOfDay = document.getElementById("descrOfDay").value;
window.location= "inputpage.html";
}

0 comments on commit a2e2b4e

Please sign in to comment.