Tags
People
Badges
Help-
CORE FRAMEWORK
FEATURED COMPONENTS
-
RESOURCES
-
LEARN ZK
RESOURCES
I want to use not custom zkmenu in my jsp page where is zktags. When i try to add onClick event to menu item all work OK? but on ,y page arrive extra symbols near this menubutton. I don know where why they arrive. Here is my jsp page.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>
<body>
<z:page>
<z:window id="main" apply="org.zkoss.bind.BindComposer"
viewModel="@id('vm') @init('zul.MainController')"
style="background: rgb(255, 82, 0);">
<div>
<div id='cssmenu'>
<ul>
<li class='active'><a href='index.html'><span>Home</span></a></li>
<li class='has-sub'><a href='#'><span>Products</span></a>
<ul>
<li class='has-sub'><a href='#'><span>Product 1</span></a>
<ul>
<li><a href='#'><span>Sub Item</span></a></li>
<li class='last'><a href='#'><span>Sub Item</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>Product 2</span></a>
<ul>
<li><a href='#'><span>Sub Item</span></a></li>
<li class='last'><a href='#'><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li>
<a id="list"><span>
**<z:span onClick="@command('showRecFR',fr=main_iframe)">List</z:span>**
</span></a>
</li>
<li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>
</div>
<z:include id="main_iframe" src="@load(vm.address)"
style="border: 2px solid rgb(255, 82, 0);background: white;" />
</z:window>
</z:page>
</body>
</html>
change :
<a id="list">
<span>
<z:span onClick="@command('showRecFR',fr=main_iframe)">List</z:span>
</span>
</a>
to :
<a href="#">
<span>
<z:span onClick="@command('showRecFR',fr=main_iframe)">List</z:span>
</span>
</a>
just little fault where you where looking over.
Greetz chill.
Asked: 2014-03-20 08:06:13 +0800
Seen: 20 times
Last updated: Mar 21 '14
what symbols? do you have a screenshot or so?
chillworld ( 2014-03-20 08:18:46 +0800 )editdo you mean the bullets of the <li> elements in the <ul> list? they can be controlled by CSS in several ways (http://www.w3schools.com/css/css_list.asp). if that's not it I can only agree with chill, post an image or your css containing the styles for: ul/li .cssmenu, .active, .has-sub, .last)
cor3000 ( 2014-03-21 01:38:24 +0800 )edithttp://postimg.org/image/i0rcvr0oh/ - here is print screen my menu
sentinal ( 2014-03-21 12:06:04 +0800 )edit