PDA

View Full Version : Dropdown menus not clickable in IE7 & IE8



vivekkale
01-12-2012, 02:38 PM
1) Script Title: Anymenulink.js

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm

3) Describe problem:
Hello I am using any menulink.js in my site. It is working in firefox and chrome but links are not clickable in IE. Meaning when i click on the menu options it does not take me to the requested page and does not do anything.

Following is the file i am using.


Menucontent.js file



//anylinkmenu.init("menu_anchors_class") //Pass in the CSS class of anchor links (that contain a sub menu)
anylinkmenu.init("menuanchorclass");

var overview={divclass:'anylinkmenu', inlinestyle:'', linktarget:'_new'} //First menu variable. Make sure "anylinkmenu1" is unique
overview.items=[
["About Project", "javascript:void(0);"],
["About Builder", "javascript:void(0);"],
["Special Schemes", "javascript:void(0);"]
]

var Virtually={divclass:'anylinkmenu', inlinestyle:'', linktarget:'_new'} //First menu variable. Make sure "anylinkmenu1" is unique
Virtually.items=[
["Project Walkthorugh", "javascript:void(0);"],
["Visit Sample Flat", "javascript:void(0);"],
["Visit Project layout", "javascript:void(0);"],
["Current project status", "javascript:void(0);"]
]

var ExploreProperty;

var Amenities={divclass:'anylinkmenu', inlinestyle:'', linktarget:'_new'} //First menu variable. Make sure "anylinkmenu1" is unique
Amenities.items=[
["Amenities", "javascript:void(0);"],
["Specifications", "javascript:void(0);"]
]

var AroundProject={divclass:'anylinkmenu', inlinestyle:'', linktarget:'_new'} //First menu variable. Make sure "anylinkmenu1" is unique
AroundProject.items=[
["Location on Google map", "javascript:void(0);"],
["Virtual Visit Around project", "javascript:void(0);"]
]

$(document).ready(function() {

var propertyType = document.getElementById('hid_ptype').value;

if (propertyType == "Residential")
{
ExploreProperty={divclass:'anylinkmenu', inlinestyle:'', linktarget:'_new'} //First menu variable. Make sure "anylinkmenu1" is unique
ExploreProperty.items=[
["Apartment", "javascript:void(0);"],
["Bungalow", "javascript:void(0);"],
["Row House", "javascript:void(0);"]
]
}

if (propertyType == "Commercial")
{
ExploreProperty={divclass:'anylinkmenu', inlinestyle:'width: 184px !important;background:#565455 url(images/pop1.jpg)no-repeat scroll 0px 0px;padding-top: 11px; margin-top:2px; border-radius: 0 0 7px 7px !important; -moz-border-radius: 0 0 7px 7px !important; width:auto; border-bottom: 1px dashed #8D8D8D; color: #FFFFFF !important; display: block; font-size: 12px;', linktarget:'_new'} //First menu variable. Make sure "anylinkmenu1" is unique
ExploreProperty.items=[
["Office", "javascript:void(0);"],
["Showroom", "javascript:void(0);"]
]
}
});



Also we are using joomla in our site





<script>
$(document).ready(function() {
$('#About_Project').click(function (){
$('#layout').val("details");
$("#Itemid").val(14);
$('#frmProperty').submit();
});

$('#About_Builder').click(function (){
$('#layout').val("aboutbuilder");
$("#Itemid").val(12);
$('#frmProperty').submit();
});

$('#Special_Schemes').click(function (){
$('#layout').val("specialschemes");
$("#Itemid").val(13);
$('#frmProperty').submit();
});

$('#Project_Walkthorugh').click(function (){
$('#layout').val("projectwalkthorugh");
$("#Itemid").val(13);
$('#frmProperty').submit();
});

$('#Amenities').click(function (){
$('#layout').val("amenities");
$("#Itemid").val(15);
$('#frmProperty').submit();
});

$('#Specifications').click(function (){
$('#layout').val("specifications");
$("#Itemid").val(16);
$('#frmProperty').submit();
});
$('#Apartment').click(function (){
$('#layout').val("floorplans");
$('#projectTypes').val("Apartment");
$("#Itemid").val(17);
$('#frmProperty').submit();
});
$('#Bungalow').click(function (){
$('#layout').val("floorplans");
$('#projectTypes').val("Bungalow");
$("#Itemid").val(17);
$('#frmProperty').submit();
});
$('#Row_House').click(function (){
$('#layout').val("floorplans");
$('#projectTypes').val("Row House");
$("#Itemid").val(17);
$('#frmProperty').submit();
});
$('#Office').click(function (){
$('#layout').val("floorplans");
$('#projectTypes').val("Office");
$("#Itemid").val(17);
$('#frmProperty').submit();
});
$('#Showroom').click(function (){
$('#layout').val("floorplans");
$('#projectTypes').val("Showroom");
$("#Itemid").val(17);
$('#frmProperty').submit();
});
$('#Location_on_Google_map').click(function (){
$('#layout').val("googlemap");
$("#Itemid").val(17);
$('#frmProperty').submit();
});
$('#Contact_Developer').click(function (){
$('#layout').val("contactus");
$("#Itemid").val(17);
$('#frmProperty').submit();
});
$('#Visit_Sample_Flat').click(function (){
$('#layout').val("visitsampleflat");
$("#Itemid").val(17);
$('#frmProperty').submit();
});
$('#Visit_Project_layout').click(function (){
$('#layout').val("visitprojectlayout");
$("#Itemid").val(17);
$('#frmProperty').submit();
});
$('#Virtual_Visit_Around_project').click(function (){
$('#layout').val("visitarroundproject");
$("#Itemid").val(17);
$('#frmProperty').submit();
});
$('#Current_project__status').click(function (){
$('#layout').val("currentprojectstatus");
$("#Itemid").val(17);
$('#frmProperty').submit();
});
});
</script>
<div class="menu-b">
<a href="javascript:void(0);" class="menuanchorclass" rel="overview"><img src="$Overview"></a>
<a href="javascript:void(0);" class="menuanchorclass m-b" rel="Virtually"><img src="$Virtually"></a>
<a href="javascript:void(0);" class="menuanchorclass m-c" rel="ExploreProperty"><img src="$ExploreProperty"></a>
<a href="javascript:void(0);" class="menuanchorclass m-d" rel="Amenities"><img src="$Amenities"></a>
<a href="javascript:void(0);" class="menuanchorclass m-e" rel="AroundProject"><img src="$AroundProject "></a>
<a href="javascript:void(0);" class="menuanchorclass m-f"><img id="Contact_Developer" src="$Contact"></a>
</div>