PHP: Re: [phpXperts] Re: jQuery Peculiar Problem

Sunday, July 3, 2011

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??
>