Combobox plugin conflicts with jQuery menu

Hi,
First of all thanks for both authors of "Combobox" (http://oracleapexideas.blogspot.com.es/2012/06/combobox-plugin.html) and "jQuery menu" (http://blog.theapexfreelancer.com/2011/02/jquery-menu-apex-plugin) plugins! Both are great plugins!
I have a conflict when I insert both plugins at the same page. The problem is, jQuery menu cease to work.
I've recreated the situation under apex.oracle.com, the dropdown menu does not work anymore after inserting combobox plugin:
http://apex.oracle.com/pls/apex/f?p=52892:4
I can give further details if needed.
Thanks in advance!

jcoves wrote:
I can give further details if needed.Can you share workspace details for below
http://apex.oracle.com/pls/apex/f?p=52892:4

Similar Messages

Has anyone found that the BC javascript validation conflicts with jquery mobile?

I have added a form module to a page. Page has a desktop and mobile template - mobile template based on jquery.
Form validates nicely on desktop (if the fields are not complete - then a javascript alert pops up. Visitor can close the alert dialog box and can complete the form.)
However, on mobile, if the form is not filled out in manditory fields, the javascript alert pops up (as it should), but then the page goes to an error page - "Please fix this issue and re-insert your web form on your web page."
Has anyone else had this problem. And even better - does anyone know of a solution? Thanks!

This doesn't have to do with BC's form validation. The problem with your mobile site right now is that you are using the "$" variable which is usually associated with jQuery before jQuery is loaded on your page. Once there's a javascript error on your page, the rest of the javascript will stop running so this error occurs very early on your page and some other javascript will stop working.
To fix this you need to move the bit of javascript on line 13 of your page templates further down after the jQuery library is referenced, so this:
<script>
$(document).bind("mobileinit", function () {
$.mobile.ajaxEnabled = false;
});</script>
<link href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js" type="text/javascript"></script>
becomes this:
<link href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js" type="text/javascript"></script>
<script>
$(document).bind("mobileinit", function () {
$.mobile.ajaxEnabled = false;
});</script>

Adobe Edge Runtime conflicting with Wordpress menu

I finally managed to manually insert an Adobe Edge animation thanks to vivekuma and also by following this article. It seems I needed to change several paths in edgePreload.js and edge.js.
I am however facing a new problem... I created both a page and a header templates to load from the page so I can insert the  content in the page with the animation only. I pasted the code just between <?php wp_head(); ?> and </head> tags. This loads the animation correctly, BUT it breaks the site's menu (it has a jquery effect) and a slideshow.
Is there a better way to run this script or to find out what's causing the conflict?

Hi, resdesign!
These tips will help us a lot in files that we thought were lost forever!
Most of all, why does it happen? I understood that it is an action.js closure problem in many cases.
But this occurs because changes were made outside Edge Animate while the file *.an was open?
We need to find the reason why we are making a wrong use of the software.
Thank you very much indeed.

Is there an easy way to replace spry menus with jQuery menu system?

I just learned that Adobe is no longer using spry or that spry does not work on mobile devices. My entire site (built in CS5.5 moved to CS6) is built with 3 different spry menu systems. I have been told about jQuery, and many other menu system options. I work in design view and can copy and paste code, read code etc...but cant write it to save my life. I cannot seen to understsand how a different menu software system will integrate with DW especially when I use design view. My question is, is there an easy way to change my spry menu's? I have 2 spry menu bars, spry tabbed menus on EVERY page and a spry accordian menu that repeats on all pages. I am working with a template I built, so hopefully it is an easy fix.
Any walkthrough help would be greatly appreciated. Below is the code for my template minus the div set up.
</style>
<script src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<link href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />


</head>
<body>
<div id="container">
<div id="search">
    <form action="http://www.cft-aft.org" method="get" onSubmit="Gsitesearch(this)">
Search our website:<br />
<input name="q" type="hidden" />
<input name="qfront" type="text" style="width: 150px" /> <input type="submit" value="Search" />
</form>
</div>
<div id="top_nav_bar">
    <ul id="FT" class="MenuBarHorizontal">
      <li><a href="../index.html">Home</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">Quick Links</a>
        <ul>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/quicklinkpdf/cftfinal2010_1.pdf" target="_blank">CFT CBA</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/quicklinkpdf/acpsopfinagree2010.pdf" target="_blank">CFOP (previously ACPSOP) CBA</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/quicklinkpdf/cftsalaryschedule.pdf" target="_blank">CFT Salary Schedule</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/strs_sers" target="_blank">STRS - SERS</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/healthcare" target="_blank">Health Care</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/newsliners" target="_blank">CFT Newsliners</a></li>
        </ul>
      </li>
      <li><a href="../buildingreps.html" target="_blank" class="MenuBarItemSubmenu">For BR's</a>
        <ul>
          <li><a href="../pdf_br/handbook13.14.pdf" target="_blank">2013-14 Handbook</a></li>
          <li><a href="../pdf_br/grievance.pdf" target="_blank">Grievance Form</a></li>
          <li><a href="../br_forms/assault.doc" target="_blank">Assault Form</a></li>
          <li><a href="../br_forms/notifyassault.dot" target="_blank">Notification of Assault Form</a></li>
          <li><a href="../br_forms/assaultleaverequest.dot" target="_blank">Request for Assault Leave</a></li>
          <li><a href="../br_forms/prsnlpropdmg.dot" target="_blank">Personal Property Damage Report</a></li>
          <li><a href="../br_forms/tchrselectionpanel.doc" target="_blank">Teacher Selection Panel Form</a></li>
          <li><a href="../br_forms/chptmtgsign.doc" target="_blank">Chapter Meeting Sign In Sheet</a></li>
          <li><a href="../br_forms/chptrmtgrept.doc">Chapter Meeting Report</a></li>
        </ul>
      </li>
      <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/contact.html" target="blank" class="MenuBarItemSubmenu">Contact Us</a>
        <ul>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/cft_acpsop_office" target="_blank">Office Information</a></li>
          <li><a href="Staff" _mce_href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/cft_acpsop_office">Staff">f ile:///C|/Users/kelly/Desktop/website2/cft.acpsop/cft_acpsop_office">Staff Contacts</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/pdf_contact/directions.pdf" target="_blank">Directions</a></li>
        </ul>
      </li>
    </ul>
<div align="center"></div>
</div>
<div id="fb">Content <a href="https://www.facebook.com/pages/Cincinnati-Federation-of-Teachers-Official/235429363160967" target="_blank"><img src="../images/facebooklogosm.gif" width="24" height="24" align="middle" /></a></div>
<div id="header"><img src="file:///C|/Users/kelly/Desktop/PS images for web/banner.jpg" width="980" height="155" /></div>
<div id="mid_nav_bar">
    <ul id="MenuBar2" class="MenuBarHorizontal">
      <li><a href="../unionbusiness.html" target="new" class="MenuBarItemSubmenu">Union Business</a>
        <ul>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/about" target="_blank">About Us</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/dues" target="_blank">Dues Structure</a></li>
          <li><a href="#" target="_blank">C.O.P.E</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/internal_comm" target="_blank">Internal Committees</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/joint_comm" target="_blank">Joint Committees</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">CFOP</a>
        <ul>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/acpsop" target="_blank">About ACPSOP</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/focus_newsletter" target="_blank">ACPSOP Newsletter</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/tuition_reim" target="_blank">Tuition Reimbursement</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/www.ohsers.org" target="_blank">SERS Updates</a></li>
          <li><a href="http://www.cincinnati-oh.gov/cityhr/pages/-4279-/" target="_blank">Civil Service Commission</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">CFT-R</a>
        <ul>
          <li><a href="#">About CFT-R</a></li>
          <li><a href="#">CFT-R Officers</a></li>
          <li><a href="#">CFT-R Meeting Schedule</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Professional Issues</a>
        <ul>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/tes" target="_blank">Teacher Evaluation System</a></li>
          <li><a href="#" target="_blank">Common Core</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/cit" target="_blank">Career In Teaching</a></li>
          <li><a href="http://staffnet.cps-k12.org/Staffnet/ProfDevFund/" target="_blank">PD Fund</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/rttt" target="_blank">RttT</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/fft" target="_blank">Fund for Teachers</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/resources" target="_blank">Resources</a></li>
        </ul>
      </li>
      <li><a class="MenuBarItemSubmenu" href="#">Affilliates</a>
        <ul>
            <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/www.aft.org" target="_blank">AFT</a>            </li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/www.oft-aft.org" target="_blank">OFT</a></li>
          <li><a href="http://www.cincinnatiaflcio.org/" target="_blank">AFL-CIO</a></li>
          <li><a href="http://ohio.gov/" target="_blank">State of Ohio</a></li>
          <li><a href="http://www.ode.state.oh.us" target="_blank">OH Dept of Ed (ODE)</a></li>
        </ul>
      </li>
      <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/forms" target="_blank">Forms/Documents</a>      </li>
    </ul>
</div>
<div id="left_fill"></div>
<div id="news_zone">
    <div id="TabbedPanels1" class="TabbedPanels">
      <ul class="TabbedPanelsTabGroup">
        <li class="TabbedPanelsTab" tabindex="0">Hot Topics</li>
        <li class="TabbedPanelsTab" tabindex="0">News Zone</li>
      </ul>
      <div class="TabbedPanelsContentGroup">
        <div class="TabbedPanelsContent">Content </div>
        <div class="TabbedPanelsContent">Content 2</div>
      </div>
    </div>
</div>
<div id="events">
    <div id="Accordion1" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Events</div>
        <div class="AccordionPanelContent">Content 1</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Announcements</div>
        <div class="AccordionPanelContent">Content 2</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Meeting Dates</div>
        <div class="AccordionPanelContent">Content 3</div>
      </div>
    </div>
</div>
<div id="right_fill"></div>
<div id="blue_line"></div>
<div id="button_bar">
    <table width="880" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr valign="middle">
        <td height="96" align="center"><a href="mailto:[email protected]" target="_blank"><img src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/images/kifbutton.jpg" width="242" height="72" border="0" align="middle" /></a></td>
        <td align="center"><a href="http://hq-afl.salsalabs.com/o/4013/c/505/getLocal.jsp" target="_blank"><img src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/images/legislature.jpg" width="242" height="72" border="0" align="middle" /></a></td>
        <td align="center"><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/get_involved.html"><img src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/images/getinvolved.jpg" width="242" height="72" border="0" align="middle" /></a></td>
      </tr>
    </table>
</div>
<div id="footer"><img src="../images/footer.jpg" width="980" height="75" /></div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("FT", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>
Thanks in advance
Kelly

These links point to files OUTSIDE your local site. Did you define your site in DW?
file:///C|/Users/kelly/Desktop/website2
Nancy O.

VLC player plugin conflict with Windows Media Player plugin in Firefox 8.0.1

After I upgraded to Firefox 8.0.1, Windows Media Player stopped playing embedded videos within the Firefox browser.
If you go to Add-ons and disabled VLC player plugin, Firefox will start to plays any Windows Media Player videos without any issue.
The minute I click to enable VLC, Windows Media Player stop working again. This problem is not used to happen in Firefox 6.02.
Please help me with problem. any suggestions will be appreciated.

You can disable the VLC plugin from the Addons window. Choose Plugins, find VLC in the list and disable it.

Bootstrap3/BC Menu dropdown conflict with module_photogallery

I'm building a site using Bootstrap3 framework, with BC Dynamic Menu (with jQuery courtesy Joe Watkins) for main navigation. Dropdowns (click or hover) working beautifully until I add a photogallery module, then the dropdown links disappear on click, which is a major problem on touchscreens. I've removed all things piece-by-piece to determine the dropdown links disappear 100% of the time when a photogallery module is on the page, and work appropriately 100% of the time without a photogallery present (well, 1 exception - i'm seeing same issue on Layouts/OnlineShop/large_product.html).
Does anyone have any recommendations to fix this conflict with my Menu Nav dropdown links and the photogallery module? Really, really appreciate any suggestions. Unfortunately, the site nav is rendered non-functional on touchscreens due to these disappearing dropdown link conflicts (only Home and Smile Gallery links are not dropdowns).
EXAMPLES
Here are 3 examples of pages with a photogallery/dropdown conflict on click. To test issue, click the main nav dropdown links (e.g. "Locations, Treatment, etc":
Smile Gallery
Rapid City, SD
Spearfish, SD
I'm right in the middle of transitioning this site to the responsive framework, so not all links will work. Here are 3 examples of Nav links working properly on click (no photogallery module):
Results - Before & After
Evaluation
Smile For A Lifetime
REFERENCE
I do not understand jQuery very well, I've pieced together what I could to make it all work. Here are the 2 scripts I use to get the BC Menu to work:
// - - - - - Dropdown Menu v2 - JOE WATKINS.IO Dropdown Menu Toggle - - - - - - - - - - -
dropdownNavTweak : function(){
var $navContainer = $(".nav"),
$dropdownItems = $navContainer.find("li.dropdown");
$dropdownItems.each(function(){
var $parentItem = $(this).find("a:first");
$parentItem.addClass("dropdown-toggle").attr("data-toggle","dropdown").append(" <em class='icon-caret-down'></em>");
$(this).children("ul").removeClass().addClass("dropdown-menu");
$dropdownItems.show(); // shows dropdown images to prevent flicker - use CSS to hide " .nav li.dropdown {display:none;}" or ".navbar-nav li.dropdown {display:none;}" or ".navbarMinor-nav li.dropdown {display:none;}"
}, // end dropdownNavTweak (Comma needed if others follow}
... and ...
//////- -MENU- ////////
jQuery(document).ready(function ($) {
    jQuery('.navbar .dropdown').hover(function() {
        jQuery(this).addClass('extra-nav-class').find('.dropdown-menu').first().stop(true, true).delay(200).slideDown();
    }, function() {
        var na = $(this);
        if (jQuery('.spanFloatLeftIfMobile').css('float') == "none") {
            na.find('.dropdown-menu').first().stop(true, true).delay(500).slideUp('fast', function(){ na.removeClass('extra-nav-class') })

Hi Matthew,
Having a super quick look at the code I'd say it's because of:
ul.dropdown li.selected a {
    color: #ff871f;
This affects all the child elements.
To override this down the line you could do something like:
ul.dropdown li.selected ul li a {
    color: #fff;
This would override the parent link color when selected.
You could probably then also add:
ul.dropdown li.selected ul li.selected a {
    color: #ff871f;
For the dropdown selected states.
That's a quick look though so don't quote me too much

CS4: conflict with third-party plugin

Hi
We face the issue that our plugin conflicts with an existing closed-source plugin. We use a unique developer ID and I believe that all declarations in our plugin are correct. My question; how can I get indesign to yield more informative error messages, than just the usual conflict dialog upon startup?
-and can the conflict be caused by other issues than misdefined pmid's?
Thanks!
Kind regards Toke

I never encountered conflicts other than the ID clash. You can verify if the culprit is your plugin iD or not by trying the plugin ID of some other plugin you had developed in this plugin just for a test to see if it resolves the problem.
You could also try and comment out declerations from your plugin to zero down on the decleration that is causing the issues.
Manan Joshi
- Efficient InDesign Solutions -
MetaDesign Solutions
http://metadesignsolutions.com/services/indesign-development.php

Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome

Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome. Works in IE. This is my first time trying to post a question - so please be kind. I am also not good with code and am finding css a real challenge after learning to design based on tables. I'm using CS5.
The "test" page with the slide show is: http://www.reardanwa.com/index-slides.html   The same page without the slide show is http://www.reardanwa.com/
I realize the images are not ideally sized - I'll fix those once I get the pages to function. Maybe I need a different slide show? I would prefer a widget that I can modify to required size & postition. Again - I'm not good at building with code from scratch.
The problem is the naviagation links that are directly next to the slide show do not work in Firefox of Chrome. They do work in IE.
I've read about using jQuery.noConflict(); code but can't figure out the correct way to use it in my case or whether that's even part of the solution. I know my code is not well organized as I have cobbled together from various sources in an attempt to format the page the way the client wants it. Also, FYI, I will eventually try to make the page work in Surreal CMS.
I've spent sevaral days over the last several weeks trying to solve sth slide show/navigation conflict - so any specific light you can shed will be much appreciated.
Thanks in advance.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Reardan Area Chamber of Commerce</title>
<meta name="description" content="home page for Reardan Area Chamber of Commerce" />
<meta name="keywords" content="Reardan WA, chamber of commerce" </>
<script src="scripts/jquery-1.6.min.js" type="text/javascript"></script>
<script src="scripts/jquery.cycle.all.js" type="text/javascript"> </script>
<script type="text/xml">
</script>
<style type="text/css">
                              #slideshow {
                                  padding: 10px;
                                        margin:0;
                              #slideshow-caption{
                                        padding:0;
                                        margin:0;
                              #slideshow img, #slideshow div {
                                  padding: 10px;
                                  background-color: #EEE;
                                  margin: 0;
body {
          font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
          background: #004B8D;
          margin: 0;
          padding: 0;
          color: #000;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
          padding: 0;
          margin: 0;
h1, h2, h3, h4, h5, h6, p {
          margin-top: 0;           /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
           /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
.left
position:absolute;
left:0px;
.center
margin:auto;
width:95%;
.box
          position:relative;
          left:-90px;
          width:950px;
          height:350px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
          z-index:1000;
.slide{
    position:absolute;
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
          border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
          color: #42413C;
          text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
          color: #6E6C64;
          text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
          text-decoration: none;
/* ~~this fixed width container surrounds the other divs~~ */
.container {
          width: 960px;
          min-height:900px;
          padding:5px 0px 0px 0px;
          background: #E8F8FF;
          margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
          background: #E8F8FF;
          padding:10px 5px 0px 5px;
.sidebar1 {
          float: left;
          width: 225px;
          margin: 60px;
          color: #FFFF0D;
          background: #595FFF;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
          padding: 5px 5px 0px 5px;
    border: 3px solid #F7F723;
    z-index:-1;
.sidebar2 {
          float: left;
          width: 275px;
          color: #FFFF0D;
          text-align: left;
          background: #595FFF;
          padding-bottom: 10px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border: 3px solid #F7F723;
    z-index:2;
.sidebar3 {
          float: left;
          width: 275px;
          color: #FFFF0D;
          text-align: left;
          background: #595FFF;
          padding-bottom: 10px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border: 3px solid #F7F723;
    z-index:3;
.content {
          padding: 0px 0px 0px 0px;
          width: 780px;
          float: left;
          background: #E8F8FF;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
          padding: 0px 15px 5px 10px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
          list-style: none; /* this removes the list marker */
          border-top: 0px solid #FFFF66; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
          margin-bottom: 50px; /* this creates the space between the navigation on the content below */
          font: Arial Black, Verdana, , Helvetica, sans-serif;
          font-size:1.3em;
          font-weight:bold;
          z-index:2;
ul.nav li {
          border-bottom: 0px solid #FFFF66; /* this creates the button separation */
          font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
          padding: 3px 0px 5px 0px;
          display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
          width: 185px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
          text-decoration: none;
          color: #FFFF0D;
          background: #595FFF;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
          background: #595FFF;
          font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
          color: #FFFFFF;
/* ~~ The footer ~~ */
.footer {
          padding: 10px 0;
          background: #595FFF;
          color: #FFFF0D;
          position: relative;/* this gives IE6 hasLayout to properly clear */
          clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
          float: right;
          margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
          float: left;
          margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
          clear:both;
          height:0;
          font-size: 1px;
          line-height: 0px;
-->
</style>
</head>
<body>
<div class="container">
<div class="header">
<a href="#"><img src="images/Chamber-Logo-2.gif" alt="Reardan Chamber Logo" width="187" height="163" hspace="10" vspace="5" align="top" /></a><img src="images/Reardan-Chamber-Title.gif" width="476" height="204" alt="Reardan Area Chamber of Commerce, Dedicated to Preserving and Enhancing Area Businesses" /><p></p>
<p style="color: #F00">This Site is under construction! Please pardon our dust as we create!</p>
</div>
<div class="sidebar1">
    <ul class="nav">
      <li><a href="about.html">About Us</a></li>
      <li><a href="history.html">Reardan History</a></li>
      <li><a href="activities.html">Activities</a></li>
      <li><a href="business.html">Business<br />
        Directory</a></li>
      <li><a href="about.html">Join the<br />
        Chamber</a></li>
       <li><a href="links.html">Links<br />
  <span style="font-size: 85%">Tourism</span><br />
      </a></li>
    </ul>
     </div>
<br />
<br />
<br />
<br />
<div class="box" +"slide">
<script type="text/javascript">
// BeginOAWidget_Instance_2559022: #slideshow
                           slideshowAddCaption=true;
$(window).load(function() {
$('#slideshow').cycle({
                    after:                              slideshowOnCycleAfter, //the function that is triggered after each transition
                    autostop:                              false,     // true to end slideshow after X transitions (where X == slide count)
                    fx:                                        'blindX',// name of transition effect
                    pause:                              false,     // true to enable pause on hover
                    randomizeEffects:          true, // valid when multiple effects are used; true to make the effect sequence random
                    speed:                              100, // speed of the transition (any valid fx speed value)
                    sync:                              true,     // true if in/out transitions should occur simultaneously
                    timeout:                    5000, // milliseconds between slide transitions (0 to disable auto advance)
                    fit:                              true,
                    height:                       '300px',
                    width:         '525px'   // container width (if the 'fit' option is true, the slides will be set to this width as well)
function slideshowOnCycleAfter() {
          if (slideshowAddCaption==true){
                              $('#slideshow-caption').html(this.title);
// EndOAWidget_Instance_2559022
</script>
<div id="slideshow">
    
    <img src="images/100_1537.jpeg" width="600" height="450" title="caption for image1" /> <img src="images/Parade-2011-2.jpg" width="300" height="225" title="caption for image2" /> <img src="images/100_1495.jpeg" width="600" height="450" title="caption for image3" />
    <div title="sample title"> Images for slide show will need to be re-sized to fit box to avoid distortion</div>
    <img src="images/beach4.jpg" width="200" height="200" title="caption for image4" /> <img src="images/beach5.jpg" width="200" height="200" title="caption for image5" /> </div>

<div id="slideshow-caption"></div></div>
<div class="sidebar2" "anotherClass editable"><p align="center"><strong>Chamber News</strong><br />
Local News item
<br />
Another New item</p>
<p align="center">lots of news this week<br />
    <br />
    <br />
    <br />
</p>
</div>
<div class="sidebar3" "anotherClass editable"><p align="center"><strong>Upcoming Events</strong></p>
<div align="center">    <a href="activities.html" style="color: #FFFF0D">Community wide yard sales</a><br />
    <br />
    <br />
    <br />
    <br />
</div>
</div>
<div class="content"><br />
<br />
</div>
<div class="footer">
        <p align="center"><span style="font-size: small">Reardan Area Chamber of Commerce</span><br />
          <span style="font-size: x-small">[email protected] - 509.796.2102</span><br />
        </p>
        
</div></body>
</html>

If you DO want the slideshow overlaping the navigation try the below css:
.sidebar1 {
    float: left;
    width: 225px;
    margin: 60px 0px 60px 60px;
    color: #FFFF0D;
    background: #595FFF;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    padding: 5px 5px 0px 5px;
    border: 3px solid #F7F723;
.box {
float: left;
margin-left:-60px;
width:700px;
height:350px;
border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;

JQuery Conflicts with Muse and Plugins

Hello Community,
Recently, we ran into problems with jquery libraries (and my programmers were unable to fix it...suggesting I just make a stand-alone page in Dreamweaver/Komodo) when trying to insert that awesome LayerSlider from CodeCanyon. The problem: Muse calls an older jquery library than the one the LayerSlider needs (and once we updated it to the newest jquery standard, Muse no longer worked!). Hmmm. I wonder if there can be any type of fix for this as well????
Has anyone got a work around to this (besides creating the page in its entirety with an IDE, then FTPing it after the Muse FTP in order to overwrite the index.html? (That's what we will have to do, since we definitely want that LayerSlider on the home page)).
Thanks,
Skyborn Manager

Design work! Anything server-side unless I either revert to an older version of DW or cobble in the 3rd party fix to restore all the server-side functionality. I love Muse because I can make things look the way I want them too very easily. Here is a sample basic dialog. Clearly does not look like the "canned" jquery dialog with the canned ui-dialog-titlebar or ui-dialog-content. For this one I've used a blank compo, single t/t, set the container to transparent enabled a close button, layered in a rectangle for the tombstone and a seperate one for the actual content, stylized the close button to get my "look". Then tweaked the jquery to get rid of the padding, borders and corner radius, so I can set radius individually. Not very elegant but the only way I could get a "title bar" to look like I wanted and a "content" area slightly smaller so as to complement the slide action, giving the effect that the "content" is retracting up into the "title bar" on collapse, like you see with an accordian.
There are multiple dialogs on the page. Triggers appear to be "menu items". When a target is triggered the target needs to allow a user to min/max/dock/collapse the different dialogs.
I don't mind using Muse in conjunction with DW, not a problem. Just need to figure out how to get the look in Muse coupled with the functionality in DW. Now since I exported to html I do have the .png files so...... maybe a way to use the .png files in DW instead...........

Jquery menu plugin integrated in Tab's (using a custom theme )

Hi,
I'm trying to use the jquery menu plugin and use it combined with tab's. I would like to get the effect which is also in the APEX IDE ( TAB's with submenu's expanding below the TAB ).
So far I have my tab's and also my menu's which are show as a button on the page which expand when you click on them. But I would like to have the menu attached to the tab.
I found somewhere (http://www.theapexfreelancer.com/apex/f?p=APEXFREELANCER:JQUERY_MENU_PLUGIN:0) that I should name the TAB and the LIST's on which the menu's are build exactly the same to achieve this, but so far no luck.
Does anyone know of a cookbook describing how to achieve this or has any ideas what to check ?
Regards,
Bas
b.t.w. Have a great 2012!

The steps can be detailed as follows (I will make it specific to my theme -Application Builder- and you can replace what you want)
0) a) My Page template name is WithNicolettePlugin.
b) Put the Nicolette (Thanks alot for him) plugin on #REGION_POSITION_08# in Page Zero (Global page)
c) the settings of the plugin as follows:
- Template : WithNicolettePlugin
- Before HTML : <ul class="dhtmlMenuLG2"> - After HTML : </ul> - jQuery selector submenu : .dhtmlSubMenu2
- Tab set : main
- Include single subtab : yes
- Class first parent : ui-corner-left
- Class last parent : ui-corner-right
- File Prefix : #IMAGE_PREFIX#
the others are empty
1) link the following CSS's into the Header section of the Page Template of (Bluejay-22)
<link rel="stylesheet" href="/i/css/apex_builder.min.css?v=4.2.0.00.27" type="text/css" />
<link rel="stylesheet" href="/i/css/apex_ui.min.css?v=4.2.0.00.27" type="text/css" />
<link rel="stylesheet" href="/i/css/apex_ui_builder_home.css" type="text/css" />2) link the following Scripts into the Header section of the Page Template
<script type="text/javascript">
var apex_img_dir = "/i/", htmldb_Img_Dir = apex_img_dir;
</script>
<script src="/i/libraries/apex/minified/desktop_all.min.js?v=4.2.0.00.27" type="text/javascript"></script>
<script src="/i/libraries/apex/minified/legacy.min.js?v=4.2.0.00.27" type="text/javascript"></script>
<style> html {visibility:hidden;} </style>
<script type="text/javascript">
apex.security.framebreaker("D");
</script>
<script src="/i/libraries/apex/minified/widget.textarea.min.js?v=4.2.0.00.27" type="text/javascript"></script>
<script src="/i/libraries/apex/minified/builder.min.js?v=4.2.0.00.27" type="text/javascript"></script>3) Re-write the Body section to be as the following
<div id="page-header">
.... LOGO AND WELCOME HERE ......
   <div class="apex-top-bar-end">
       <div class="apex-top-bar">
            <div id="tabs" class="dhtmlMenuLG">
              #REGION_POSITION_08#   
            </div>
       </div>
   </div>
</div>
<div id="topbar">#REGION_POSITION_01##REGION_POSITION_04#</div>
<div id="messages">#SUCCESS_MESSAGE##NOTIFICATION_MESSAGE##GLOBAL_NOTIFICATION#</div>
<div id="body">
    <table class="tbl-body" cellspacing="0" cellpadding="0" border="0" summary="">
    <tbody>
      <tr>
        <td class="tbl-main" width="100%">#REGION_POSITION_02##BOX_BODY#</td>
        <td class="tbl-sidebar">#REGION_POSITION_03#</td>
      </tr>
    </tbody>
    </table>
</div>4- Update the section of Standard Tab Attributes to have Current Tab as the following *(PLEASE, REMOVE THE MINUS BEFORE onmouseover)*
<li class="dhtmlSubMenuN" -onmouseover = "dhtml_CloseAllSubMenusL(this)" >
<a href="#TAB_LINK#" class="dhtmlSubMenuN"
     title="#TAB_LABEL#">
     "#TAB_LABEL#
</a>
</li>
{code}
and Non Current Standard Tab as the following
{code}
<li class="dhtmlSubMenuN" -onmouseover = "dhtml_CloseAllSubMenusL(this)" >
<a href="#TAB_LINK#" class="dhtmlSubMenuN"
      title="#TAB_LABEL#">
      "#TAB_LABEL#
</a>
</li>5- Update the section of Parent Tab Attributes to have Current Parent Tab as the following
<div id="#TAB_ID#" class="current">
    <a href="#TAB_LINK#" title="#TAB_LABEL#" class="link_text">#TAB_LABEL#</a>
    <a href="#" class="link_icon">
      <img src="/i/apex/builder/down_dark_12x12.gif" width="12" height="12"
           class="dhtmlMenu" alt="#TAB_LABEL# Drill Down"/>
   </a>
   <ul id="#TAB_NAME#" htmldb:listlevel="1" class="aTabs dhtmlSubMenu pulldown-tabs" style="display:none;">
       #TABS#
       <li class="last" dir="RTL"><span></span></li>
    </ul>
</div>and Non Current Parent Tab as the following
<div id="#TAB_ID#" class="non-current">
    <a href="#TAB_LINK#" title="#TAB_LABEL#" class="link_text">#TAB_LABEL#</a>
    <a href="#" class="link_icon">
      <img src="/i/apex/builder/down_dark_12x12.gif" width="12" height="12"
           class="dhtmlMenu" alt="#TAB_LABEL# Drill Down"/>
   </a>
   <ul id="#TAB_NAME#" htmldb:listlevel="1" class="aTabs dhtmlSubMenu pulldown-tabs" style="display:none;">
       #TABS#
       <li class="last" dir="RTL"><span></span></li>
    </ul>
</div>6- You will find a sample here in
Workspace : ralab
User : nicolette
Password : abc123
Application 33791 - TestDropDownAppBuilderTabs
If the post completes your solution mark it as correct and the question as answered, otherwise, mark it as helpful.
Best Regards
Mahmoud

This is an message when I open up CS4 in Illustrator. "Some plugins in additional plugins folder are conflicting with application or user plugins. It will skip loading plugins from additional plug-ins folder? What does this mean and how can I fix it.

This is an message when I open up CS4 in Illustrator. "Some plugins in additional plugins folder are conflicting with application or user plugins. It will skip loading plugins from additional plug-ins folder? What does this mean and how can I fix it?

Thanks Larry. I thought so. I will do this weekend. Again, I appreciate your help.
Trying to get updated software – I am not a fan of the cloud stuff. Nothing I can do about it.
Thanks again Larry!

Replace flash with JQuery Cycle plugin on my website

Hello,
I am hoping someone can help me with a little programming on my current website www.ci.guilford.ct.us
I am not a website developer so I am having some difficulty getting the down. I would like to replace my current flash content that scrolls through some photos with the JQuery Cycle plugin. With a lot of mobile devices not sporting flash I am leaning more toward this. Any help would be greatly appreciated and if there is anything else needed please let me know.
Thanks,
Tony

Well I got nailed by Adobe for my last post.
Here's how all of these jQuery effects plugins work.
They need to be in a div with a particular id or class. And you tell them, "put the thing there."
I still use a really old jQuery plugin that has been more than superseeded by Cycle. After I figured it out (and that took about two weeks) these plugins became really easy to understand.
So, let's look at Nancy's example:
She establishes a class in the style section (this might also be in your style sheet. It's called cycle-slideshow. It's in her document above with a period before it (which is how you define a class in CSS).
Now, in the HTML below, she creates the div:
<div class="cycle-slideshow" ...
Then she does a couple of commands to make cycle work:
... data-cycle-pause-on-hover="true"
data-cycle-speed="2000">
Normally, I make these "pause-on-hover things "false" because, like in your own website, you simply want the images to show, one after another.
Then she does a bunch of images:
<img src= ...
Now, of course you have to call two things in your page to get everything to work. First, you need to call jQuery. I generally host my own copy of jQuery for each website, but it is perfectly fine to call one remotelly:

<script src="http://code.jquery.com/jquery-latest.min.js">
</script>
And you have to call the jQuery plugin, called Cycle:

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>
If you are still having trouble, please respond to my message from yesterday by phone.

Dock Menu With jquery

Hi,
i am new with jQuery.How work with Jquery.
i am using Apex 3.2 Ver.
if you have any demmy applicatyion with code .please refer me.
i want to creted an Dock menu Using jquery in apex 3.2.
How can i do this.
Thanks
Edited by: 805629 on Mar 29, 2011 4:40 AM

Hi Vee,
Actully today i have see this link .
http://actionet.homelinux.net/htmldb/f?p=100:52:2145432616736079::NO:::
So i want to use jquery to improve my applicaion Standard.But i don't use jquery before so i need some tutorials how to use jquery in apex in 3.2 Ver .
How can i do this.
Thanks

JQuery conflicting with spry

Hi,
I'm trying to use jquery with spry generated content. In the
code below, I attempt to add a click event listener to fire an
alert box. It seems as though the code does not work with the spry
generated regions. Any ideas?
Thanks
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="JavaScript" type="text/javascript"
src="includes/xpath.js"></script>
<script language="JavaScript" type="text/javascript"
src="includes/SpryData.js"></script>
<script language="javascript"
src="js/jquery.js"></script>
<script language="JavaScript" type="text/javascript">
<!--
var xmlStr = "<?xml version=\"1.0\"
encoding=\"iso-8859-1\"?> \
<employees xmlns=\"
http://www.foo.com/employees\">
<employee> \
<id>55555</id> \
<lastname>Smith</lastname> \
<firstname>Edward</firstname> \
<phone>(415) 333-0235 </phone> \
<username>esmith</username> \
</employee> \
<employee> \
<id>44444</id> \
<lastname>Johnson</lastname> \
<firstname>Neil</firstname> \
<phone>(415) 333-9475 </phone> \
<username>njohnson</username> \
</employee> \
<employee> \
<id>33333</id> \
<lastname>Williams</lastname> \
<firstname>Steve</firstname> \
<phone>(415) 333-4573 </phone> \
<username>swilliams</username> \
</employee> \
<employee> \
<id>22222</id> \
<lastname>Jones</lastname> \
<firstname>John</firstname> \
<phone>(415) 333-9345 </phone> \
<username>jjones</username> \
</employee> \
<employee> \
<id>54125</id> \
<lastname>Brown</lastname> \
<firstname>Joe</firstname> \
<phone>(415) 333-5938 </phone> \
<username>jbrown</username> \
</employee> \
</employees>";
var dsEmployees = new Spry.Data.XMLDataSet(null,
"/employees/employee");
var xmlDOMDocument = Spry.Utils.stringToXMLDoc(xmlStr);
dsEmployees.setDataFromDoc(xmlDOMDocument);
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery(".elements").click(function() {
alert("hello");
//jQuery(this).addClass("selected");
</script>
<style type="text/css">
.selected {
border:1px solid;
</style>
</head>
<body>
<div class="elements">hello</div>
<div id="container" spry:region="dsEmployees">
<div class="elements"
spry:repeat="dsEmployees">{firstname}</div>
</div>
</body>
</html>

Try puting the jquery in a seperated <script> tag.
jquery and spry doesnt play nice together when they are in
the same tag. (alteast thats how i fixed my jquery problem)
If this doesnt help, try using a older version of jquery (as
test ofcourse)
I remember i had some problems with jquery and Spry when i
updated jquery to its latest function.

Plugin conflicts

Hello there,
Here is my code .The plugin conflicts.Please help me.I don't get the camera slider.I have not yet uploaded my site.So i couldn't give the link.Please check and help me.
<!doctype html>




<html class="">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Trichy Engineering College - Home</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="CSS/Layout.css" rel="stylesheet" type="text/css">
<style type="text/css">
/*.effect8
      position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
.effect8:before, .effect8:after
    content:"";
    /*position:absolute; */
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
.effect8:after
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
</style>


<script src="respond.min.js"></script>
<link href="CSS/Body_format.css" rel="stylesheet" type="text/css">

<link href="CSS/CSS3dropmenu.css" rel="stylesheet" type="text/css">

<link rel='stylesheet' id='camera-css' href='camera/css/camera.css' type='text/css' media='all'>
<style>
p
     padding-left:10px;
     padding-right:10px;
     /*color:#FFF;*/
        a {
            color: #09f;
        a:hover {
            text-decoration: none;
        #back_to_camera {
            clear: both;
            display: block;
            height: 80px;
            line-height: 40px;
            padding: 20px;
        .fluid_container {
            /*margin: 0 auto;*/
            /*max-width: 1000px;*/
            width: 1000px;
    body,td,th {
    color: #999;
</style>
<link href="CSS/style3.css" rel="stylesheet" type="text/css">
<script type='text/javascript' src='camera/scripts/jquery.min.js'></script>
<script type='text/javascript' src='camera/scripts/jquery.mobile.customized.min.js'></script>
<script type='text/javascript' src='camera/scripts/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='camera/scripts/camera.min.js'></script>
<script>
        jQuery(function(){
            jQuery('#camera_wrap_1').camera({
                height: '400px',
                thumbnails: false,
                pagination:false
    </script>

          <link type="text/css" rel="stylesheet" href="CSS/responsive-tabs.css"/>
          <link type="text/css" rel="stylesheet" href="CSS/style_tabs.css" />
          <script src="Scripts/jquery-2.0.3.min.js"></script>
          <script src="Scripts/jquery.responsiveTabs.js" type="text/javascript"></script>
    

<link rel="stylesheet" type="text/css" href="HoverEffectIdeas/css/set2.css" />


<link href="CSS/style_carousel.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="Scripts/jquery.flexisel.js"></script>
<script src="News-Ticker/includes/jquery.ticker.js"></script>
</head>
<body>
<?php
include("Includes/header_links.php");
?>
<div class="gridContainer clearfix effect8">
<div id="logotitle">
<img src="Images/Blue_Header_Final2.png">
                    
                    
                    
                    

</div>
<?php
include("Includes/Menu_Nav.php");
?>
<div id="slider" class="fluid_container">
<div class="camera_wrap camera_azure_skin" id="camera_wrap_1">
            <div data-thumb="camera/images/slides/thumbs/bridge.jpg" data-src="camera/images/slides/First_image.jpg">
                <div class="camera_caption fadeFromBottom">
                 Trichy Engineering College
                </div>
            </div>
            <div data-thumb="camera/images/slides/thumbs/leaf.jpg" data-src="camera/images/slides/Second_image.jpg">
                <div class="camera_caption fadeFromBottom">
                </div>
            </div>
            <div data-thumb="camera/images/slides/thumbs/road.jpg" data-src="camera/images/slides/Third_image.jpg">
                <div class="camera_caption fadeFromBottom">
                </div>
            </div>
            <div data-thumb="camera/images/slides/thumbs/sea.jpg" data-src="camera/images/slides/Fourth_image.jpg">
                <div class="camera_caption fadeFromBottom">
                </div>
            </div>
            <div data-thumb="camera/images/slides/thumbs/shelter.jpg" data-src="camera/images/slides/Fifth_image.jpg">
                <div class="camera_caption fadeFromBottom">
                    It supports captions, HTML elements and videos and <em>it's validated in HTML5</em> (<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.pixedelic.com%2Fplugins%2Fcamera%2F&cha rset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.2" target="_blank">have a look</a>)
                </div>
            </div>
           
    </div>
</div>
<div id="content1">
<div id="hist"><h2 style="padding-left:10px; padding-top:10px;font-family:'Linux Libertine Capitals';font-size:29px; color:#900;">Trichy Engineering College<br></h2>
<p><strong>Trichy Engineering College</strong> was founded by <b style="color:#948C03;">Annai Santhiya Educational Health & Charitable Trust</b>, Woraiyur, Tiruchirappalli with the permission of the Government of Tamil Nadu as per G.O.Ms.No 524(Education)dated 24.9.98. The Trust which is dedicated to the cause of promoting technical education as part of its philanthrophic scheme, purchased 41.7 acres of land in Konalai Village, 22km away from Tiruchirappalli on the Chennai Tiruchirappalli NH45 Highway & established the College.</p>
     <p><br>The College was started by <b style="color:#948C03;">Mr.S.Subramaniam</b>, Chairman, Mookambigai College of Engineering who is also the Secretary of this college with the main aim to provide best Engineering education under disciplined culture to the minority students of Tamilnadu and neighbouring states.<a href="about_college.php">Read More</a> >></p>
</div>
    <div id="horizontalTab">
    <ul>
            <li><a href="#tab-1">News</a></li>
            <li><a href="#tab-2">Events</a></li>
            <li><a href="#tab-3">Announcements</a></li>
    </ul>
    <div id="tab-1">
<p>
<marquee behavior="scroll" direction="up" scrolldelay="200" onMouseOver="pause">Welcome</marquee>
</p>
        </div>
        <div id="tab-2">
            <p>Quisque sodales sodales lacus pharetra bibendum. Etiam commodo non velit ac rhoncus. Mauris euismod purus sem, ac adipiscing quam laoreet et. Praesent vulputate ornare sem vel scelerisque. Ut dictum augue non erat lacinia, sed lobortis elit gravida. Proin ante massa, ornare accumsan ultricies et, posuere sit amet magna. </p>
        </div>
        <div id="tab-3">
            <p>Mauris facilisis elit ut sem eleifend accumsan molestie sit amet dolor. Pellentesque dapibus arcu eu lorem laoreet, vitae cursus metus mattis. Nullam eget porta enim, eu rutrum magna. Duis quis tincidunt sem, sit amet faucibus magna. Integer commodo, turpis consequat fermentum egestas, leo odio posuere dui, elementum placerat eros erat id augue.</p>
        </div>
    </div> 
     <script type="text/javascript">
    $(document).ready(function () {
        $('#horizontalTab').responsiveTabs({
            startCollapsed: 'accordion',
            collapsible: true,
            rotate: false,
            setHash: true
</script>
</div>
<div id="carusel_title"><h2 align="center">Our Recruiters</h2></div>
<div id="image_carousel">
<div class="clearout"></div>
<ul id="flexiselDemo3">
    <li><img src="Images/1.jpg" /></li>
    <li><img src="Images/2.jpg" /></li>
    <li><img src="Images/3.jpg" /></li>
    <li><img src="Images/4.jpg" /></li>
</ul>
<div class="clearout"></div>
</div> 
<script type="text/javascript">
$(window).load(function() {
    $("#flexiselDemo1").flexisel();
    $("#flexiselDemo2").flexisel({
        enableResponsiveBreakpoints: true,
        responsiveBreakpoints: {
            portrait: {
                changePoint:480,
                visibleItems: 1
            landscape: {
                changePoint:640,
                visibleItems: 2
            tablet: {
                changePoint:768,
                visibleItems: 3
    $("#flexiselDemo3").flexisel({
        visibleItems: 5,
        animationSpeed: 1000,
        autoPlay: true,
        autoPlaySpeed: 3000,
        pauseOnHover: true,
        enableResponsiveBreakpoints: true,
        responsiveBreakpoints: {
            portrait: {
                changePoint:480,
                visibleItems: 1
            landscape: {
                changePoint:640,
                visibleItems: 2
            tablet: {
                changePoint:768,
                visibleItems: 3
    $("#flexiselDemo4").flexisel({
        clone:false
</script>
<div id="line"><hr></div>
<div id="content2">
<div id="box1_title"><h2 align="center" style="font-family:Times, serif; color:#00F;">Training & Placement</h2></div>
<div id="box1" class="view view-sixth">
<img src="Images/training_placement.jpg" width="380" height="280">
<div id="masking" class="mask"><h2>Training & Placement</h2>
   <p>We care for your career</p>
   <a href="trainandplace.php" class="info">Read More</a></div>
</div> 
<div id="box2_title"><h2 align="center" style="font-family:Times, serif; color:#00F;">Sports</h2></div>
<div id="box2" class="view view-sixth">
<img src="Images/sports.jpg" width="380" height="280">
<div id="masking" class="mask"><h2>Sports</h2>
   <p>Lorem Ipsum is not simply random text</p>
   <a href="Sports.php" class="info" target="_blank">Read More</a></div>
</div> 
<div id="box3_title"><h2 align="center" style="font-family:Times, serif; color:#00F;">Research</h2></div>
<div id="box3" class="view view-sixth">
   <img src="Images/dep.jpg" width="380" height="280">
   <div id="masking" class="mask"><h2>Research</h2>
   <p> Lorem Ipsum is not simply random text</p>
   <a href="Research.php" class="info" target="_blank">Read More</a></div>
</div> 
<div id="box4_title"><h2 align="center" style="font-family:Times, serif; color:#00F;">Media</h2></div>
<div id="box4" class="view view-sixth">
   <img src="Images/media.png" width="380" height="280">
   <div id="masking" class="mask"><h2>Media</h2>
   <p>Lorem Ipsum is not simply random text</p>
   <a href="#" class="info" target="_blank">Read More</a></div></div>
</div> 
</div>


</div>
<?php
include("Includes/Foot.php");
?>
</body>
</html>
Thanks in advance

When you get it uploaded to your remote server, please post back with the URL.
Nancy O.

Combobox plugin conflicts with jQuery menu

Similar Messages

Maybe you are looking for