https://pastein.ru/t/NDf
Загрузка данных
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="awesome_all.css">
<link rel="stylesheet" href="main.css">
<link rel='stylesheet' href='shop_table.css'>
<link rel="stylesheet" href="style_search.css">
<script type='text/javascript' src='cart_js.js'></script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="wrapper">
<div class="section">
<div class="top_navbar">
<div class="hamburger">
<a href="#hambr">
<i class="fas fa-bars"></i>
</a>
</div>
<a href="#login">
<span class="icon"><i class="fas fa-home"></i></span>
<span class="item">Login</span>
</a>
</div>
</div>
<div class="sidebar">
<div class="profile">
<img src="https://1.bp.blogspot.com/-vhmWFWO2r8U/YLjr2A57toI/AAAAAAAACO4/0GBonlEZPmAiQW4uvkCTm5LvlJVd_-l_wCNcBGAsYHQ/s16000/team-1-2.jpg" alt="profile_picture">
<h3>Anamika Roy</h3>
<p>Designer</p>
</div>
<div>
<div class="menu-button" onclick=
"displayContent(event, 'edit_products')">
<span class="icon"><i class="fas fa-home"></i></span>
<span class="item">
Edit products</span>
</div>
<div class="menu-button" onclick=
"displayContent(event, 'add_product')">
<span class="icon"><i class="fas fa-home"></i></span>
<span class="item">
Add products</span>
</div>
<div class="menu-button" onclick=
"displayContent(event, 'show_user')">
<span class="icon"><i class="fas fa-home"></i></span>
<span class="item">
Show users</span>
</div>
<div class="menu-button" onclick=
"displayContent(event, 'exit_user')">
<span class="icon"><i class="fas fa-home"></i></span>
<span class="item">
Exit user</span>
</div>
<div class="menu-button" onclick=
"displayContent(event, 'add_images')">
<span class="icon"><i class="fas fa-home"></i></span>
<span class="item">
Add images</span>
</div>
</div>
<!--
<ul class="container--tabs">
<li class="tab tabs--active">Первая</li>
<li class="tab">Вторая</li>
</ul>
-->
<!-- <ul class="tab" style="overflow-x: hidden">
<li>
<a href="#site" class="active">
<span class="icon"><i class="fas fa-home"></i></span>
<span class="item">Client site</span>
</a>
</li>
<li>
<a href="#sales" class="active">
<span class="icon"><i class="fas fa-home"></i></span>
<span class="item">Add sales</span>
</a>
</li>
<li>
<a href="#catalog" class="active">
<span class="icon"><i class="fas fa-home"></i></span>
<span class="item">Show catalog</span>
</a>
</li>
<li>
<a href="#images" class="active">
<span class="icon"><i class="fas fa-home"></i></span>
<span class="item">Add images</span>
</a>
</li>
<li>
<a href="#exit" class="active">
<span class="icon"><i class="fas fa-home"></i></span>
<span class="item">Exit</span>
</a>
</li>
<li>
<a href="#users" class="active">
<span class="icon"><i class="fas fa-home"></i></span>
<span class="item">Create users</span>
</a>
</li>
<li>
<a href="#parameters" class="active">
<span class="icon"><i class="fas fa-home"></i></span>
<span class="item">User parameters</span>
</a>
</li>
<li>
<a href="#settings" class="active">
<span class="icon"><i class="fas fa-home"></i></span>
<span class="item">Settings</span>
</a>
</li>
</ul> -->
</div>
<div id="edit_products" class="contentClass">
<h2>Interview</h2>
<p>
Also, in Asymptotic analysis, we always
talk about input sizes larger than a
constant value. It might be possible
that those large inputs are never given
to your software and an algorithm which is
asymptotically slower, always performs
better for your particular situation.
So, you may end up choosing an algorithm
that is Asymptotically slower but faster
for your software.
</p>
<div id="product-grid">
<div class="txt-heading">Products</div>
<!-- <?php
$product_array = $db_handle->runQuery("SELECT * FROM products ORDER BY product_id ASC");
if (!empty($product_array)) {
foreach($product_array as $key=>$value){
?>
-->
<div class="table grid">
<div class="tr gridHeader">
<div class="tdColumn1"><img src="<?php echo $product_array[$key]["image"]; ?>"></div>
<div class="tdColumn2"><?php echo $product_array[$key]["name"]; ?></div>
<div class="tdColumn3"><?php echo $product_array[$key]["name"]; ?></div>
<div class="tdColumn4"><?php echo $product_array[$key]["price"]; ?></div>
<div class="tdColumn5">
<a href="#" onclick="show_cart('http://diasmath.blogg.org')" class="active">
<span class="icon"><i class="fas fa-home"></i></span>
<span class="item">By</span>
</a>
</div>
</div>
</div>
<!-- <?php
}
}
?>
-->
<form method="post" action="">
<input type="text" name="name" />
<input type="text" name="quantity" />
<input type="file" name="images[]" multiple/>
<input type="text" name="description" />
</form>
<p> gggggggggggggggggggggg </p>
</div>
</div>
</div>
<div id="add_product" class="contentClass">
<h3>Practice</h3>
<p>
Asymptotic Analysis is the big idea
that handles above issues in analyzing
algorithms. In Asymptotic Analysis,
we evaluate the performance of an
algorithm in terms of input size (we
don’t measure the actual running time).
We calculate, how does the time
(or space) taken by an algorithm
increases with the input size.
</p>
</div>
<div id="show_user" class="contentClass">
<h3>Python</h3>
<p>
Python is a high-level, general-purpose
and a very popular programming language.
Python programming language (latest Python 3)
is being used in web development, Machine
Learning applications, along with all
cutting edge technology in Software Industry.
Python Programming Language is very well
suited for Beginners, also for experienced
programmers with other programming languages
like C++ and Java.
</p>
<div class="search_box">
<form action="">
<input type="text" name="search" id="search" placeholder="Введите город">
<input type="submit">
</form>
<div id="search_box-result"></div>
</div>
</div>
<div id="exit_user" class="contentClass">
<h3>Greedy Algorithms</h3>
<p>
Greedy is an algorithmic paradigm that
builds up a solution piece by piece,
always choosing the next piece that
offers the most obvious and immediate
benefit. So the problems where
choosing locally optimal also
leads to global solution are
best fit for Greedy.
</p>
</div>
<div id="add_images" class="contentClass">
<h3>Machine Learning</h3>
<p>
Machine Learning is the field of
study that gives computers the capability
to learn without being explicitly
programmed. ML is one of the most
exciting technologies that one
would have ever come across.
As it is evident from the name,
it gives the computer that makes
it more similar to humans:
The ability to learn. Machine learning
is actively being used today,
perhaps in many more places than
one would expect.
</p>
</div>
<!--
<div class="tab">
<button class="tablinks" onclick="openCity(event, 'London')">London</button>
<button class="tablinks" onclick="openCity(event, 'Paris')">Paris</button>
<button class="tablinks" onclick="openCity(event, 'Tokyo')">Tokyo</button>
</div>
-->
<!--
<div class="container--content">
<div class="content content--active">
111111111111111111111111111111111111111111111111111111111111111111
</div>
<div class="content">
2222222222222222222222222222222222222222222222222222222222222222222
</div>
</div>
-->
<!--
<div id="users" class="tabcontent">
<h3>London</h3>
<p>London is the capital city of England.ssssssssssssssss</p>
</div>
<div id="parameters" class="tabcontent">
<h3>Paris</h3>
<p>Paris is the capital of France.cccccccccccccccccccccc</p>
</div>
<div id="settings" class="tabcontent">
<h3>Tokyo</h3>
<p>Tokyo is the capital of Japan.ddddddddddddddddddddddd</p>
</div>
-->
</div>
<script>
// var hamburger = document.querySelector(".hamburger");
// hamburger.addEventListener("click", function(){
// document.querySelector("body").classList.toggle("active");
// })
/*
function openCity(evt, cityName) {
// Declare all variables
var i, tabcontent, tablinks;
// 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", "");
}
// Show the current tab, and add an "active" class to the link that opened the tab
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
*/
/*
const tabs = document.querySelectorAll(".tab");
const contents = document.querySelectorAll(".content");
for (let i = 0; i < tabs.length; i++) {
tabs[i].addEventListener("click", ( event ) => {
let tabsChildren = event.target.parentElement.children;
for (let t = 0; t < tabsChildren.length; t++) {
tabsChildren[t].classList.remove("tab--active");
}
tabs[i].classList.add("tab--active");
let tabContentChildren = event.target.parentElement.nextElementSibling.children;
for (let c = 0; c < tabContentChildren.length; c++) {
tabContentChildren[c].classList.remove("content--active");
}
contents[i].classList.add("content--active");
});
}
*/
function displayContent(event, contentNameID) {
let content =
document.getElementsByClassName("contentClass");
let totalCount = content.length;
// Loop through the content class
// and hide the tabs first
for (let count = 0;
count < totalCount; count++) {
content[count].style.display = "none";
}
let links =
document.getElementsByClassName("linkClass");
totalLinks = links.length;
// Loop through the links and
// remove the active class
for (let count = 0;
count < totalLinks; count++) {
links[count].classList.remove("active");
}
// Display the current tab
document.getElementById(contentNameID)
.style.display = "block";
// Add the active class to the current tab
event.currentTarget.classList.add("active");
}
</script>
</body>
</html>