[ASK] Memanggil file .js lewat AJAX

Forum diskusi mengenai client-side scripting Javascript dan framework-framework yang mendukungnya

Moderator: irzan2010

Re: [ASK] Memanggil file .js lewat AJAX

Postby vberror13 » 18 Feb 2012, 18:58

File general.js nya lebih rumit dari yang saya bayangkan.
Coba solusinya begini, oom:
Code: Select all
    <html>
    <head>
          <script type="text/javascript" src="./js/jquery.min.js" ></script>
          <script type="text/javascript" src="./js/jquery-ui.min.js"></script>
       
    <script type="text/javascript">
    $(function() {
       $('#nav a').click(function() {
          var url = $(this).attr('href');
         
          $('#divhasil').load(url);
         
          return false;
       });
    });
    </script>
    </head>

    <body>
    <h1>Mengambil data dengan AJAX</h1>

    <div id="nav">
          <a href="tampil.php">Menu 1</a>
          <a href="tampil2.html">Menu 2</a>
          <a href=tampil3.html')">Menu 3</a>
    </div>

    <div id="divhasil">
       <? include "tampil.php";  ?>
    </div>

    </body>
    </html>




untuk tampil.php, kira-kira isinya begini:
Code: Select all
<div id="slider" >
            <div id="imageSlider">
               <img src="./images/sliders/01.jpg" width="807" height="523"  />
               <img src="./images/sliders/02.jpg" width="807" height="523" />
               <img src="./images/sliders/03.jpg" width="807" height="523"  />
               <img src="./images/sliders/04.jpg" width="807" height="523"/>
               <img src="./images/sliders/05.jpg" width="807" height="523"  />
            </div><!--/ imageSlider-->
      </div><!--/ slider-->   
         <!-- End Slider -->

<script type="text/javacript">
// include general.js
$.include('js/general.js');
</script>

:ymbilly: :ymbilly: :ymbilly: =:) :ymbilly:
Just Because You Are Unique, Doesn't Mean You Are Useful
User avatar
vberror13
Global Moderator
Global Moderator
 
Posts: 1846
Joined: 13 Mar 2010, 20:34
Location: Medan Indonesia
Memberi kopi: 296 cangkir
Mendapat kopi: 321 cangkir

Re: [ASK] Memanggil file .js lewat AJAX

Postby adjiesaka » 18 Feb 2012, 20:41

itu core method $.include sebaiknya dipisah sbg plugin, jangan dimasukan ke general.js. dgn dmkian cara om vberror bsa jalan.

alternatif lain run slidernya dtaruh di callback $.load();
$.load( .. , function(){
// include nivo
// run slider
});
adjiesaka
Prajurit Dua
Prajurit Dua
 
Posts: 9
Joined: 09 Feb 2012, 00:20
Memberi kopi: 0 cangkir
Mendapat kopi: 0 cangkir

Re: [ASK] Memanggil file .js lewat AJAX

Postby vbgila » 18 Feb 2012, 20:51

it's not work :D

klo kasusnya diubah gini sama ga om?
ajax.rar
(16.94 KiB) Downloaded 5 times


>:D<
Salam SuperImage
User avatar
vbgila
Prajurit Kepala
Prajurit Kepala
 
Posts: 328
Joined: 27 Jun 2011, 13:24
Location: Dunia Fana
Memberi kopi: 37 cangkir
Mendapat kopi: 55 cangkir

Re: [ASK] Memanggil file .js lewat AJAX

Postby adjiesaka » 18 Feb 2012, 21:32

Code: Select all
<!DOCTYPE html>
<html>
    <head>
           
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="general.js"></script>
       
        <script type="text/javascript">
       
            $(document).ready(function(){
               
                $("#nav a").click(function(e){
                   
                    e.preventDefault();
                   
                    $("#target").load($(this).attr("href"), function(){
                        $.include("nivo-slider.js");
                        if ($("#slider").length) {
                            $("#slider").nivoSlider();
                        }
                    });
                   
                });
               
            });
           
        </script>
       
    </head>
    <body>
        <div id="target"></div>
        <div id="nav">
            <a href="page1.php">Page1</a>
            <a href="page2.php">Page2</a>
            <a href="page3.php">Page3</a>
        </div>
    </body>
</html>
adjiesaka
Prajurit Dua
Prajurit Dua
 
Posts: 9
Joined: 09 Feb 2012, 00:20
Memberi kopi: 0 cangkir
Mendapat kopi: 0 cangkir

Re: [ASK] Memanggil file .js lewat AJAX

Postby vbgila » 19 Feb 2012, 02:49

ane cb dl om,,,,, :)
Salam SuperImage
User avatar
vbgila
Prajurit Kepala
Prajurit Kepala
 
Posts: 328
Joined: 27 Jun 2011, 13:24
Location: Dunia Fana
Memberi kopi: 37 cangkir
Mendapat kopi: 55 cangkir

Previous

Return to Javascript and Framework

Who is online

Users browsing this forum: No registered users and 1 guest