One Hat Cyber Team
Your IP :
3.144.105.255
Server IP :
50.28.103.30
Server :
Linux host.jcukjv-lwsites.com 4.18.0-553.22.1.el8_10.x86_64 #1 SMP Tue Sep 24 05:16:59 EDT 2024 x86_64
Server Software :
nginx/1.24.0
PHP Version :
8.3.12
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
www
/
wwwroot
/
ef.electronharmony.com
/
2
/
Edit File:
index.php
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="keywords" content="Display advertising platform,Ad campaign management,Programmatic ad buying,Ad performance analytics,Audience targeting solutions,Real-time bidding (RTB),Ad inventory management,Cross-channel advertising,Creative ad optimization,Ad placement strategies,"> <meta name="description" content="URLSphere is an innovative platform specializing in display and advertising, designed to help businesses enhance brand visibility and optimize ad campaign performance. With its robust features, URLSphere enables multi-channel ad management, real-time performance analytics, and precise audience targeting, driving higher conversion rates. The platform supports programmatic ad buying through real-time bidding (RTB) and smart algorithms, ensuring ads reach the most relevant users at the right time. In addition, URLSphere offers flexible creative optimization tools, allowing users to adapt content seamlessly for different channels to maximize impact. Its cross-channel advertising management and deep data insights empower businesses to allocate ad budgets effectively, ensuring maximum return on investment (ROI). Whether for brand promotion or product marketing, URLSphere delivers comprehensive and reliable solutions to help advertisers stand out in a competitive market."> <meta property="og:site_name" content="URLSphere"> <meta property="og:url" content="https://ef.electronharmony.com/"> <meta property="og:type" content="website"> <meta property="og:title" content="URLSphere - Transforming Advertising Through Smart URL Management"> <meta property="og:description" content="Discover how URLSphere revolutionizes display advertising and audience engagement with innovative URL management and advanced analytics tools."> <meta name='og:image' content='style/images/assets/ogg.png'> <!-- For IE --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- For Resposive Device --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- For Window Tab Color --> <!-- Chrome, Firefox OS and Opera --> <meta name="theme-color" content="#244034"> <!-- Windows Phone --> <meta name="msapplication-navbutton-color" content="#244034"> <!-- iOS Safari --> <meta name="apple-mobile-web-app-status-bar-style" content="#244034"> <title>URLSphere </title> <!-- Favicon --> <link rel="icon" type="image/png" sizes="56x56" href="style/images/fav-icon/icon.png"> <!-- Bootstrap CSS --> <link rel="stylesheet" type="text/css" href="style/css/bootstrap.min.css" media="all"> <!-- Main style sheet --> <link rel="stylesheet" type="text/css" href="style/css/style.css" media="all"> <!-- responsive style sheet --> <link rel="stylesheet" type="text/css" href="style/css/responsive.css" media="all"> <!-- Fix Internet Explorer ______________________________________--> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="vendor/html5shiv.js"></script> <script src="vendor/respond.js"></script> <![endif]--> </head> <style> /* 分类选择样式 */ .custom-select-wrapper { position: relative; display: inline-block; width: 100%; } .custom-select { width: 100%; padding: 10px 15px; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 5px; font-size: 16px; color: #333; appearance: none; background: #fff url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') no-repeat right 15px center; background-size: 10px; cursor: pointer; } .custom-select:focus { border-color: #007bff; box-shadow: 0 0 3px rgba(0, 123, 255, 0.5); outline: none; } .custom-select option { padding: 10px; font-size: 16px; } </style> <body> <div class="main-page-wrapper"> <!-- =================================================== Loading Transition ==================================================== --> <div id="preloader"> <div id="ctn-preloader" class="ctn-preloader"> <div class="icon"><img src="style/images/loader.svg" alt="" class="m-auto d-block" width="60"></div> <div class="txt-loading"> <span data-text-preloader="w" class="letters-loading"> w </span> <span data-text-preloader="e" class="letters-loading"> e </span> <span data-text-preloader="b" class="letters-loading"> b </span> <span data-text-preloader="s" class="letters-loading"> s </span> </div> </div> </div> <!-- ============================================= Theme Main Menu ============================================== --> <header class="theme-main-menu menu-overlay menu-style-one sticky-menu"> <div class="inner-content position-relative"> <div class="top-header"> <div class="d-flex align-items-center"> <div class="logo order-lg-0"> <a href="index.html" class="d-flex align-items-center"> <img src="style/images/logo/logo1.png" alt=""> </a> </div> <!-- logo --> <div class="right-widget ms-auto order-lg-3"> <ul class="d-flex align-items-center style-none"> <li class="d-none-one d-md-block ms-4"><a href="#" data-bs-toggle="modal" data-bs-target="#loginModal" class="btn-one">POST URL</a></li> </ul> </div> <!--/.right-widget--> <nav class="navbar navbar-expand-lg p0 ms-lg-5 ms-3 order-lg-2"> <button class="navbar-toggler d-block d-lg-none" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav align-items-lg-center"> <li class="d-block d-lg-none"><div class="logo"><a href="index.html" class="d-block"><img src="style/images/logo/logo_01.png" alt="" width="100"></a></div></li> <li class="nav-item dropdown category-btn mega-dropdown-sm"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false"><i class="bi bi-grid-fill"></i> Category</a> <ul class="dropdown-menu category-dropdown"> <li class="row gx-0"> <div class="col-lg-6"> <a href="job-list-v1.html" class="item d-flex align-items-center"> <div class="icon d-flex align-items-center justify-content-center rounded-circle tran3s"><img src="images/lazy.svg" data-src="style/images/icon/icon_63.svg" alt="" class="lazy-img"></div> <div class="ps-3 flex-fill"> <div class="fw-500 text-dark">Technology</div> <div class="job-count">xxx</div> </div> </a> <!-- /.item --> <a href="job-list-v2.html" class="item d-flex align-items-center"> <div class="icon d-flex align-items-center justify-content-center rounded-circle tran3s"><img src="images/lazy.svg" data-src="images/icon/icon_64.svg" alt="" class="lazy-img"></div> <div class="ps-3 flex-fill"> <div class="fw-500 text-dark">Design</div> <div class="job-count">xxx</div> </div> </a> <!-- /.item --> <a href="job-list-v3.html" class="item d-flex align-items-center"> <div class="icon d-flex align-items-center justify-content-center rounded-circle tran3s"><img src="images/lazy.svg" data-src="images/icon/icon_65.svg" alt="" class="lazy-img"></div> <div class="ps-3 flex-fill"> <div class="fw-500 text-dark">Server</div> <div class="job-count">xxx</div> </div> </a> <!-- /.item --> </div> <div class="col-lg-6"> <a href="job-grid-v1.html" class="item d-flex align-items-center"> <div class="icon d-flex align-items-center justify-content-center rounded-circle tran3s"><img src="images/lazy.svg" data-src="images/icon/icon_68.svg" alt="" class="lazy-img"></div> <div class="ps-3 flex-fill"> <div class="fw-500 text-dark">News</div> <div class="job-count">xxx</div> </div> </a> <!-- /.item --> <a href="job-grid-v2.html" class="item d-flex align-items-center"> <div class="icon d-flex align-items-center justify-content-center rounded-circle tran3s"><img src="images/lazy.svg" data-src="images/icon/icon_66.svg" alt="" class="lazy-img"></div> <div class="ps-3 flex-fill"> <div class="fw-500 text-dark">Finance</div> <div class="job-count">xxx</div> </div> </a> <!-- /.item --> <a href="job-grid-v3.html" class="item d-flex align-items-center"> <div class="icon d-flex align-items-center justify-content-center rounded-circle tran3s"><img src="images/lazy.svg" data-src="images/icon/icon_67.svg" alt="" class="lazy-img"></div> <div class="ps-3 flex-fill"> <div class="fw-500 text-dark">It</div> <div class="job-count">xxx</div> </div> </a> <!-- /.item --> </div> </li> <li> <a href="job-list-v1.html" class="explore-all-btn d-flex align-items-center justify-content-between tran3s"> <span class="fw-500">Explore all fields</span> <span class="icon"><i class="bi bi-chevron-right"></i></span> </a> </li> </ul> </li> <li class="nav-item dropdown dashboard-menu"> <a class="nav-link " href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">Dashboard </a> </li> <li class="nav-item dropdown mega-dropdown-sm"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">Explore </a> <ul class="dropdown-menu"> <li class="row gx-1"> <div class="col-md-4"> <div class="menu-column"> <h6 class="mega-menu-title">Candidates</h6> <ul class="style-none mega-dropdown-list"> <li><a href="candidates-v1.html" class="dropdown-item"><span>Candidates V-1</span></a></li> <li><a href="candidates-v2.html" class="dropdown-item"><span>Candidates V-2</span></a></li> <li><a href="candidates-v3.html" class="dropdown-item"><span>Candidates V-3</span></a></li> <li><a href="candidates-v4.html" class="dropdown-item"><span>Candidates V-4</span></a></li> <li><a href="candidate-profile-v1.html" class="dropdown-item"><span>Candidates Details v-1</span></a></li> <li><a href="candidate-profile-v2.html" class="dropdown-item"><span>Candidates Details v-2</span></a></li> </ul> </div> <!--/.menu-column --> </div> <div class="col-md-4"> <div class="menu-column"> <h6 class="mega-menu-title">Company</h6> <ul class="style-none mega-dropdown-list"> <li><a href="company-v1.html" class="dropdown-item"><span>Company V-1</span></a></li> <li><a href="company-v2.html" class="dropdown-item"><span>Company V-2</span></a></li> <li><a href="company-v3.html" class="dropdown-item"><span>Company V-3</span></a></li> <li><a href="company-v4.html" class="dropdown-item"><span>Company V-4</span></a></li> <li><a href="company-details.html" class="dropdown-item"><span>Company Details</span></a></li> </ul> </div> <!--/.menu-column --> </div> <div class="col-md-4"> <div class="menu-column"> <h6 class="mega-menu-title">Essential</h6> <ul class="style-none mega-dropdown-list"> <li><a href="about-us.html" class="dropdown-item"><span>About Us</span></a></li> <li><a href="pricing.html" class="dropdown-item"><span>Pricing</span></a></li> <li><a href="faq.html" class="dropdown-item"><span>Faq's</span></a></li> <li><a href="signup.html" class="dropdown-item"><span>Register</span></a></li> <li><a href="404.html" class="dropdown-item"><span>404 Error</span></a></li> </ul> </div> <!--/.menu-column --> </div> </li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">Blog </a> <ul class="dropdown-menu"> <li><a href="blog-v1.html" class="dropdown-item"><span>Blog Standard</span></a></li> <li><a href="blog-v2.html" class="dropdown-item"><span>Blog Grid</span></a></li> <li><a href="blog-v3.html" class="dropdown-item"><span>Blog Full width</span></a></li> <li><a href="blog-details.html" class="dropdown-item"><span>Blog Details</span></a></li> </ul> </li> <li class="nav-item"> <a class="nav-link" href="contact.html" role="button">Contact</a> </li> <li class="d-md-none"><a href="dashboard/employer-dashboard-submit-job.html" class="job-post-btn tran3s">Post 11Job</a></li> <li class="d-md-none"><a href="candidates-v1.html" class="btn-one w-100">Hire Top Talents</a></li> </ul> </div> </nav> </div> </div> <!--/.top-header--> </div> <!-- /.inner-content --> </header> <!-- /.theme-main-menu --> <!-- ============================================= Inner Banner ============================================== --> <div class="inner-banner-one position-relative"> <div class="container"> <div class="position-relative"> <div class="row"> <div class="col-xl-6 m-auto text-center"> <div class="title-two"> <h2 class="text-white">Web Listing </h2> </div> <p class="text-lg text-white mt-30 lg-mt-20 mb-35 lg-mb-20">We delivered blazing fast & striking work solution</p> </div> </div> <div class="position-relative"> <div class="row"> <div class="col-xl-9 col-lg-8 m-auto"> <div class="job-search-one position-relative"> <form action="job-grid-v1.html"> <div class="row"> <div class="col-md-5"> <div class="input-box"> <div class="label">What are you looking for?</div> <select class="nice-select lg"> <option value="1">UI Designer</option> <option value="2">Content creator</option> <option value="3">Web Developer</option> <option value="4">SEO Guru</option> <option value="5">Digital marketer</option> </select> </div> </div> <div class="col-md-4"> <div class="input-box border-left"> <div class="label">Category</div> <select class="nice-select lg"> <option value="1">Web Design</option> <option value="2">Design & Creative</option> <option value="3">It & Development</option> <option value="4">Web & Mobile Dev</option> <option value="5">Writing</option> <option value="6">Sales & Marketing</option> <option value="7">Music & Audio</option> </select> </div> </div> <div class="col-md-3"> <button class="fw-500 text-uppercase h-100 tran3s search-btn">Search</button> </div> </div> </form> </div> <!-- /.job-search-one --> </div> </div> </div> </div> </div> <img src="images/lazy.svg" data-src="images/shape/shape_02.svg" alt="" class="lazy-img shapes shape_01"> <img src="images/lazy.svg" data-src="images/shape/shape_03.svg" alt="" class="lazy-img shapes shape_02"> </div> <!-- /.inner-banner-one --> <!-- ============================================= Job Listing Three ============================================== --> <section class="job-listing-three bg-color pt-90 lg-pt-80 pb-160 xl-pb-150 lg-pb-80"> <div class="container"> <div class="row"> <div class="col-12"> <div class="job-post-item-wrapper"> <div class="upper-filter d-flex justify-content-between align-items-start align-items-sm-center mb-30"> <div class="d-sm-flex align-items-center"> <button type="button" class="filter-btn fw-500 tran3s me-3" data-bs-toggle="modal" data-bs-target="#filterPopUp"> <i class="bi bi-funnel"></i> Filter </button> <div class="total-job-found xs-mt-10">All <span class="text-dark fw-500">7,096</span> jobs found</div> </div> <div class="d-flex align-items-center"> <div class="short-filter d-flex align-items-center"> <div class="text-dark fw-500 me-2">Short:</div> <select class="nice-select"> <option value="0">Latest</option> <option value="1">Category</option> <option value="2">Job Type</option> </select> </div> </div> </div> <!-- /.upper-filter --> <div class="wrapper"> <div class="row"> <?php // 数据库连接 include 'mysql.php'; // 获取当前页码（默认第1页） $page = isset($_GET['page']) ? (int)$_GET['page'] : 1; $page = max(1, $page); // 确保页码最小为1 // 每页显示的条数 $items_per_page = 20; // 数据偏移量计算 $offset = ($page - 1) * $items_per_page; // 查询总条数 $total_sql = "SELECT COUNT(*) AS total FROM url_entries WHERE statuss = 'Yes'"; $total_result = $conn->query($total_sql); $total_row = $total_result->fetch_assoc(); $total_items = $total_row['total']; // 计算总页数 $total_pages = ceil($total_items / $items_per_page); // 查询当前页数据 $sql = "SELECT urls, titles, logos, keywordss, descriptions, countrys, categoryss, statuss FROM url_entries WHERE statuss = 'Yes' ORDER BY id DESC LIMIT $offset, $items_per_page"; $result = $conn->query($sql); // 检查是否有结果 if ($result->num_rows > 0) { while ($row = $result->fetch_assoc()) { // 处理数据字段长度限制 $urls = $row['urls']; $titles = strlen($row['titles']) > 30 ? substr($row['titles'], 0, 30) . '...' : $row['titles']; $logos = $row['logos']; $keywordss = strlen($row['keywordss']) > 100 ? substr($row['keywordss'], 0, 100) . '...' : $row['keywordss']; $descriptions = strlen($row['descriptions']) > 100 ? substr($row['descriptions'], 0, 100) . '...' : $row['descriptions']; $countrys = $row['countrys']; $categoryss = $row['categoryss']; // 动态生成 HTML echo " <div class=\"col-lg-6 mb-30\"> <div class=\"job-list-three d-flex h-100 w-100\"> <div class=\"main-wrapper h-100 w-100\"> <a href=\"$urls\" target=\"_blank\" class=\"save-btn text-center rounded-circle tran3s\" title=\"Save Job\"> <i class=\"bi bi-bookmark-dash\"></i> </a> <div class=\"list-header d-flex align-items-center\"> <a href=\"$urls\" target=\"_blank\" class=\"logo\"> <img src=\"$logos\" alt=\"Logo\" class=\"lazy-img m-auto\"> </a> <div class=\"info-wrapper\"> <a href=\"$urls\" target=\"_blank\" class=\"title fw-500 tran3s\">$titles</a> <ul class=\"style-none d-flex flex-wrap info-data\"> <li>$keywordss</li> </ul> </div> </div> <p>$descriptions</p> <div class=\"d-sm-flex align-items-center justify-content-between mt-auto\"> <div class=\"d-flex align-items-center\"> <img src=\"images/icon/icon_51.svg\" alt=\"\"> <span class=\"fw-500 client-status\">$categoryss</span> <a class=\"job-duration fw-500 text-danger\">$countrys</a> </div> <a href=\"$urls\" target=\"_blank\" class=\"apply-btn text-center tran3s xs-mt-20\">View</a> </div> </div> </div> </div> "; } } else { echo "<p>No data found.</p>"; } // 关闭数据库连接 $conn->close(); ?> <!-- 分页导航 --> <div class="pt-30 lg-pt-20 d-sm-flex align-items-center justify-content-between"> <p class="m0 order-sm-last text-center text-sm-start xs-pb-20"> Showing <span class="text-dark fw-500"><?= (($page - 1) * $items_per_page + 1) ?></span> to <span class="text-dark fw-500"><?= min($page * $items_per_page, $total_items) ?></span> of <span class="text-dark fw-500"><?= $total_items ?></span> </p> <ul class="pagination-one d-flex align-items-center justify-content-center justify-content-sm-start style-none"> <?php if ($page > 1): ?> <li><a href="?page=<?= $page - 1 ?>"> < </a></li> <?php endif; ?> <?php for ($i = 1; $i <= $total_pages; $i++): ?> <li class="<?= $i == $page ? 'active' : '' ?>"><a style="width: 35px;height: 35px;" href="?page=<?= $i ?>"><?= $i ?></a></li> <?php endfor; ?> <?php if ($page < $total_pages): ?> <li><a style="width: 35px;height: 35px;" href="?page=<?= $page + 1 ?>"> > </a></li> <?php endif; ?> </ul> </div> </div> <!-- /.job-post-item-wrapper --> </div> <!-- /.col- --> </div> </div> </section> <!-- ./job-listing-three --> <!-- ===================================================== Job Portal Intro ===================================================== --> <section class="job-portal-intro"> <div class="container"> <div class="wrapper bottom-border pt-65 md-pt-50 pb-65 md-pb-50"> <div class="row align-items-center"> <div class="col-lg-7"> <div class="text-center text-lg-start"> <h2>Most complete job portal.</h2> <p class="text-md m0 md-pb-20">Signup and start find your job or talents.</p> </div> </div> <div class="col-lg-5"> <ul class="btn-group style-none d-flex flex-wrap justify-content-center justify-content-lg-end"> <li class="me-2"><a href="job-list-v1.html" class="btn-three">Looking for job?</a></li> <li class="ms-2"><a href="signup.html" class="btn-four">Post a job</a></li> </ul> </div> </div> </div> </div> </section> <!-- /.job-portal-intro --> <!-- ===================================================== Footer One ===================================================== --> <div class="footer-one"> <div class="container"> <div class="inner-wrapper"> <div class="row"> <div class="col-lg-2 col-md-3 footer-intro mb-15"> <div class="logo mb-15"> <a href="index.html" class="d-flex align-items-center"> <img src="images/logo/logo_03.png" alt=""> </a> </div> <img src="images/lazy.svg" data-src="images/shape/shape_28.svg" alt="" class="lazy-img mt-80 sm-mt-30 sm-mb-20"> <!-- logo --> </div> <div class="col-lg-2 col-md-3 col-sm-4 mb-20"> <h5 class="footer-title">Services</h5> <ul class="footer-nav-link style-none"> <li><a href="job-grid-v2.html">Browse Jobs</a></li> <li><a href="company-v1.html">Companies</a></li> <li><a href="candidates-v1.html">Candidates</a></li> <li><a href="pricing.html">Pricing</a></li> </ul> </div> <div class="col-lg-2 col-md-3 col-sm-4 mb-20"> <h5 class="footer-title">Company</h5> <ul class="footer-nav-link style-none"> <li><a href="about-us.html">About us</a></li> <li><a href="blog-v2.html">Blogs</a></li> <li><a href="faq.html">FAQ’s</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> <div class="col-lg-2 col-md-3 col-sm-4 mb-20"> <h5 class="footer-title">Support</h5> <ul class="footer-nav-link style-none"> <li><a href="contact.html">Terms of use</a></li> <li><a href="contact.html">Terms & conditions</a></li> <li><a href="contact.html">Privacy</a></li> <li><a href="contact.html">Cookie policy</a></li> </ul> </div> <div class="col-lg-4 mb-20 footer-newsletter"> <h5 class="footer-title">Newsletter</h5> <p>Join & get important new regularly</p> <form action="#" class="d-flex"> <input type="email" placeholder="Enter your email*"> <button>Send</button> </form> <p class="note">We only send interesting and relevant emails.</p> </div> </div> </div> <!-- /.inner-wrapper --> </div> <div class="bottom-footer"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-4 order-lg-3 mb-15"> <ul class="style-none d-flex order-lg-last justify-content-center justify-content-lg-end social-icon"> <li><a href="#"><i class="bi bi-whatsapp"></i></a></li> <li><a href="#"><i class="bi bi-dribbble"></i></a></li> <li><a href="#"><i class="bi bi-google"></i></a></li> <li><a href="#"><i class="bi bi-instagram"></i></a></li> </ul> </div> <div class="col-lg-4 order-lg-1 mb-15"> <ul class="d-flex style-none bottom-nav justify-content-center justify-content-lg-start"> <li><a href="contact.html">Privacy & Terms.</a></li> <li><a href="contact.html"> Contact Us</a></li> </ul> </div> <div class="col-lg-4 order-lg-2"> <p class="text-center mb-15">Copyright @2023 jobi inc.</p> </div> </div> </div> </div> </div> <!-- /.footer-one --> <!-- Modal --> <div class="modal fade" id="loginModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-fullscreen modal-dialog-centered"> <div class="container"> <div class="user-data-form modal-content"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <div class="text-center"> <h2>Go ahead and submit your URL!</h2> <p>We will review the content of your website.</p> </div> <div class="form-wrapper m-auto"> <form id="url-form" action="addurlhome.php" method="post" class="mt-10"> <div class="row"> <!-- URL 输入框 --> <div class="col-12"> <div class="input-group-meta position-relative mb-25"> <label for="url-input">URL*</label> <input type="text" id="url-input" name="urls" placeholder="https://test.com" required> </div> </div> <!-- 信息展示区域 --> <div class="col-12"> <div id="preview-container" style="display: none;"> <div class="job-list-three d-flex h-100 w-100"> <div class="main-wrapper h-100 w-100"> <div class="list-header d-flex align-items-center"> <img id="preview-logo" src="images/lazy.svg" alt="Logo" class="lazy-img m-auto"> <div class="info-wrapper"> <p id="preview-title" class="title fw-500 tran3s">Title will appear here</p> <ul class="style-none d-flex flex-wrap info-data"> <li id="preview-keywords">Keywords will appear here</li> </ul> </div> </div> <p id="preview-description">Description will appear here</p> <p id="preview-country">Country will appear here</p> </div> </div> </div> </div> <div class="col-12"> <div class="input-group-meta position-relative mb-25"> <label for="category-select" class="form-label">Category*</label> <div class="custom-select-wrapper"> <select class="custom-select" id="category-select" name="categoryss" required> <option value="" disabled selected>--Select a Category--</option> <option value="Technology">Technology</option> <option value="IT">IT</option> <option value="Server">Server</option> <option value="Design">Design</option> <option value="Finance">Finance</option> <option value="News">News</option> </select> </div> </div> </div> <!-- 提交按钮 --> <div class="col-12"> <button type="submit" id="submit-btn" class="btn-eleven fw-500 tran3s d-block mt-20">Submit</button> <p id="success-message" style="display: none; color: green; margin-top: 10px;">您已提交成功，1秒后跳转到首页...</p> </div> </div> <!-- Hidden fields for extracted data --> <input type="hidden" name="titles" id="hidden-titles"> <input type="hidden" name="logos" id="hidden-logos"> <input type="hidden" name="keywordss" id="hidden-keywordss"> <input type="hidden" name="descriptions" id="hidden-descriptions"> <input type="hidden" name="countrys" id="hidden-countrys"> </form> <script> document.addEventListener("DOMContentLoaded", () => { const urlInput = document.getElementById("url-input"); const previewContainer = document.getElementById("preview-container"); const previewLogo = document.getElementById("preview-logo"); const previewTitle = document.getElementById("preview-title"); const previewKeywords = document.getElementById("preview-keywords"); const previewDescription = document.getElementById("preview-description"); const previewCountry = document.getElementById("preview-country"); const submitBtn = document.getElementById("submit-btn"); const successMessage = document.getElementById("success-message"); // 动态获取 URL 预览信息 urlInput.addEventListener("input", async () => { const url = urlInput.value.trim(); if (!url) { previewContainer.style.display = "none"; return; } try { const response = await fetch(`get_preview.php?url=${encodeURIComponent(url)}`); if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`); const data = await response.json(); if (data.success) { previewLogo.src = data.logo || "images/lazy.svg"; previewTitle.textContent = data.title || "No Title Available"; previewKeywords.textContent = data.keywords || "No Keywords Available"; previewDescription.textContent = data.description || "No Description Available"; previewCountry.textContent = data.country || "No Country Available"; // 填充隐藏字段 document.getElementById("hidden-titles").value = data.title || ""; document.getElementById("hidden-logos").value = data.logo || ""; document.getElementById("hidden-keywordss").value = data.keywords || ""; document.getElementById("hidden-descriptions").value = data.description || ""; document.getElementById("hidden-countrys").value = data.country || ""; previewContainer.style.display = "block"; } else { previewContainer.style.display = "none"; } } catch (error) { console.error("Error fetching preview:", error); previewContainer.style.display = "none"; } }); // 提交表单到数据库 document.getElementById("url-form").addEventListener("submit", async (event) => { event.preventDefault(); submitBtn.disabled = true; const formData = new FormData(event.target); try { const response = await fetch("addurlhome.php", { method: "POST", body: formData, }); if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`); const data = await response.json(); if (data.success) { successMessage.style.display = "block"; // 显示成功消息 setTimeout(() => { window.location.href = "index.php"; // 跳转到首页 }, 1000); } else { alert("Error adding data: " + data.message); } } catch (error) { console.error("Error submitting form:", error); alert("An unexpected error occurred. Please try again."); } finally { submitBtn.disabled = false; } }); }); </script> </div> <!-- /.form-wrapper --> </div> <!-- /.user-data-form --> </div> </div> </div> <!-- Modal --> <div class="modal popUpModal fade" id="filterPopUp" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-fullscreen modal-dialog-centered"> <div class="container"> <div class="filter-area-tab modal-content"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <div class="position-relative"> <div class="main-title fw-500 text-dark ps-4 pe-4 pt-15 pb-15 border-bottom">Filter By</div> <div class="pt-25 pb-30 ps-4 pe-4"> <div class="row"> <div class="col-lg-3 col-sm-6"> <div class="filter-block pb-50 lg-pb-20"> <div class="filter-title fw-500 text-dark">Keyword or Title</div> <form action="#" class="input-box position-relative"> <input type="text" placeholder="Search by Keywords"> <button><i class="bi bi-search"></i></button> </form> </div> <!-- /.filter-block --> </div> <div class="col-lg-3 col-sm-6"> <div class="filter-block pb-50 lg-pb-20"> <div class="filter-title fw-500 text-dark">Category</div> <select class="nice-select"> <option value="0">Web Design</option> <option value="1">Design & Creative </option> <option value="2">It & Development</option> <option value="3">Web & Mobile Dev</option> <option value="4">Writing</option> <option value="5">Sales & Marketing</option> </select> </div> <!-- /.filter-block --> </div> <div class="col-lg-3 col-sm-6"> <div class="filter-block pb-50 lg-pb-20"> <div class="filter-title fw-500 text-dark">Location</div> <select class="nice-select"> <option value="0">Washington DC</option> <option value="1">California, CA</option> <option value="2">New York</option> <option value="3">Miami</option> </select> </div> <!-- /.filter-block --> </div> <div class="col-lg-3 col-sm-6"> <div class="filter-block pb-50 lg-pb-20"> <div class="filter-title fw-500 text-dark">English Fluency</div> <select class="nice-select"> <option value="0">Basic</option> <option value="1">Conversational</option> <option value="2" selected>Fluent</option> <option value="3">Native/Bilingual</option> </select> </div> <!-- /.filter-block --> </div> </div> <div class="row"> <div class="col-lg-4 col-sm-6"> <div class="filter-block d-xl-flex pb-25"> <div class="filter-title fw-500 text-dark mt-1">Job Type : </div> <div class="main-body ps-xl-4 flex-fill"> <ul class="style-none filter-input"> <li> <input type="checkbox" name="JobType" value="01"> <label>Fulltime</label> </li> <li> <input type="checkbox" name="JobType" value="02"> <label>Hourly-Contract </label> </li> <li> <input type="checkbox" name="JobType" value="03"> <label>Part-time (20hr/week)</label> </li> <li> <input type="checkbox" name="JobType" value="04"> <label>Fixed-Price</label> </li> </ul> </div> </div> <!-- /.filter-block --> </div> <div class="col-lg-4 col-sm-6"> <div class="filter-block d-xl-flex pb-25"> <div class="filter-title fw-500 text-dark mt-1">Experience Level :</div> <div class="main-body ps-xl-4 flex-fill"> <ul class="style-none filter-input"> <li> <input type="checkbox" name="Experience" value="01"> <label>Beginner (1-3 yrs) </label> </li> <li> <input type="checkbox" name="Experience" value="02"> <label>Intermediate (1-5 yrs) </label> </li> <li> <input type="checkbox" name="Experience" value="03"> <label>Expert (1-10 yrs)</label> </li> <li> <input type="checkbox" name="Experience" value="04"> <label>Internship</label> </li> </ul> </div> </div> <!-- /.filter-block --> </div> <div class="col-lg-4"> <div class="filter-block d-xl-flex pb-25"> <div class="filter-title fw-500 text-dark mt-1">Salary Range :</div> <div class="main-body ps-xl-4 flex-fill"> <div class="salary-slider"> <div class="price-input d-flex align-items-center pt-5"> <div class="field d-flex align-items-center"> <input type="number" class="input-min" value="0" readonly> </div> <div class="pe-1 ps-1">-</div> <div class="field d-flex align-items-center"> <input type="number" class="input-max" value="300" readonly> </div> <div class="currency ps-1">USD</div> </div> <div class="slider"> <div class="progress"></div> </div> <div class="range-input mb-10"> <input type="range" class="range-min" min="0" max="950" value="0" step="10"> <input type="range" class="range-max" min="0" max="1000" value="300" step="10"> </div> </div> </div> </div> <!-- /.filter-block --> </div> </div> <div class="row"> <div class="col-xl-2 m-auto"> <a href="#" class="btn-ten fw-500 text-white w-100 text-center tran3s mt-30 md-mt-10">Apply Filter</a> </div> </div> </div> <!-- /.filter header --> </div> </div> <!-- /.filter-area-tab --> </div> </div> </div> <button class="scroll-top"> <i class="bi bi-arrow-up-short"></i> </button> <!-- Optional JavaScript _____________________________ --> <!-- jQuery first, then Bootstrap JS --> <!-- jQuery --> <script src="style/vendor/jquery.min.js"></script> <!-- Bootstrap JS --> <script src="style/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- WOW js --> <script src="style/vendor/wow/wow.min.js"></script> <!-- Slick Slider --> <script src="style/vendor/slick/slick.min.js"></script> <!-- Fancybox --> <script src="style/vendor/fancybox/dist/jquery.fancybox.min.js"></script> <!-- Lazy --> <script src="style/vendor/jquery.lazy.min.js"></script> <!-- js Counter --> <script src="style/vendor/jquery.counterup.min.js"></script> <script src="style/vendor/jquery.waypoints.min.js"></script> <!-- Nice Select --> <script src="style/vendor/nice-select/jquery.nice-select.min.js"></script> <!-- validator js --> <script src="style/vendor/validator.js"></script> <!-- Theme js --> <script src="style/js/theme.js"></script> </div> <!-- /.main-page-wrapper --> </body> </html>
Simpan