Ajax içinde js çakışması

**#echo** · 10.12.2008 14:09

Öncelikle iyi bayramlar.
Altyapı olarak sitemde PHP Fusion kullanıyorum.ajax tabs content uygulamasını blok olarak ekledim ve sorunsuzca çalıştı.

Kod:

openside("HIZLI MENÜ");
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml" XML:lang="en">

<head>
<meta http-equiv="Content-Type" content="text/HTML; charset=windows-1254" />

<link rel="stylesheet" type="text/CSS" href="http://www.site.com/ajaxtabs/ajaxtabs.CSS" />


<script type="text/JavaScript" src="http://www.site.com/ajaxtabs/ajaxtabs.js">



/***********************************************
* ajax Tabs Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

</head>

<body>

 

<ul id="countrytabs" class="shadetabs"><div align="center">
<li><a href="#" rel="#default" class="selected">Duyurular</a></li>
<li><a href="http://www.site.com/ajaxtabs/external2.htm" rel="countrycontainer">Haberler</a></li>
<li><a href="http://www.site.com/ajaxtabs/external3.htm" rel="countrycontainer">Güncellenenler</a></li>
<li><a href="http://www.site.com/ajaxtabs/external4.htm" rel="#iframe">Günün karikatürü</a></li>
<li><a href="http://www.dynamicdrive.com">Haftanın röportajı</a></li>
</ul>

<div id="countrydivcontainer">
<p><font size="2">.haber deneme yayini</p></font>
</div>


<script type="text/JavaScript">

var countries=new ddajaxtabs("countrytabs", "countrydivcontainer")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

</script>


<?
closeside();

orta blok olarak ekledim ve sorunsuzca çalıştı.
Ama <a href="http://www.site.com/ajaxtabs/external3.htm" bu htm'nin içine aşağıdaki kodları eklediğimde jsler çalışmıyor sadece HTML kısmı geliyor.Yani 1-2 geçiş yapılmıyor js'ler mi çakışıyor bilmiyorum bir türlü yapamadım.Ama site.com/external3.htm olarak girdiğimde js'ler çalışıyor ama ajax tab ile çalışmıyor.Nedenini anlamadım..

external3.htm

Kod:

<?XML version="1.0" encoding="UTF-8"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml" XML:lang="es">
<head>
    <title>noobSlide - mootools</title>
    <meta http-equiv="Content-Type" content="text/HTML; charset=utf-8" />
    <link rel="stylesheet" href="http://www.site.com/_web.CSS" type="text/CSS" media="screen" />
    <link rel="stylesheet" href="http://www.site.com/1.CSS" type="text/CSS" media="screen" />
    <script type="text/JavaScript" src="http://www.site.com/mootools-1.2-core.js"></script>
    <script type="text/JavaScript" src="http://www.site.com/_class.noobSlide.packed.js"></script>

    <script type="text/JavaScript">
    window.addEvent('domready',function(){
    


        //SAMPLE 4 (walk to item)
        var nS4 = new noobSlide({
            box: $('box4'),
            items: $$('#box4 div'),
            size: 480,
            handles: $$('#handles4 span'),
            onWalk: function(currentItem,currentHandle){
                $('info4').set('HTML',currentItem.getFirst().innerHTML);
                this.handles.removeClass('active');
                currentHandle.addClass('active');
            }
        });

        //more "previous" and "next" buttons
        nS8.addActionButtons('previous',$$('#box8 .prev'));
        nS8.addActionButtons('next',$$('#box8 .next'));
        //more handle buttons
        nS8.addHandleButtons(handles8_more);
        //walk to item 3 witouth fx
        nS8.walk(3,false,true);

    });
    </script>
</head>
<body>


    
</div>



<!-- SAMPLE 4 -->
<h2>Sample 4</h2><div align="center">
<div class="sample">
    <div class="mask3">

        <div id="box4">

            <div>
                <h3>1. Lorem ipsum dolor sit amet</h3>
                <img src="http://www.site.com/img1.jpg" alt="Photo" />
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.</p>
                <p>Quisque aliquet accumsan lectus. Nullam porttitor tortor et sem. Nulla lobortis, leo elementum fringilla mollis, magna neque rhoncus lorem, vitae venenatis tellus felis vitae lacus. Nunc ante. Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.</p>
            </div>

            <div>
                <h3>2. Nullam porttitor tortor et sem</h3>
                <img src="http://www.site.com/img2.jpg" alt="Photo" />
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.</p>
                <p>Quisque aliquet accumsan lectus. Nullam porttitor tortor et sem. Nulla lobortis, leo elementum fringilla mollis, magna neque rhoncus lorem, vitae venenatis tellus felis vitae lacus.</p>
                <p>Nunc ante. Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.</p>

            </div>

            <div>
                <h3>3. Aenean consectetuer nibh sedt</h3>
                <img src="http://www.site.com/img3.jpg" alt="Photo" />
                <ul>
                    <li>Duis consequat laoreet libero.</li>
                    <li>Nullam scelerisque porta arcu.</li>

                    <li>Praesent ut tortor quis nunc vehicula interdum.</li>
                    <li>Cras ultrices venenatis justo.</li>
                    <li>Duis eu ligula at justo tempus varius.</li>
                    <li>Vivamus mattis ante et arcu.</li>
                    <li>Nulla eleifend dignissim neque.</li>
                    <li>Donec ut elit vel nisi mollis volutpat.</li>

                </ul>
            </div>

            <div>
                <h3>4. Pellentesque ac dolor</h3>
                <img src="http://www.site.com/img4.jpg" alt="Photo" />
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.</p>
                <p>Quisque aliquet accumsan lectus. Nullam porttitor tortor et sem. Nulla lobortis, leo elementum fringilla mollis, magna neque rhoncus lorem, vitae venenatis tellus felis vitae lacus. Nunc ante. Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.</p>

            </div>

            <div>
                <h3>5. Pellentesque ac dolor</h3>
                <img src="http://www.site.com/img5.jpg" alt="Photo" />
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.</p>
                <p>Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.</p>
            </div>

            <div>
                <h3>6. Lorem ipsum dolor sit amet</h3>
                <img src="http://www.site.com/img6.jpg" alt="Photo" />
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.</p>
                <p>Quisque aliquet accumsan lectus. Nullam porttitor tortor et sem. Nulla lobortis, leo elementum fringilla mollis, magna neque rhoncus lorem, vitae venenatis tellus felis vitae lacus. Nunc ante. Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.</p>
            </div>

            <div>
                <h3>7. Nullam porttitor tortor et sem</h3>
                <img src="http://www.fiziklab.com/img7.jpg" alt="Photo" />
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.</p>
                <p>Quisque aliquet accumsan lectus. Nullam porttitor tortor et sem. Nulla lobortis, leo elementum fringilla mollis, magna neque rhoncus lorem, vitae venenatis tellus felis vitae lacus.</p>
                <p>Nunc ante. Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.</p>
            </div>

            <div>
                <h3>8. Aenean consectetuer nibh sedt</h3>
                <img src="http://www.fiziklab.com/img8.jpg" alt="Photo" />
                <ul>
                    <li>Duis consequat laoreet libero.</li>
                    <li>Nullam scelerisque porta arcu.</li>
                    <li>Praesent ut tortor quis nunc vehicula interdum.</li>

                    <li>Cras ultrices venenatis justo.</li>
                    <li>Duis eu ligula at justo tempus varius.</li>
                    <li>Vivamus mattis ante et arcu.</li>
                    <li>Nulla eleifend dignissim neque.</li>
                    <li>Donec ut elit vel nisi mollis volutpat.</li>
                </ul>

            </div>

        </div>
    </div>
    <h4>Show: <span id="info4"></span></h4>
    <p class="buttons" id="handles4">
        <span>1. Uno</span>
        <span>2. Dos</span>

        <span>3. Tres</span>
        <span>4. Cuatro</span>
        <span>5. Cinco</span>
        <span>6. Seis</span>
        <span>7. Siete</span>
        <span>8. Ocho</span>

    </p>
</div>




</div>
</body>
</HTML>

Yardımcı olursanız sevirim.

**neo?M** · 14.12.2008 14:45

ajax ile çağırılan sayfalarda JavaScript kodları çalışmaz.

**#echo** · 15.12.2008 00:25

Teşekkürler.Çalışması için bir yolu yok mu

**neo?M** · 15.12.2008 19:18

bi'nevi response handler da mesela eval fonksiyonu ile browser haberdar edilmesi gerekiyor, çağırılan sayfada JavaScript olduğuna dair. Ama buna gerek yok. Sayfayı ajax ile çağırmadan tab içine almış olsan daha iyi. Ayrıca mootools yerine jquery kullanmanı tavsiye ederim.

nasıl olduğuna dair bir örnek hazırladım.

**#echo** · 16.12.2008 00:57

Çok teşekkür ederim.Yavaş yavaş her şeyden bir şeyler öğrenmeye başlıyorum tam istediğim buydu.

Konu Başlığı: Ajax içinde js çakışması

Konuyu Paylaş

Seçenekler

Ajax içinde js çakışması

Re: Ajax içinde js çakışması

Re: Ajax içinde js çakışması

Re: Ajax içinde js çakışması

Re: Ajax içinde js çakışması

Bu konu başlığı için etiketler

Mesaj Seçenekleri