Oh no! Where's the JavaScript?
Your Web browser does not have JavaScript enabled or does not support JavaScript. Please enable JavaScript on your Web browser to properly view this Web site, or upgrade to a Web browser that does support JavaScript.
Not a member yet? Click here to register.
Forgot Password?
  1. Home
  2. Discussion Forum
  3. PHPFusion 8 Support
  4. Modifications and Requests - 8
  5. Jquery menu into side panel

Jquery menu into side panel

Asked Modified Viewed 1,673 times
Back to Forum Index Previous Topic Next Topic
Print
D
DarukasLT
D
  • Junior Member, joined since
  • Contributed 19 posts on the community forums.
  • Started 10 threads in the forums
  • Started this discussions
asked
Junior Member

Hello,

Is it possible to insert jquery menu into side panel?

Here is the code:

Code Download source
<!doctype html>
<html lang=''>
<head>
   <meta charset='utf-8'>
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="styles.css">
   <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
   <script src="script.js"></script>
   <title>CSS MenuMaker</title>
</head>
<body>

<div id='cssmenu'>
<ul>
   <li class='active'><a href='#'><span>Home</span></a></li>
   <li class='has-sub'><a href='#'><span>Products</span></a>
      <ul>
         <li><a href='#'><span>Product 1</span></a></li>
         <li><a href='#'><span>Product 2</span></a></li>
         <li class='last'><a href='#'><span>Product 3</span></a></li>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>About</span></a>
      <ul>
         <li><a href='#'><span>Company</span></a></li>
         <li class='last'><a href='#'><span>Contact</span></a></li>
      </ul>
   </li>
   <li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>

</body>
<html>
0 replies

2 posts

L
Layzee
L
Layzee 10
Seen it - done it!
  • Member, joined since
  • Contributed 113 posts on the community forums.
  • Started 20 threads in the forums
answered
Member

In general sure it is possible.
You need to change/delete some lines of code.

Try the following:
Code Download source
openside("Navigation");

echo '<link rel="stylesheet" href="styles.css">
   <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
   <script src="script.js"></script>';

echo "<div id='cssmenu'>
<ul>
   <li class='active'><a href='#'><span>Home</span></a></li>
   <li class='has-sub'><a href='#'><span>Products</span></a>
      <ul>
         <li><a href='#'><span>Product 1</span></a></li>
         <li><a href='#'><span>Product 2</span></a></li>
         <li class='last'><a href='#'><span>Product 3</span></a></li>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>About</span></a>
      <ul>
         <li><a href='#'><span>Company</span></a></li>
         <li class='last'><a href='#'><span>Contact</span></a></li>
      </ul>
   </li>
   <li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>";

closeside();


Note:
You NEED to change the path to your css and js files, change it in these lines:
Code Download source
<link rel="stylesheet" href="http://domain.com/path_to_file/styles.css">
<script src="http://domain.com/path_to_file/script.js"></script>
0 replies
D
DarukasLT
D
  • Junior Member, joined since
  • Contributed 19 posts on the community forums.
  • Started 10 threads in the forums
  • Started this discussions
answered
Junior Member

thanks, it works fine in mozilla, but in Internet explorer its not working as it should:
DarukasLT attached the following file:
browsers.jpg [No information available / 49 Downloads]
0 replies

Category Forum

Modifications and Requests - 8

Labels

None yet

Statistics

  • Views 0 views
  • Posts 2 posts
  • Votes 0 votes
  • Topic users 2 members

2 participants

L
L
Layzee 10
Seen it - done it!
  • Member, joined since
  • Contributed 113 posts on the community forums.
  • Started 20 threads in the forums
D
D
  • Junior Member, joined since
  • Contributed 19 posts on the community forums.
  • Started 10 threads in the forums
  • Started this discussions

Notifications

Track thread

You are not receiving notifications from this thread.

Related Questions

Not yet