PHP: [phpXperts] Re: jQuery Peculiar Problem

Monday, July 4, 2011

[phpXperts] Re: jQuery Peculiar Problem

Please take a look at the red mark lines. This 2 lines are calling different JQUERY library in your page. make sure you're using latest version of jquery library. You can replace JQUERY version 1.3.2 with 1.5.2. Hope it can work for you.

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Social</title>
<link rel="stylesheet" type="text/css" href="css/template_css.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/accordion.css" />

<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="js/tab.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.msAccordion.js"></script>



        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>

<script type="text/javascript">



    $(document).ready(function() {

    $("#accordionGiftLelo").msAccordion({defaultid:1});

        $('table.row tr:odd').addClass('brown');

        $('div.memberlist_content a.arrow').click(function() {
            $(this).next('div').slideToggle();
        });

        $('.button').click(function() {
            $(this).css('backgroundImage', 'url(images/btn_click_bg.png)');
        }, function() {
            $(this).css('backgroundImage', 'url(images/btn_hover_bg.png)');
        });



        $('#add_more').click(function() {
            html = '<div class="manual_email_inner"><div class="col1"><input type="text" name="email[]" value="" /></div><div class="col2"><input type="text" name="name[]" value="optional" /></div><div class="col3"><input type="text" name="relation[]" value="optional" /><a href="#"><img src="images/info.png" alt="" /></a></div></div>';
            $('#manual_form').append(html);
        });



        $('#pre_view').each(function() {
            var $link = $(this);
            var $dialog = $('<div></div>')
                .load($link.attr('href') + ' #body_main')
                .dialog({
                    autoOpen: false,
                    title: $link.attr('title'),
                    width: 450,

                });

            $link.click(function()
            {
                $dialog.dialog('open');
                return false;
            });
        });


    });
</script>

</head>

Regards
G. S. Piash
Web Developer
PARTEX HOLDINGS
www.gspiash.com

From: asma tuli <asmatuli@gmail.com>
To: phpexperts@yahoogroups.com
Sent: Monday, July 4, 2011 12:15 PM
Subject: Re: [phpXperts] Re: jQuery Peculiar Problem

here is my code. I could not find where is the problem.

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Social</title>
<link rel="stylesheet" type="text/css" href="css/template_css.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/accordion.css" />

<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="js/tab.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.msAccordion.js"></script>



        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>

<script type="text/javascript">



    $(document).ready(function() {

    $("#accordionGiftLelo").msAccordion({defaultid:1});

        $('table.row tr:odd').addClass('brown');

        $('div.memberlist_content a.arrow').click(function() {
            $(this).next('div').slideToggle();
        });

        $('.button').click(function() {
            $(this).css('backgroundImage', 'url(images/btn_click_bg.png)');
        }, function() {
            $(this).css('backgroundImage', 'url(images/btn_hover_bg.png)');
        });



        $('#add_more').click(function() {
            html = '<div class="manual_email_inner"><div class="col1"><input type="text" name="email[]" value="" /></div><div class="col2"><input type="text" name="name[]" value="optional" /></div><div class="col3"><input type="text" name="relation[]" value="optional" /><a href="#"><img src="images/info.png" alt="" /></a></div></div>';
            $('#manual_form').append(html);
        });



        $('#pre_view').each(function() {
            var $link = $(this);
            var $dialog = $('<div></div>')
                .load($link.attr('href') + ' #body_main')
                .dialog({
                    autoOpen: false,
                    title: $link.attr('title'),
                    width: 450,

                });

            $link.click(function()
            {
                $dialog.dialog('open');
                return false;
            });
        });


    });
</script>

</head>

On Sun, Jul 3, 2011 at 6:56 PM, Golam Sobhani <gsobhani@ymail.com> wrote:

You're using different version of jquery library in a same page.

(http://plugins.jquery.com/project/accordion-common)
<script language="javascript" type="text/javascript" src="js/jquery-1.3.2.min.js"></script>

AND

(http://docs.jquery.com/UI/Dialog)
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

in your head section. that is why it's conflicting. use the latest version of JQUERY library for one time. hope your problem will solved.
_________________________
Regards
G. S. Piash
Web Developer
PARTEX HOLDINGS
Cell: 01712235760
email: info@gspiash.com
www.gspiash.com

--- In phpexperts@yahoogroups.com, asma tuli <asmatuli@...> wrote:
>
> HI all,
>
> I am new in jQuery. I would like to use this (
> http://docs.jquery.com/UI/Dialog) dialog and this (
> http://plugins.jquery.com/project/accordion-common) this accordion in a
> page. But they are conflicting each other.
>
> Can any one say whats the problem??
>
> How can I use these two in a page??
>