onclick方法ERROR [英] onclick method ERROR
本文介绍了onclick方法ERROR的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
以下是我用于在点击方式上创建的代码。当我点击时出现错误,没有任何反应,我不知道错在哪里。
The following is the code am using to create on click method. I am getting an error when I click, nothing happens and I don't know what is wrong.
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<title>Blueprint: Vertical Icon Menu</title>
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="css/leftmenu.css" />
<link rel="stylesheet" type="text/css" href="flaticon.css" />
<style>
body {position: relative;font-family: 'Lato', Calibri, Arial, sans-serif; color: #47a3da;}
body, html { font-size: 100%; height: 100%; padding: 0; margin: 0;}
a {text-decoration: none;}
a:hover {color: #000;}
#header{height:20%;width: 100%;background-color: #B9F5BB;}
.dis123{width:75%;float:left; height:80%;text-align: left; }
.postleftmen{width:25%;float:left;color:#f0f0f0;}
div.subcte456{text-align: inherit;line-height: 150%;font-size:20px}
div .subcte456 a{display:inline-block;padding:2px 6px;background-color:#47a3da;color:white;border-radius:4px;margin:3px;cursor:default;}
</style>
</head>
<body>
<div id="header">
Head
</div>
<div class="postleftmen">
<ul class="cbp-vimenu">
<li><a href="#" class="flaticon-number41" > select category</a></li>
<li><a href="#" class="flaticon-smart" onClick="mob();
return false;"> mobile</a></li>
<li><a href="#" class="flaticon-pc6" onClick="ele();
return false;"> electronics & computer</a></li>
<li><a href="#" class="flaticon-car95" onClick="veh();
return false;"> vehicle</a></li>
<li><a href="#" class="flaticon-livingroom6" onClick="hme();
return false;"> home & furniture</a></li>
<li><a href="#" class="flaticon-dog37" onClick="pet();
return false;"> pets</a></li>
<li><a href="#" class="flaticon-cd" onClick="bok();
return false;"> books, cd & hobbies</a></li>
<li><a href="#" class="flaticon-black276" onClick="clo();
return false;"> clothing & accessories</a></li>
<li><a href="#" class="flaticon-baby23" onClick="kid();
return false;"> kids & baby</a></li>
<li><a href="#" class="flaticon-bicycle14" onClick="spo();
return false;"> sport & health</a></li>
<li><a href="#" class="flaticon-tools6" onClick="ser();
return false;"> service</a></li>
<li><a href="#" class="flaticon-businessman221" onClick="job();
return false;"> jobs</a></li>
<li><a href="#" class="flaticon-house111" onClick="est();
return false;"> real estate</a></li>
</ul>
</div>
<div class="dis123" style="text-transform: uppercase;">
<div class="stepindi" style="width:400px;height:10px;">
<p class="flaticon-number40" style="font-size:25px;"> SELECT YOUR FORM TYPE</p>
</div>
<div class="subcte456" style="font-size: 15px;position:fixed;width:55%;height:30%;margin-top: 30px;margin-left: 150px;">
<div id="mobi" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Mobile Phones</a>
<p class="flaticon-right127"><a href="#">Tablets</a></p>
<p class="flaticon-right127"><a href="#">Mobile Accessories</a></p></div>
<div id="elec" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Cameras & Accessories</a></p>
<p class="flaticon-right127"><a href="#">TV - Video - Audio</a></p>
<p class="flaticon-right127"><a href="#">Computers - Laptops</a></p>
<p class="flaticon-right127"><a href="#">Computer Accessories</a></p>
<p class="flaticon-right127"><a href="#">Video Games - Consoles</a></p>
<p class="flaticon-right127"><a href="#">Others Electronics</a></p></div>
<div id="vehi" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Cars</a></p>
<p class="flaticon-right127"><a href="#">Motorcycles - Scooters</a></p>
<p class="flaticon-right127"><a href="#">Bicycles</a></p>
<p class="flaticon-right127"><a href="#">Commercial - Transportation</a></p>
<p class="flaticon-right127"><a href="#">Spare Parts - Accessories</a></p>
<p class="flaticon-right127"><a href="#">Tractors - Agricultural Equipments </a></p></div>
<div id="home" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Furniture</a></p>
<p class="flaticon-right127"><a href="#">Decor & Furnishings</a></p>
<p class="flaticon-right127"><a href="#">Fridge - AC - Washing Machine</a></p>
<p class="flaticon-right127"><a href="#">Home & Kitchen Appliances</a></p>
<p class="flaticon-right127"><a href="#">Art - Paintings</a></p>
<p class="flaticon-right127"><a href="#">Other Household Goods</a></p></div>
<div id="pets" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Animals</a></p>
<p class="flaticon-right127"><a href="#">Pet Food - Accessories</a></p>
<p class="flaticon-right127"><a href="#">Pet Care & Services</a></p></div>
<div id="book" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Books & Magazines</a></p>
<p class="flaticon-right127"><a href="#">CDs - DVDs</a></p>
<p class="flaticon-right127"><a href="#">Musical Instruments</a></p>
<p class="flaticon-right127"><a href="#">Coins & Collectibles</a></p>
<p class="flaticon-right127"><a href="#">Handicrafts</a></p></div>
<div id="clot" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Clothes</a></p>
<p class="flaticon-right127"><a href="#">Jewellery</a></p>
<p class="flaticon-right127"><a href="#">Bags & Luggage</a></p>
<p class="flaticon-right127"><a href="#">Footwear</a></p>
<p class="flaticon-right127"><a href="#">Clothing Accessories</a></p>
<p class="flaticon-right127"><a href="#">Watches</a></p></div>
<div id="kids" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Baby Products & Furniture</a></p>
<p class="flaticon-right127"><a href="#">Kids Clothing - Accessories</a></p>
<p class="flaticon-right127"><a href="#">Toys & Games</a></p>
<p class="flaticon-right127"><a href="#">Kids Health - Nutrition</a></p></div>
<div id="spor" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Sport Equipment</a></p>
<p class="flaticon-right127"><a href="#">Gym & Fitness</a></p>
<p class="flaticon-right127"><a href="#">Health & Beauty</a></p></div>
<div id="serv" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Education & Classes</a></p>
<p class="flaticon-right127"><a href="#">Electronics - Computers</a></p>
<p class="flaticon-right127"><a href="#">Maids & Domestic Help</a></p>
<p class="flaticon-right127"><a href="#">Health & Beauty</a></p>
<p class="flaticon-right127"><a href="#">Home Improvements & Repairs</a></p>
<p class="flaticon-right127"><a href="#">Movers & Packers</a></p>
<p class="flaticon-right127"><a href="#">Drivers - Taxi Services</a></p>
<p class="flaticon-right127"><a href="#">Car Wash & Repair</a></p>
<p class="flaticon-right127"><a href="#">Other Services</a></p></div>
<div id="jobs" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Job Offers</a></p>
<p class="flaticon-right127"><a href="#">Resumes</a></p></div>
<div id="real" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Houses - Apartments for Sale</a></p>
<p class="flaticon-right127"><a href="#">Houses - Apartments for Rent</a></p>
<p class="flaticon-right127"><a href="#">Land - Plots For Sale</a></p>
<p class="flaticon-right127"><a href="#">Office – Commercial Space</a></p>
<p class="flaticon-right127"><a href="#">PG & Roommates</a></p>
<p class="flaticon-right127"><a href="#">Vacation Rentals – Guest Houses</a></p></div>
</div></div>
<div style="clear:both"> </div>
<script>
function mob() {
hidemenus();
document.getElementById('mobi').style.display = "block";
}
function ele() {
hidemenus();
document.getElementById('elec').style.display = "block";
}
function veh() {
hidemenus();
document.getElementById('vehi').style.display = "block";
}
function hme() {
hidemenus();
document.getElementById('home').style.display = "block";
}
function pet() {
hidemenus();
document.getElementById('pets').style.display = "block";
}
function bok() {
hidemenus();
document.getElementById('book').style.display = "block";
}
function clo() {
hidemenus();
document.getElementById('clot').style.display = "block";
}
function kid() {
hidemenus();
document.getElementById('kids').style.display = "block";
}
function spo() {
hidemenus();
document.getElementById('spor').style.display = "block";
}
function ser() {
hidemenus();
document.getElementById('serv').style.display = "block";
}
function job() {
hidemenus();
document.getElementById('jobs').style.display = "block";
}
function est() {
hidemenus();
document.getElementById('real').style.display = "block";
}
function hidemenus() {
document.getElementById('mobi').style.display = "none";
document.getElementById('elec').style.display = "none";
document.getElementById('vehi').style.display = "none";
document.getElementById('home').style.display = "none";
document.getElementById('pets').style.display = "none";
document.getElementById('book').style.display = "none";
document.getElementById('clot').style.display = "none";
document.getElementById('kids').style.display = "none";
document.getElementById('spor').style.display = "none";
document.getElementById('serv').style.display = "none";
document.getElementById('jobs').style.display = "none";
document.getElementById('real').style.display = "none";
}
</script>
</body>
推荐答案
做了一些编辑检查它现在可以工作了
made some edits check this it will work now
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<title>Blueprint: Vertical Icon Menu</title>
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="css/leftmenu.css" />
<link rel="stylesheet" type="text/css" href="flaticon.css" />
<style>
body {position: relative;font-family: 'Lato', Calibri, Arial, sans-serif; color: #47a3da;}
body, html { font-size: 100%; height: 100%; padding: 0; margin: 0;}
a {text-decoration: none;}
a:hover {color: #000;}
#header{height:20%;width: 100%;background-color: #B9F5BB;}
.dis123{width:75%;float:left; height:80%;text-align: left; }
.postleftmen{width:25%;float:left;color:#f0f0f0;}
div.subcte456{text-align: inherit;line-height: 150%;font-size:20px}
div .subcte456 a{display:inline-block;padding:2px 6px;background-color:#47a3da;color:white;border-radius:4px;margin:3px;cursor:default;}
</style>
</head>
<body>
<div id="header">
Head
</div>
<div class="postleftmen">
<ul class="cbp-vimenu">
<li><a href="#" class="flaticon-number41" > select category</a></li>
<li><a href="#" class="flaticon-smart" onClick="mob();
return false;"> mobile</a></li>
<li><a href="#" class="flaticon-pc6" onClick="ele();
return false;"> electronics & computer</a></li>
<li><a href="#" class="flaticon-car95" onClick="veh();
return false;"> vehicle</a></li>
<li><a href="#" class="flaticon-livingroom6" onClick="hme();
return false;"> home & furniture</a></li>
<li><a href="#" class="flaticon-dog37" onClick="pet();
return false;"> pets</a></li>
<li><a href="#" class="flaticon-cd" onClick="bok();
return false;"> books, cd & hobbies</a></li>
<li><a href="#" class="flaticon-black276" onClick="clo();
return false;"> clothing & accessories</a></li>
<li><a href="#" class="flaticon-baby23" onClick="kid();
return false;"> kids & baby</a></li>
<li><a href="#" class="flaticon-bicycle14" onClick="spo();
return false;"> sport & health</a></li>
<li><a href="#" class="flaticon-tools6" onClick="ser();
return false;"> service</a></li>
<li><a href="#" class="flaticon-businessman221" onClick="job();
return false;"> jobs</a></li>
<li><a href="#" class="flaticon-house111" onClick="est();
return false;"> real estate</a></li>
</ul>
</div>
<div class="dis123" style="text-transform: uppercase;">
<div class="stepindi" style="width:400px;height:10px;">
<p class="flaticon-number40" style="font-size:25px;"> SELECT YOUR FORM TYPE</p>
</div>
<div class="subcte456" style="font-size: 15px;position:fixed;width:55%;height:30%;margin-top: 30px;margin-left: 150px;">
<div id="mobi" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Mobile Phones</a>
<p class="flaticon-right127"><a href="#">Tablets</a></p>
<p class="flaticon-right127"><a href="#">Mobile Accessories</a></p></div>
<div id="elec" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Cameras & Accessories</a></p>
<p class="flaticon-right127"><a href="#">TV - Video - Audio</a></p>
<p class="flaticon-right127"><a href="#">Computers - Laptops</a></p>
<p class="flaticon-right127"><a href="#">Computer Accessories</a></p>
<p class="flaticon-right127"><a href="#">Video Games - Consoles</a></p>
<p class="flaticon-right127"><a href="#">Others Electronics</a></p></div>
<div id="vehi" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Cars</a></p>
<p class="flaticon-right127"><a href="#">Motorcycles - Scooters</a></p>
<p class="flaticon-right127"><a href="#">Bicycles</a></p>
<p class="flaticon-right127"><a href="#">Commercial - Transportation</a></p>
<p class="flaticon-right127"><a href="#">Spare Parts - Accessories</a></p>
<p class="flaticon-right127"><a href="#">Tractors - Agricultural Equipments </a></p></div>
<div id="home" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Furniture</a></p>
<p class="flaticon-right127"><a href="#">Decor & Furnishings</a></p>
<p class="flaticon-right127"><a href="#">Fridge - AC - Washing Machine</a></p>
<p class="flaticon-right127"><a href="#">Home & Kitchen Appliances</a></p>
<p class="flaticon-right127"><a href="#">Art - Paintings</a></p>
<p class="flaticon-right127"><a href="#">Other Household Goods</a></p></div>
<div id="pets" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Animals</a></p>
<p class="flaticon-right127"><a href="#">Pet Food - Accessories</a></p>
<p class="flaticon-right127"><a href="#">Pet Care & Services</a></p></div>
<div id="book" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Books & Magazines</a></p>
<p class="flaticon-right127"><a href="#">CDs - DVDs</a></p>
<p class="flaticon-right127"><a href="#">Musical Instruments</a></p>
<p class="flaticon-right127"><a href="#">Coins & Collectibles</a></p>
<p class="flaticon-right127"><a href="#">Handicrafts</a></p></div>
<div id="clot" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Clothes</a></p>
<p class="flaticon-right127"><a href="#">Jewellery</a></p>
<p class="flaticon-right127"><a href="#">Bags & Luggage</a></p>
<p class="flaticon-right127"><a href="#">Footwear</a></p>
<p class="flaticon-right127"><a href="#">Clothing Accessories</a></p>
<p class="flaticon-right127"><a href="#">Watches</a></p></div>
<div id="kids" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Baby Products & Furniture</a></p>
<p class="flaticon-right127"><a href="#">Kids Clothing - Accessories</a></p>
<p class="flaticon-right127"><a href="#">Toys & Games</a></p>
<p class="flaticon-right127"><a href="#">Kids Health - Nutrition</a></p></div>
<div id="spor" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Sport Equipment</a></p>
<p class="flaticon-right127"><a href="#">Gym & Fitness</a></p>
<p class="flaticon-right127"><a href="#">Health & Beauty</a></p></div>
<div id="serv" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Education & Classes</a></p>
<p class="flaticon-right127"><a href="#">Electronics - Computers</a></p>
<p class="flaticon-right127"><a href="#">Maids & Domestic Help</a></p>
<p class="flaticon-right127"><a href="#">Health & Beauty</a></p>
<p class="flaticon-right127"><a href="#">Home Improvements & Repairs</a></p>
<p class="flaticon-right127"><a href="#">Movers & Packers</a></p>
<p class="flaticon-right127"><a href="#">Drivers - Taxi Services</a></p>
<p class="flaticon-right127"><a href="#">Car Wash & Repair</a></p>
<p class="flaticon-right127"><a href="#">Other Services</a></p></div>
<div id="jobs" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Job Offers</a></p>
<p class="flaticon-right127"><a href="#">Resumes</a></p></div>
<div id="real" style="display:none;z-index:99;" class="answer_list" >
<p class="flaticon-right127"><a href="#">Houses - Apartments for Sale</a></p>
<p class="flaticon-right127"><a href="#">Houses - Apartments for Rent</a></p>
<p class="flaticon-right127"><a href="#">Land - Plots For Sale</a></p>
<p class="flaticon-right127"><a href="#">Office – Commercial Space</a></p>
<p class="flaticon-right127"><a href="#">PG & Roommates</a></p>
<p class="flaticon-right127"><a href="#">Vacation Rentals – Guest Houses</a></p></div>
</div></div>
<div style="clear:both"> </div>
<script>
function mob() {
hidemenus();
document.getElementById('mobi').style.display = "block";
}
function ele() {
hidemenus();
document.getElementById('elec').style.display = "block";
}
function veh() {
hidemenus();
document.getElementById('vehi').style.display = "block";
}
function hme() {
hidemenus();
document.getElementById('home').style.display = "block";
}
function pet() {
hidemenus();
document.getElementById('pets').style.display = "block";
}
function bok() {
hidemenus();
document.getElementById('book').style.display = "block";
}
function clo() {
hidemenus();
document.getElementById('clot').style.display = "block";
}
function kid() {
hidemenus();
document.getElementById('kids').style.display = "block";
}
function spo() {
hidemenus();
document.getElementById('spor').style.display = "block";
}
function ser() {
hidemenus();
document.getElementById('serv').style.display = "block";
}
function job() {
hidemenus();
document.getElementById('jobs').style.display = "block";
}
function est() {
hidemenus();
document.getElementById('real').style.display = "block";
}
function hidemenus() {
document.getElementById('mobi').style.display = "none";
document.getElementById('elec').style.display = "none";
document.getElementById('vehi').style.display = "none";
document.getElementById('home').style.display = "none";
document.getElementById('pets').style.display = "none";
document.getElementById('book').style.display = "none";
document.getElementById('clot').style.display = "none";
document.getElementById('kids').style.display = "none";
document.getElementById('spor').style.display = "none";
document.getElementById('serv').style.display = "none";
document.getElementById('jobs').style.display = "none";
document.getElementById('real').style.display = "none";
}
</script>
javascript html
javascript html
这篇关于onclick方法ERROR的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文