Jquery problem in ie6
Jquery problem in ie6
This is my index file in joomla.... in ie6 i am not getting jquery worked...
<?php
/**
* @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<?php
$_SERVER['HTTP_USER_AGENT'] == "Mozilla";
?>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo JURI::base() ?>templates/Royal_fast/css/style_sheet.css" type="text/css" />
<link rel="stylesheet" href="<?php echo JURI::base() ?>templates/Royal_fast/css/styles.css" type="text/css" />
<link rel="stylesheet" href="<?php echo JURI::base() ?>templates/Royal_fast/css/droplinebar.css" type="text/css" />
<script src="<?php echo JURI::base() ?>templates/Royal_fast/js/jquery-1.2.1.pack.js" type="text/javascript"></script>
<script src="<?php echo JURI::base() ?>templates/Royal_fast/js/plus_minus.js" type="text/javascript"></script>
<?php /*?><link rel="stylesheet" href="http://localhost/Royal/templates/Royal_fast/css/<?php echo $this->params->get('colorVariation'); ?>.css" type="text/css" />
<link rel="stylesheet" href="http://localhost/Royal/templates/Royal_fast/css/<?php echo $this->params->get('backgroundVariation'); ?>_bg.css" type="text/css" /><?php */?>
<!--[if lte IE 6]>
<link href="<?php echo JURI::base() ?>/templates/<?php echo $this->template ?>/css/ieonly.css" rel="stylesheet" type="text/css" />
<![endif]-->
<?php if($this->direction == 'rtl') : ?>
<link href="<?php echo JURI::base() ?>templates/Royal_fast/css/template_rtl.css" rel="stylesheet" type="text/css" />
<?php endif; ?>
</head>
<body id="page_bg">
<?php global $my;
$username = $my->username;
//echo $username;
?>
<a name="up" id="up"></a>
<div class="center" style=" width:980px; margin:0px auto;">
<div id="header" style="margin:0 auto;width:990px; ">
<div class="logo">
<a href="#"><img src="<?php echo JURI::base() ?>templates/Royal_fast/images/logo.png"></a>
</div>
<div id="open" style="float:right; margin-right:30px; width:228px; margin-top:57px;height:42px;">
<a href="#" class="memberlogin">
<img src="<?php echo JURI::base() ?>templates/Royal_fast/images/member_login.png" border="0" class="plus_symbol" >
<img src="<?php echo JURI::base() ?>templates/Royal_fast/images/member_login_minus.png" border="0" class="minus_symbol">
</a>
</div>
<div >
<div class="userlogin_mod" style="display:none;"><jdoc:include type="modules" name="user9" /></div>
</div>
<div class="clear"></div>
<?php /*?><a href="index.php?option=com_user&view=login">
<img src="<?php echo JURI::base() ?>templates/Royal_fast/images/member_login.png" border="0" />
</a><?php */?>
</div>
<div class="clear"> </div>
<jdoc:include type="modules" name="top" />
<div class="clear"> </div>
<div id="wrapper" style="float:left;">
<div id="wrapper_r" style="width:990px;">
</div>
<div id="pathway">
<jdoc:include type="modules" name="breadcrumb" />
</div>
<div class="clr"></div>
<div id="whitebox_m">
<div id="area">
<jdoc:include type="message" />
<div id="leftcolumn">
<?php if($this->countModules('left')) : ?>
<jdoc:include type="modules" name="left" style="rounded" />
<?php endif; ?>
</div>
<?php if($this->countModules('left')) : ?>
<div id="maincolumn">
<?php else: ?>
<div id="maincolumn_full" style="width:974px;">
<?php endif; ?>
<?php if($this->countModules('user1 or user2')) : ?>
<table class="nopad user1user2">
<tr valign="top">
<?php if($this->countModules('user1')) : ?>
<td>
<jdoc:include type="modules" name="user1" style="xhtml" />
</td>
<?php endif; ?>
<?php if($this->countModules('user1 and user2')) : ?>
<td class="greyline"> </td>
<?php endif; ?>
<?php if($this->countModules('user2')) : ?>
<td>
<jdoc:include type="modules" name="user2" style="xhtml" />
</td>
<?php endif; ?>
</tr>
</table>
<div id="maindivider"></div>
<?php endif; ?>
<table class="nopad" align="left">
<tr valign="top">
<td>
<jdoc:include type="component" />
<div class="clear"> </div>
<?php include 'footer.php' ?>
<div class="clear"> </div>
<!--<jdoc:include type="modules" name="user7" style="xhtml"/>-->
<jdoc:include type="modules" name="footer" style="xhtml"/>
<div class="clear"> </div>
</td>
<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
<!--<td class="greyline"> </td>
<td>
<jdoc:include type="modules" name="right" style="xhtml"/>
</td>-->
<?php endif; ?>
</tr>
</table>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div id="whitebox_b">
<div id="whitebox_bl">
<div id="whitebox_br"></div>
</div>
</div>
</div>
<div id="footerspacer"></div>
</div>
<div id="footer">
<div id="footer_l">
<div id="footer_r">
<p id="syndicate">
<jdoc:include type="modules" name="syndicate" />
</p>
<p id="power_by">
<?php /*?><?php echo JText::_('Powered by') ?> <a href="http://www.joomla.org">Joomla!</a>.
<?php echo JText::_('Valid') ?> <a href="http://validator.w3.org/check/referer">XHTML</a> <?php echo JText::_('and') ?> <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.<?php */?>
</p>
</div>
</div>
</div>
</div>
</div>
<jdoc:include type="modules" name="debug" />
</body>
</html>
This is my plus_minus.js......
// JavaScript Document
jQuery.noConflict();
(function($)
{
$(function()
{
$(document).ready(function()
{
$(".userlogin_mod").hide();
$(".minus_symbol").hide();
$(".memberlogin").click(function ()
{
$(".userlogin_mod").slideToggle("slow");
if ($(".plus_symbol").is(':visible'))
{
$(".plus_symbol").hide();
$(".minus_symbol").show();
}
else
{
$(".minus_symbol").hide();
$(".plus_symbol").show();
}
});
});
});
})(jQuery);