Loading ...
Sorry, an error occurred while loading the content.

Tanya : submit form tanpa page refresh

Expand Messages
  • G.
    Halo para master, Salam kenal semuanya para JS-ers. Saya newbie yg baru belajar, mohon bantuan dan pencerahannya, hehehe... Ceritanya saya punya sebuah
    Message 1 of 11 , Aug 31, 2009
    • 0 Attachment
      Halo para master,

      Salam kenal semuanya para JS-ers.

      Saya newbie yg baru belajar, mohon bantuan dan pencerahannya, hehehe...

      Ceritanya saya punya sebuah form.html di drive C:/test, sehingga file
      tersebut dapat diakses secara lengkap di C:\test\form.html.

      form.html ini memiliki baris kode layaknya sebuah form "contact us",
      berikut ini adalah salah satu baris kode nya:

      <form method="POST" action="http://localhost/form/bin/formmail.php" name="contact">

      Setelah di submit, form.html akan mengirim value field2 yg diisi dengan
      mem-passingnya ke formmail.php dan kemudian mengirimkan ke email saya.
      Sampai sini, semua lancar (data masuk ke email di Gmail).
      (formmail saya download di www.scriptarchive.com/formmail.html)

      Masalahnya, setelah itu halaman form.html di browser tergantikan oleh
      formmail.php yang berisi keterangan konfirmasi bahwa email telah terkirim.
      Padahal saya sangat membutuhkan browser tetap ada di C:\test\form.html,
      karena ada menu2 dan navigasi pada halaman form.html tersebut.

      Setelah saya browsing, saya kemudian menemukan ajax() dari jquery yang
      katanya data bisa terkirim tanpa page-refresh, kemudian saya tambahkan
      kode sebagai berikut:

      $.ajax({
            //deklarasi dan assign value untuk variable dataString

            type: "POST",
            url: "http://localhost/form/bin/formmail.php",
            data: dataString,
            success: function() {
              $('#contact_div').html("<div id='pesan'></div>");
              $('#message').html("<h2>Pesan telah terkirim</h2>")
              .append("<p>Terima kasih.</p>")
              .hide()
              .fadeIn(1500, function() {
                $('#message').append("<img id='checkmark' src='check.png' />");
              });
       });


      Tapi sampai sekarang ini, masih belum berhasil juga, malahan pesan
      konfirmasi di option success juga tidak muncul. Saya juga udah coba
      pake PHPMailer.php tapi tetep masih belum berhasil kalo pake ajax(),
      sedangkan kalo di simpen di action form semua lancar.

      Kira-kira dimana kekurangannya agar saya bisa mengirim data ke email
      melalui sebuah form client tanpa page-refresh (atau dialihkan ke page lain
      yg masih di lingkungan client).

      Mohon maaf kalo kepanjangan, terima kasih sebelumnya.


      Wassalam,
      Andika



    • herdian ferdianto
      1. dataStringnya bagaimana pak? 2. coba erorrnya dicapture, siapa tau 404 atau yg lain ;) 2009/9/1 G. ... -- ferdhie
      Message 2 of 11 , Sep 1, 2009
      • 0 Attachment
        1. dataStringnya bagaimana pak?
        2. coba erorrnya dicapture, siapa tau 404 atau yg lain ;)

        2009/9/1 G. <gasinbox@...>
         

        Halo para master,

        Salam kenal semuanya para JS-ers.

        Saya newbie yg baru belajar, mohon bantuan dan pencerahannya, hehehe...

        Ceritanya saya punya sebuah form.html di drive C:/test, sehingga file
        tersebut dapat diakses secara lengkap di C:\test\form.html.

        form.html ini memiliki baris kode layaknya sebuah form "contact us",
        berikut ini adalah salah satu baris kode nya:

        <form method="POST" action="http://localhost/form/bin/formmail.php" name="contact">

        Setelah di submit, form.html akan mengirim value field2 yg diisi dengan
        mem-passingnya ke formmail.php dan kemudian mengirimkan ke email saya.
        Sampai sini, semua lancar (data masuk ke email di Gmail).
        (formmail saya download di www.scriptarchive.com/formmail.html)

        Masalahnya, setelah itu halaman form.html di browser tergantikan oleh
        formmail.php yang berisi keterangan konfirmasi bahwa email telah terkirim.
        Padahal saya sangat membutuhkan browser tetap ada di C:\test\form.html,
        karena ada menu2 dan navigasi pada halaman form.html tersebut.

        Setelah saya browsing, saya kemudian menemukan ajax() dari jquery yang
        katanya data bisa terkirim tanpa page-refresh, kemudian saya tambahkan
        kode sebagai berikut:

        $.ajax({
              //deklarasi dan assign value untuk variable dataString

              type: "POST",
              url: "http://localhost/form/bin/formmail.php",
              data: dataString,
              success: function() {
                $('#contact_div').html("<div id='pesan'></div>");
                $('#message').html("<h2>Pesan telah terkirim</h2>")
                .append("<p>Terima kasih.</p>")
                .hide()
                .fadeIn(1500, function() {
                  $('#message').append("<img id='checkmark' src='check.png' />");
                });
         });


        Tapi sampai sekarang ini, masih belum berhasil juga, malahan pesan
        konfirmasi di option success juga tidak muncul. Saya juga udah coba
        pake PHPMailer.php tapi tetep masih belum berhasil kalo pake ajax(),
        sedangkan kalo di simpen di action form semua lancar.

        Kira-kira dimana kekurangannya agar saya bisa mengirim data ke email
        melalui sebuah form client tanpa page-refresh (atau dialihkan ke page lain
        yg masih di lingkungan client).

        Mohon maaf kalo kepanjangan, terima kasih sebelumnya.


        Wassalam,
        Andika






        --
        ferdhie
        http://m.ferdianto.com
      • G.
        Om Herdian, 1. dataString-nya seperti berikut: var name = $( input#name ).val(); var email = $( input#email ).val(); var msg = $( input#msg ).val(); var
        Message 3 of 11 , Sep 1, 2009
        • 0 Attachment
          Om Herdian,

          1. dataString-nya seperti berikut:

          var name = $("input#name").val();
          var email = $("input#email").val();
          var msg = $("input#msg").val();
          var dataString = 'name='+ name + '&email=' + email + '&msg=' + msg;
          //alert(dataString); return false;

          Untuk data inputan, menurut saya sudah tidak ada masalah, terbukti ketika
          di 'alert', data yg tampil sesuai.

          2. Jadi kalo formmail.php disimpen di <form action="http://localhost/form/bin/formmail.php>
             itu gk ada masalah, hanya saja browser jadi teralihkan ke formmail.php tersebut.
             Pas saya pindahin ke fungsi ajax(), ketika di klik submit, itu ngga ada respon selain
             form yang me-reset (semua field menjadi blank lagi). Tidak ada pesan error :-(

          Apa kira2 ada yg kurang dari fungsi ajax() itu? sehingga tidak perlu refresh, tapi data masuk.
          hehehe...

          Makasih om Herdian untuk responnya, panggil Andika aja, blum bapak2 soalnya,
          hahahaha....

          Wassalam,
          Andika



          2009/9/1 herdian ferdianto <herdian@...>
           

          1. dataStringnya bagaimana pak?
          2. coba erorrnya dicapture, siapa tau 404 atau yg lain ;)

          2009/9/1 G. <gasinbox@...>

           

          Halo para master,

          Salam kenal semuanya para JS-ers.

          Saya newbie yg baru belajar, mohon bantuan dan pencerahannya, hehehe...

          Ceritanya saya punya sebuah form.html di drive C:/test, sehingga file
          tersebut dapat diakses secara lengkap di C:\test\form.html.

          form.html ini memiliki baris kode layaknya sebuah form "contact us",
          berikut ini adalah salah satu baris kode nya:

          <form method="POST" action="http://localhost/form/bin/formmail.php" name="contact">

          Setelah di submit, form.html akan mengirim value field2 yg diisi dengan
          mem-passingnya ke formmail.php dan kemudian mengirimkan ke email saya.
          Sampai sini, semua lancar (data masuk ke email di Gmail).
          (formmail saya download di www.scriptarchive.com/formmail.html)

          Masalahnya, setelah itu halaman form.html di browser tergantikan oleh
          formmail.php yang berisi keterangan konfirmasi bahwa email telah terkirim.
          Padahal saya sangat membutuhkan browser tetap ada di C:\test\form.html,
          karena ada menu2 dan navigasi pada halaman form.html tersebut.

          Setelah saya browsing, saya kemudian menemukan ajax() dari jquery yang
          katanya data bisa terkirim tanpa page-refresh, kemudian saya tambahkan
          kode sebagai berikut:

          $.ajax({
                //deklarasi dan assign value untuk variable dataString

                type: "POST",
                url: "http://localhost/form/bin/formmail.php",
                data: dataString,
                success: function() {
                  $('#contact_div').html("<div id='pesan'></div>");
                  $('#message').html("<h2>Pesan telah terkirim</h2>")
                  .append("<p>Terima kasih.</p>")
                  .hide()
                  .fadeIn(1500, function() {
                    $('#message').append("<img id='checkmark' src='check.png' />");
                  });
           });


          Tapi sampai sekarang ini, masih belum berhasil juga, malahan pesan
          konfirmasi di option success juga tidak muncul. Saya juga udah coba
          pake PHPMailer.php tapi tetep masih belum berhasil kalo pake ajax(),
          sedangkan kalo di simpen di action form semua lancar.

          Kira-kira dimana kekurangannya agar saya bisa mengirim data ke email
          melalui sebuah form client tanpa page-refresh (atau dialihkan ke page lain
          yg masih di lingkungan client).

          Mohon maaf kalo kepanjangan, terima kasih sebelumnya.


          Wassalam,
          Andika






        • herdian ferdianto
          Hei mas, kayanya itu perlu di encode datanya, sapa tau mengandung sepasi atau karakter lain Modif aja kaya gini $.ajax({ type: POST , url: url anda , data:{
          Message 4 of 11 , Sep 1, 2009
          • 0 Attachment
            Hei mas,

            kayanya itu perlu di encode datanya, sapa tau mengandung sepasi atau karakter lain
            Modif aja kaya gini

            $.ajax({
              type:'POST',
              url:'url anda',
              data:{
                name:$("input#name").val(),
                email:$("input#email").val(),
                msg:$("input#msg").val()
              },
              success:function(data, textStatus) {
                //fungsi sukses
              },
              error:function(xhr, textStatus, error) {
                //log aja errornya untuk debug
                if (window.console) {
                  console.log(['AjaxError', textStatus, error]);
                } else {
                  alert( 'AjaxError: ' + textStatus );
                }
              }
            });



            2009/9/1 G. <gasinbox@...>
             

            Om Herdian,

            1. dataString-nya seperti berikut:

            var name = $("input#name").val();
            var email = $("input#email").val();
            var msg = $("input#msg").val();
            var dataString = 'name='+ name + '&email=' + email + '&msg=' + msg;
            //alert(dataString); return false;

            Untuk data inputan, menurut saya sudah tidak ada masalah, terbukti ketika
            di 'alert', data yg tampil sesuai.

            2. Jadi kalo formmail.php disimpen di <form action="http://localhost/form/bin/formmail.php>
               itu gk ada masalah, hanya saja browser jadi teralihkan ke formmail.php tersebut.
               Pas saya pindahin ke fungsi ajax(), ketika di klik submit, itu ngga ada respon selain
               form yang me-reset (semua field menjadi blank lagi). Tidak ada pesan error :-(

            Apa kira2 ada yg kurang dari fungsi ajax() itu? sehingga tidak perlu refresh, tapi data masuk.
            hehehe...

            Makasih om Herdian untuk responnya, panggil Andika aja, blum bapak2 soalnya,
            hahahaha....

            Wassalam,
            Andika



            2009/9/1 herdian ferdianto <herdian@...>

             

            1. dataStringnya bagaimana pak?
            2. coba erorrnya dicapture, siapa tau 404 atau yg lain ;)

            2009/9/1 G. <gasinbox@...>

             

            Halo para master,

            Salam kenal semuanya para JS-ers.

            Saya newbie yg baru belajar, mohon bantuan dan pencerahannya, hehehe...

            Ceritanya saya punya sebuah form.html di drive C:/test, sehingga file
            tersebut dapat diakses secara lengkap di C:\test\form.html.

            form.html ini memiliki baris kode layaknya sebuah form "contact us",
            berikut ini adalah salah satu baris kode nya:

            <form method="POST" action="http://localhost/form/bin/formmail.php" name="contact">

            Setelah di submit, form.html akan mengirim value field2 yg diisi dengan
            mem-passingnya ke formmail.php dan kemudian mengirimkan ke email saya.
            Sampai sini, semua lancar (data masuk ke email di Gmail).
            (formmail saya download di www.scriptarchive.com/formmail.html)

            Masalahnya, setelah itu halaman form.html di browser tergantikan oleh
            formmail.php yang berisi keterangan konfirmasi bahwa email telah terkirim.
            Padahal saya sangat membutuhkan browser tetap ada di C:\test\form.html,
            karena ada menu2 dan navigasi pada halaman form.html tersebut.

            Setelah saya browsing, saya kemudian menemukan ajax() dari jquery yang
            katanya data bisa terkirim tanpa page-refresh, kemudian saya tambahkan
            kode sebagai berikut:

            $.ajax({
                  //deklarasi dan assign value untuk variable dataString

                  type: "POST",
                  url: "http://localhost/form/bin/formmail.php",
                  data: dataString,
                  success: function() {
                    $('#contact_div').html("<div id='pesan'></div>");
                    $('#message').html("<h2>Pesan telah terkirim</h2>")
                    .append("<p>Terima kasih.</p>")
                    .hide()
                    .fadeIn(1500, function() {
                      $('#message').append("<img id='checkmark' src='check.png' />");
                    });
             });


            Tapi sampai sekarang ini, masih belum berhasil juga, malahan pesan
            konfirmasi di option success juga tidak muncul. Saya juga udah coba
            pake PHPMailer.php tapi tetep masih belum berhasil kalo pake ajax(),
            sedangkan kalo di simpen di action form semua lancar.

            Kira-kira dimana kekurangannya agar saya bisa mengirim data ke email
            melalui sebuah form client tanpa page-refresh (atau dialihkan ke page lain
            yg masih di lingkungan client).

            Mohon maaf kalo kepanjangan, terima kasih sebelumnya.


            Wassalam,
            Andika









            --
            ferdhie
            http://m.ferdianto.com
          • G.
            Om fer, Udah saya coba script-nya, cuman masih tetep belum bisa. Mungkin option url di ajax() memang ngga bisa mengakses file yg server, jika kita akses dari
            Message 5 of 11 , Sep 2, 2009
            • 0 Attachment
              Om fer,

              Udah saya coba script-nya, cuman masih tetep belum bisa.
              Mungkin option 'url' di ajax() memang ngga bisa mengakses
              file yg server, jika kita akses dari client.

              Jadi untuk sementara ini, untuk ngakalin nya saya pake
              <iframe>. Jadi setelah data terkirim, menu/navigasi di client
              masih bisa diakses, hehehe..

              Makasih atas bantuannya

              Regards,
              G. Andika



              2009/9/1 herdian ferdianto <herdian@...>
               

              Hei mas,

              kayanya itu perlu di encode datanya, sapa tau mengandung sepasi atau karakter lain
              Modif aja kaya gini

              $.ajax({
                type:'POST',
                url:'url anda',
                data:{
                  name:$("input#name").val(),
                  email:$("input#email").val(),
                  msg:$("input#msg").val()
                },
                success:function(data, textStatus) {
                  //fungsi sukses
                },
                error:function(xhr, textStatus, error) {
                  //log aja errornya untuk debug
                  if (window.console) {
                    console.log(['AjaxError', textStatus, error]);
                  } else {
                    alert( 'AjaxError: ' + textStatus );
                  }
                }
              });





              2009/9/1 G. <gasinbox@...>
               

              Om Herdian,

              1. dataString-nya seperti berikut:

              var name = $("input#name").val();
              var email = $("input#email").val();
              var msg = $("input#msg").val();
              var dataString = 'name='+ name + '&email=' + email + '&msg=' + msg;
              //alert(dataString); return false;

              Untuk data inputan, menurut saya sudah tidak ada masalah, terbukti ketika
              di 'alert', data yg tampil sesuai.

              2. Jadi kalo formmail.php disimpen di <form action="http://localhost/form/bin/formmail.php>
                 itu gk ada masalah, hanya saja browser jadi teralihkan ke formmail.php tersebut.
                 Pas saya pindahin ke fungsi ajax(), ketika di klik submit, itu ngga ada respon selain
                 form yang me-reset (semua field menjadi blank lagi). Tidak ada pesan error :-(

              Apa kira2 ada yg kurang dari fungsi ajax() itu? sehingga tidak perlu refresh, tapi data masuk.
              hehehe...

              Makasih om Herdian untuk responnya, panggil Andika aja, blum bapak2 soalnya,
              hahahaha....

              Wassalam,
              Andika



              2009/9/1 herdian ferdianto <herdian@...>

               

              1. dataStringnya bagaimana pak?
              2. coba erorrnya dicapture, siapa tau 404 atau yg lain ;)

              2009/9/1 G. <gasinbox@...>

               

              Halo para master,

              Salam kenal semuanya para JS-ers.

              Saya newbie yg baru belajar, mohon bantuan dan pencerahannya, hehehe...

              Ceritanya saya punya sebuah form.html di drive C:/test, sehingga file
              tersebut dapat diakses secara lengkap di C:\test\form.html.

              form.html ini memiliki baris kode layaknya sebuah form "contact us",
              berikut ini adalah salah satu baris kode nya:

              <form method="POST" action="http://localhost/form/bin/formmail.php" name="contact">

              Setelah di submit, form.html akan mengirim value field2 yg diisi dengan
              mem-passingnya ke formmail.php dan kemudian mengirimkan ke email saya.
              Sampai sini, semua lancar (data masuk ke email di Gmail).
              (formmail saya download di www.scriptarchive.com/formmail.html)

              Masalahnya, setelah itu halaman form.html di browser tergantikan oleh
              formmail.php yang berisi keterangan konfirmasi bahwa email telah terkirim.
              Padahal saya sangat membutuhkan browser tetap ada di C:\test\form.html,
              karena ada menu2 dan navigasi pada halaman form.html tersebut.

              Setelah saya browsing, saya kemudian menemukan ajax() dari jquery yang
              katanya data bisa terkirim tanpa page-refresh, kemudian saya tambahkan
              kode sebagai berikut:

              $.ajax({
                    //deklarasi dan assign value untuk variable dataString

                    type: "POST",
                    url: "http://localhost/form/bin/formmail.php",
                    data: dataString,
                    success: function() {
                      $('#contact_div').html("<div id='pesan'></div>");
                      $('#message').html("<h2>Pesan telah terkirim</h2>")
                      .append("<p>Terima kasih.</p>")
                      .hide()
                      .fadeIn(1500, function() {
                        $('#message').append("<img id='checkmark' src='check.png' />");
                      });
               });


              Tapi sampai sekarang ini, masih belum berhasil juga, malahan pesan
              konfirmasi di option success juga tidak muncul. Saya juga udah coba
              pake PHPMailer.php tapi tetep masih belum berhasil kalo pake ajax(),
              sedangkan kalo di simpen di action form semua lancar.

              Kira-kira dimana kekurangannya agar saya bisa mengirim data ke email
              melalui sebuah form client tanpa page-refresh (atau dialihkan ke page lain
              yg masih di lingkungan client).

              Mohon maaf kalo kepanjangan, terima kasih sebelumnya.


              Wassalam,
              Andika








            • herdian ferdianto
              lha url nya diisi sama dengan host kan? 2009/9/3 G. ... -- ferdhie http://m.ferdianto.com
              Message 6 of 11 , Sep 2, 2009
              • 0 Attachment
                lha url nya diisi sama dengan host kan?

                2009/9/3 G. <gasinbox@...>
                 

                Om fer,

                Udah saya coba script-nya, cuman masih tetep belum bisa.
                Mungkin option 'url' di ajax() memang ngga bisa mengakses
                file yg server, jika kita akses dari client.

                Jadi untuk sementara ini, untuk ngakalin nya saya pake
                <iframe>. Jadi setelah data terkirim, menu/navigasi di client
                masih bisa diakses, hehehe..

                Makasih atas bantuannya

                Regards,
                G. Andika





                2009/9/1 herdian ferdianto <herdian@...>
                 

                Hei mas,

                kayanya itu perlu di encode datanya, sapa tau mengandung sepasi atau karakter lain
                Modif aja kaya gini

                $.ajax({
                  type:'POST',
                  url:'url anda',
                  data:{
                    name:$("input#name").val(),
                    email:$("input#email").val(),
                    msg:$("input#msg").val()
                  },
                  success:function(data, textStatus) {
                    //fungsi sukses
                  },
                  error:function(xhr, textStatus, error) {
                    //log aja errornya untuk debug
                    if (window.console) {
                      console.log(['AjaxError', textStatus, error]);
                    } else {
                      alert( 'AjaxError: ' + textStatus );
                    }
                  }
                });





                2009/9/1 G. <gasinbox@...>
                 

                Om Herdian,

                1. dataString-nya seperti berikut:

                var name = $("input#name").val();
                var email = $("input#email").val();
                var msg = $("input#msg").val();
                var dataString = 'name='+ name + '&email=' + email + '&msg=' + msg;
                //alert(dataString); return false;

                Untuk data inputan, menurut saya sudah tidak ada masalah, terbukti ketika
                di 'alert', data yg tampil sesuai.

                2. Jadi kalo formmail.php disimpen di <form action="http://localhost/form/bin/formmail.php>
                   itu gk ada masalah, hanya saja browser jadi teralihkan ke formmail.php tersebut.
                   Pas saya pindahin ke fungsi ajax(), ketika di klik submit, itu ngga ada respon selain
                   form yang me-reset (semua field menjadi blank lagi). Tidak ada pesan error :-(

                Apa kira2 ada yg kurang dari fungsi ajax() itu? sehingga tidak perlu refresh, tapi data masuk.
                hehehe...

                Makasih om Herdian untuk responnya, panggil Andika aja, blum bapak2 soalnya,
                hahahaha....

                Wassalam,
                Andika



                2009/9/1 herdian ferdianto <herdian@...>

                 

                1. dataStringnya bagaimana pak?
                2. coba erorrnya dicapture, siapa tau 404 atau yg lain ;)

                2009/9/1 G. <gasinbox@...>

                 

                Halo para master,

                Salam kenal semuanya para JS-ers.

                Saya newbie yg baru belajar, mohon bantuan dan pencerahannya, hehehe...

                Ceritanya saya punya sebuah form.html di drive C:/test, sehingga file
                tersebut dapat diakses secara lengkap di C:\test\form.html.

                form.html ini memiliki baris kode layaknya sebuah form "contact us",
                berikut ini adalah salah satu baris kode nya:

                <form method="POST" action="http://localhost/form/bin/formmail.php" name="contact">

                Setelah di submit, form.html akan mengirim value field2 yg diisi dengan
                mem-passingnya ke formmail.php dan kemudian mengirimkan ke email saya.
                Sampai sini, semua lancar (data masuk ke email di Gmail).
                (formmail saya download di www.scriptarchive.com/formmail.html)

                Masalahnya, setelah itu halaman form.html di browser tergantikan oleh
                formmail.php yang berisi keterangan konfirmasi bahwa email telah terkirim.
                Padahal saya sangat membutuhkan browser tetap ada di C:\test\form.html,
                karena ada menu2 dan navigasi pada halaman form.html tersebut.

                Setelah saya browsing, saya kemudian menemukan ajax() dari jquery yang
                katanya data bisa terkirim tanpa page-refresh, kemudian saya tambahkan
                kode sebagai berikut:

                $.ajax({
                      //deklarasi dan assign value untuk variable dataString

                      type: "POST",
                      url: "http://localhost/form/bin/formmail.php",
                      data: dataString,
                      success: function() {
                        $('#contact_div').html("<div id='pesan'></div>");
                        $('#message').html("<h2>Pesan telah terkirim</h2>")
                        .append("<p>Terima kasih.</p>")
                        .hide()
                        .fadeIn(1500, function() {
                          $('#message').append("<img id='checkmark' src='check.png' />");
                        });
                 });


                Tapi sampai sekarang ini, masih belum berhasil juga, malahan pesan
                konfirmasi di option success juga tidak muncul. Saya juga udah coba
                pake PHPMailer.php tapi tetep masih belum berhasil kalo pake ajax(),
                sedangkan kalo di simpen di action form semua lancar.

                Kira-kira dimana kekurangannya agar saya bisa mengirim data ke email
                melalui sebuah form client tanpa page-refresh (atau dialihkan ke page lain
                yg masih di lingkungan client).

                Mohon maaf kalo kepanjangan, terima kasih sebelumnya.


                Wassalam,
                Andika











                --
                ferdhie
                http://m.ferdianto.com
              • G.
                url-nya diisi : http://localhost/form/bin/formmail.php alamat file yg mengakses : c: test form.html hehehe.. 2009/9/3 herdian ferdianto
                Message 7 of 11 , Sep 2, 2009
                • 0 Attachment
                  url-nya diisi : http://localhost/form/bin/formmail.php
                  alamat file yg mengakses : c:\test\form.html

                  hehehe..



                  2009/9/3 herdian ferdianto <herdian@...>
                   

                  lha url nya diisi sama dengan host kan?

                  2009/9/3 G. <gasinbox@...>

                   

                  Om fer,

                  Udah saya coba script-nya, cuman masih tetep belum bisa.
                  Mungkin option 'url' di ajax() memang ngga bisa mengakses
                  file yg server, jika kita akses dari client.

                  Jadi untuk sementara ini, untuk ngakalin nya saya pake
                  <iframe>. Jadi setelah data terkirim, menu/navigasi di client
                  masih bisa diakses, hehehe..

                  Makasih atas bantuannya

                  Regards,
                  G. Andika





                  2009/9/1 herdian ferdianto <herdian@...>
                   

                  Hei mas,

                  kayanya itu perlu di encode datanya, sapa tau mengandung sepasi atau karakter lain
                  Modif aja kaya gini

                  $.ajax({
                    type:'POST',
                    url:'url anda',
                    data:{
                      name:$("input#name").val(),
                      email:$("input#email").val(),
                      msg:$("input#msg").val()
                    },
                    success:function(data, textStatus) {
                      //fungsi sukses
                    },
                    error:function(xhr, textStatus, error) {
                      //log aja errornya untuk debug
                      if (window.console) {
                        console.log(['AjaxError', textStatus, error]);
                      } else {
                        alert( 'AjaxError: ' + textStatus );
                      }
                    }
                  });





                  2009/9/1 G. <gasinbox@...>
                   

                  Om Herdian,

                  1. dataString-nya seperti berikut:

                  var name = $("input#name").val();
                  var email = $("input#email").val();
                  var msg = $("input#msg").val();
                  var dataString = 'name='+ name + '&email=' + email + '&msg=' + msg;
                  //alert(dataString); return false;

                  Untuk data inputan, menurut saya sudah tidak ada masalah, terbukti ketika
                  di 'alert', data yg tampil sesuai.

                  2. Jadi kalo formmail.php disimpen di <form action="http://localhost/form/bin/formmail.php>
                     itu gk ada masalah, hanya saja browser jadi teralihkan ke formmail.php tersebut.
                     Pas saya pindahin ke fungsi ajax(), ketika di klik submit, itu ngga ada respon selain
                     form yang me-reset (semua field menjadi blank lagi). Tidak ada pesan error :-(

                  Apa kira2 ada yg kurang dari fungsi ajax() itu? sehingga tidak perlu refresh, tapi data masuk.
                  hehehe...

                  Makasih om Herdian untuk responnya, panggil Andika aja, blum bapak2 soalnya,
                  hahahaha....

                  Wassalam,
                  Andika



                  2009/9/1 herdian ferdianto <herdian@...>

                   

                  1. dataStringnya bagaimana pak?
                  2. coba erorrnya dicapture, siapa tau 404 atau yg lain ;)

                  2009/9/1 G. <gasinbox@...>

                   

                  Halo para master,

                  Salam kenal semuanya para JS-ers.

                  Saya newbie yg baru belajar, mohon bantuan dan pencerahannya, hehehe...

                  Ceritanya saya punya sebuah form.html di drive C:/test, sehingga file
                  tersebut dapat diakses secara lengkap di C:\test\form.html.

                  form.html ini memiliki baris kode layaknya sebuah form "contact us",
                  berikut ini adalah salah satu baris kode nya:

                  <form method="POST" action="http://localhost/form/bin/formmail.php" name="contact">

                  Setelah di submit, form.html akan mengirim value field2 yg diisi dengan
                  mem-passingnya ke formmail.php dan kemudian mengirimkan ke email saya.
                  Sampai sini, semua lancar (data masuk ke email di Gmail).
                  (formmail saya download di www.scriptarchive.com/formmail.html)

                  Masalahnya, setelah itu halaman form.html di browser tergantikan oleh
                  formmail.php yang berisi keterangan konfirmasi bahwa email telah terkirim.
                  Padahal saya sangat membutuhkan browser tetap ada di C:\test\form.html,
                  karena ada menu2 dan navigasi pada halaman form.html tersebut.

                  Setelah saya browsing, saya kemudian menemukan ajax() dari jquery yang
                  katanya data bisa terkirim tanpa page-refresh, kemudian saya tambahkan
                  kode sebagai berikut:

                  $.ajax({
                        //deklarasi dan assign value untuk variable dataString

                        type: "POST",
                        url: "http://localhost/form/bin/formmail.php",
                        data: dataString,
                        success: function() {
                          $('#contact_div').html("<div id='pesan'></div>");
                          $('#message').html("<h2>Pesan telah terkirim</h2>")
                          .append("<p>Terima kasih.</p>")
                          .hide()
                          .fadeIn(1500, function() {
                            $('#message').append("<img id='checkmark' src='check.png' />");
                          });
                   });


                  Tapi sampai sekarang ini, masih belum berhasil juga, malahan pesan
                  konfirmasi di option success juga tidak muncul. Saya juga udah coba
                  pake PHPMailer.php tapi tetep masih belum berhasil kalo pake ajax(),
                  sedangkan kalo di simpen di action form semua lancar.

                  Kira-kira dimana kekurangannya agar saya bisa mengirim data ke email
                  melalui sebuah form client tanpa page-refresh (atau dialihkan ke page lain
                  yg masih di lingkungan client).

                  Mohon maaf kalo kepanjangan, terima kasih sebelumnya.


                  Wassalam,
                  Andika

                • herdian ferdianto
                  documentroot nya dimana mas? 2009/9/3 G. ... -- ferdhie http://m.ferdianto.com
                  Message 8 of 11 , Sep 3, 2009
                  • 0 Attachment
                    documentroot nya dimana mas?

                    2009/9/3 G. <gasinbox@...>
                     

                    url-nya diisi : http://localhost/form/bin/formmail.php
                    alamat file yg mengakses : c:\test\form.html

                    hehehe..



                    2009/9/3 herdian ferdianto <herdian@...>

                     

                    lha url nya diisi sama dengan host kan?

                    2009/9/3 G. <gasinbox@...>

                     

                    Om fer,

                    Udah saya coba script-nya, cuman masih tetep belum bisa.
                    Mungkin option 'url' di ajax() memang ngga bisa mengakses
                    file yg server, jika kita akses dari client.

                    Jadi untuk sementara ini, untuk ngakalin nya saya pake
                    <iframe>. Jadi setelah data terkirim, menu/navigasi di client
                    masih bisa diakses, hehehe..

                    Makasih atas bantuannya

                    Regards,
                    G. Andika





                    2009/9/1 herdian ferdianto <herdian@...>
                     

                    Hei mas,

                    kayanya itu perlu di encode datanya, sapa tau mengandung sepasi atau karakter lain
                    Modif aja kaya gini

                    $.ajax({
                      type:'POST',
                      url:'url anda',
                      data:{
                        name:$("input#name").val(),
                        email:$("input#email").val(),
                        msg:$("input#msg").val()
                      },
                      success:function(data, textStatus) {
                        //fungsi sukses
                      },
                      error:function(xhr, textStatus, error) {
                        //log aja errornya untuk debug
                        if (window.console) {
                          console.log(['AjaxError', textStatus, error]);
                        } else {
                          alert( 'AjaxError: ' + textStatus );
                        }
                      }
                    });





                    2009/9/1 G. <gasinbox@...>
                     

                    Om Herdian,

                    1. dataString-nya seperti berikut:

                    var name = $("input#name").val();
                    var email = $("input#email").val();
                    var msg = $("input#msg").val();
                    var dataString = 'name='+ name + '&email=' + email + '&msg=' + msg;
                    //alert(dataString); return false;

                    Untuk data inputan, menurut saya sudah tidak ada masalah, terbukti ketika
                    di 'alert', data yg tampil sesuai.

                    2. Jadi kalo formmail.php disimpen di <form action="http://localhost/form/bin/formmail.php>
                       itu gk ada masalah, hanya saja browser jadi teralihkan ke formmail.php tersebut.
                       Pas saya pindahin ke fungsi ajax(), ketika di klik submit, itu ngga ada respon selain
                       form yang me-reset (semua field menjadi blank lagi). Tidak ada pesan error :-(

                    Apa kira2 ada yg kurang dari fungsi ajax() itu? sehingga tidak perlu refresh, tapi data masuk.
                    hehehe...

                    Makasih om Herdian untuk responnya, panggil Andika aja, blum bapak2 soalnya,
                    hahahaha....

                    Wassalam,
                    Andika



                    2009/9/1 herdian ferdianto <herdian@...>

                     

                    1. dataStringnya bagaimana pak?
                    2. coba erorrnya dicapture, siapa tau 404 atau yg lain ;)

                    2009/9/1 G. <gasinbox@...>

                     

                    Halo para master,

                    Salam kenal semuanya para JS-ers.

                    Saya newbie yg baru belajar, mohon bantuan dan pencerahannya, hehehe...

                    Ceritanya saya punya sebuah form.html di drive C:/test, sehingga file
                    tersebut dapat diakses secara lengkap di C:\test\form.html.

                    form.html ini memiliki baris kode layaknya sebuah form "contact us",
                    berikut ini adalah salah satu baris kode nya:

                    <form method="POST" action="http://localhost/form/bin/formmail.php" name="contact">

                    Setelah di submit, form.html akan mengirim value field2 yg diisi dengan
                    mem-passingnya ke formmail.php dan kemudian mengirimkan ke email saya.
                    Sampai sini, semua lancar (data masuk ke email di Gmail).
                    (formmail saya download di www.scriptarchive.com/formmail.html)

                    Masalahnya, setelah itu halaman form.html di browser tergantikan oleh
                    formmail.php yang berisi keterangan konfirmasi bahwa email telah terkirim.
                    Padahal saya sangat membutuhkan browser tetap ada di C:\test\form.html,
                    karena ada menu2 dan navigasi pada halaman form.html tersebut.

                    Setelah saya browsing, saya kemudian menemukan ajax() dari jquery yang
                    katanya data bisa terkirim tanpa page-refresh, kemudian saya tambahkan
                    kode sebagai berikut:

                    $.ajax({
                          //deklarasi dan assign value untuk variable dataString

                          type: "POST",
                          url: "http://localhost/form/bin/formmail.php",
                          data: dataString,
                          success: function() {
                            $('#contact_div').html("<div id='pesan'></div>");
                            $('#message').html("<h2>Pesan telah terkirim</h2>")
                            .append("<p>Terima kasih.</p>")
                            .hide()
                            .fadeIn(1500, function() {
                              $('#message').append("<img id='checkmark' src='check.png' />");
                            });
                     });


                    Tapi sampai sekarang ini, masih belum berhasil juga, malahan pesan
                    konfirmasi di option success juga tidak muncul. Saya juga udah coba
                    pake PHPMailer.php tapi tetep masih belum berhasil kalo pake ajax(),
                    sedangkan kalo di simpen di action form semua lancar.

                    Kira-kira dimana kekurangannya agar saya bisa mengirim data ke email
                    melalui sebuah form client tanpa page-refresh (atau dialihkan ke page lain
                    yg masih di lingkungan client).

                    Mohon maaf kalo kepanjangan, terima kasih sebelumnya.


                    Wassalam,
                    Andika




                    --
                    ferdhie
                    http://m.ferdianto.com
                  • G.
                    kayaknya di : C: test hehehe.. salah yah? 2009/9/3 herdian ferdianto
                    Message 9 of 11 , Sep 3, 2009
                    • 0 Attachment
                      kayaknya di :
                      C:\test

                      hehehe.. salah yah?



                      2009/9/3 herdian ferdianto <herdian@...>
                       

                      documentroot nya dimana mas?



                      2009/9/3 G. <gasinbox@...>
                       

                      url-nya diisi : http://localhost/form/bin/formmail.php
                      alamat file yg mengakses : c:\test\form.html

                      hehehe..



                      2009/9/3 herdian ferdianto <herdian@...>

                       

                      lha url nya diisi sama dengan host kan?

                      2009/9/3 G. <gasinbox@...>

                       

                      Om fer,

                      Udah saya coba script-nya, cuman masih tetep belum bisa.
                      Mungkin option 'url' di ajax() memang ngga bisa mengakses
                      file yg server, jika kita akses dari client.

                      Jadi untuk sementara ini, untuk ngakalin nya saya pake
                      <iframe>. Jadi setelah data terkirim, menu/navigasi di client
                      masih bisa diakses, hehehe..

                      Makasih atas bantuannya

                      Regards,
                      G. Andika





                      2009/9/1 herdian ferdianto <herdian@...>
                       

                      Hei mas,

                      kayanya itu perlu di encode datanya, sapa tau mengandung sepasi atau karakter lain
                      Modif aja kaya gini

                      $.ajax({
                        type:'POST',
                        url:'url anda',
                        data:{
                          name:$("input#name").val(),
                          email:$("input#email").val(),
                          msg:$("input#msg").val()
                        },
                        success:function(data, textStatus) {
                          //fungsi sukses
                        },
                        error:function(xhr, textStatus, error) {
                          //log aja errornya untuk debug
                          if (window.console) {
                            console.log(['AjaxError', textStatus, error]);
                          } else {
                            alert( 'AjaxError: ' + textStatus );
                          }
                        }
                      });





                      2009/9/1 G. <gasinbox@...>
                       

                      Om Herdian,

                      1. dataString-nya seperti berikut:

                      var name = $("input#name").val();
                      var email = $("input#email").val();
                      var msg = $("input#msg").val();
                      var dataString = 'name='+ name + '&email=' + email + '&msg=' + msg;
                      //alert(dataString); return false;

                      Untuk data inputan, menurut saya sudah tidak ada masalah, terbukti ketika
                      di 'alert', data yg tampil sesuai.

                      2. Jadi kalo formmail.php disimpen di <form action="http://localhost/form/bin/formmail.php>
                         itu gk ada masalah, hanya saja browser jadi teralihkan ke formmail.php tersebut.
                         Pas saya pindahin ke fungsi ajax(), ketika di klik submit, itu ngga ada respon selain
                         form yang me-reset (semua field menjadi blank lagi). Tidak ada pesan error :-(

                      Apa kira2 ada yg kurang dari fungsi ajax() itu? sehingga tidak perlu refresh, tapi data masuk.
                      hehehe...

                      Makasih om Herdian untuk responnya, panggil Andika aja, blum bapak2 soalnya,
                      hahahaha....

                      Wassalam,
                      Andika



                      2009/9/1 herdian ferdianto <herdian@...>

                       

                      1. dataStringnya bagaimana pak?
                      2. coba erorrnya dicapture, siapa tau 404 atau yg lain ;)

                      2009/9/1 G. <gasinbox@...>

                       

                      Halo para master,

                      Salam kenal semuanya para JS-ers.

                      Saya newbie yg baru belajar, mohon bantuan dan pencerahannya, hehehe...

                      Ceritanya saya punya sebuah form.html di drive C:/test, sehingga file
                      tersebut dapat diakses secara lengkap di C:\test\form.html.

                      form.html ini memiliki baris kode layaknya sebuah form "contact us",
                      berikut ini adalah salah satu baris kode nya:

                      <form method="POST" action="http://localhost/form/bin/formmail.php" name="contact">

                      Setelah di submit, form.html akan mengirim value field2 yg diisi dengan
                      mem-passingnya ke formmail.php dan kemudian mengirimkan ke email saya.
                      Sampai sini, semua lancar (data masuk ke email di Gmail).
                      (formmail saya download di www.scriptarchive.com/formmail.html)

                      Masalahnya, setelah itu halaman form.html di browser tergantikan oleh
                      formmail.php yang berisi keterangan konfirmasi bahwa email telah terkirim.
                      Padahal saya sangat membutuhkan browser tetap ada di C:\test\form.html,
                      karena ada menu2 dan navigasi pada halaman form.html tersebut.

                      Setelah saya browsing, saya kemudian menemukan ajax() dari jquery yang
                      katanya data bisa terkirim tanpa page-refresh, kemudian saya tambahkan
                      kode sebagai berikut:

                      $.ajax({
                            //deklarasi dan assign value untuk variable dataString

                            type: "POST",
                            url: "http://localhost/form/bin/formmail.php",
                            data: dataString,
                            success: function() {
                              $('#contact_div').html("<div id='pesan'></div>");
                              $('#message').html("<h2>Pesan telah terkirim</h2>")
                              .append("<p>Terima kasih.</p>")
                              .hide()
                              .fadeIn(1500, function() {
                                $('#message').append("<img id='checkmark' src='check.png' />");
                              });
                       });


                      Tapi sampai sekarang ini, masih belum berhasil juga, malahan pesan
                      konfirmasi di option success juga tidak muncul. Saya juga udah coba
                      pake PHPMailer.php tapi tetep masih belum berhasil kalo pake ajax(),
                      sedangkan kalo di simpen di action form semua lancar.

                      Kira-kira dimana kekurangannya agar saya bisa mengirim data ke email
                      melalui sebuah form client tanpa page-refresh (atau dialihkan ke page lain
                      yg masih di lingkungan client).

                      Mohon maaf kalo kepanjangan, terima kasih sebelumnya.


                      Wassalam,
                      Andika

                    • herdian ferdianto
                      Mas, Seharusnya anda jalankan pakai Apache / WebServer di Localhost, Bisa download XAMPP atau paket2 webserver yang lain 2009/9/4 G. ...
                      Message 10 of 11 , Sep 4, 2009
                      • 0 Attachment
                        Mas,

                        Seharusnya anda jalankan pakai Apache / WebServer di Localhost,
                        Bisa download XAMPP atau paket2 webserver yang lain

                        2009/9/4 G. <gasinbox@...>
                         

                        kayaknya di :
                        C:\test

                        hehehe.. salah yah?





                        2009/9/3 herdian ferdianto <herdian@...>
                         

                        documentroot nya dimana mas?



                        2009/9/3 G. <gasinbox@...>
                         

                        url-nya diisi : http://localhost/form/bin/formmail.php
                        alamat file yg mengakses : c:\test\form.html

                        hehehe..



                        2009/9/3 herdian ferdianto <herdian@...>

                         

                        lha url nya diisi sama dengan host kan?

                        2009/9/3 G. <gasinbox@...>

                         

                        Om fer,

                        Udah saya coba script-nya, cuman masih tetep belum bisa.
                        Mungkin option 'url' di ajax() memang ngga bisa mengakses
                        file yg server, jika kita akses dari client.

                        Jadi untuk sementara ini, untuk ngakalin nya saya pake
                        <iframe>. Jadi setelah data terkirim, menu/navigasi di client
                        masih bisa diakses, hehehe..

                        Makasih atas bantuannya

                        Regards,
                        G. Andika





                        2009/9/1 herdian ferdianto <herdian@...>
                         

                        Hei mas,

                        kayanya itu perlu di encode datanya, sapa tau mengandung sepasi atau karakter lain
                        Modif aja kaya gini

                        $.ajax({
                          type:'POST',
                          url:'url anda',
                          data:{
                            name:$("input#name").val(),
                            email:$("input#email").val(),
                            msg:$("input#msg").val()
                          },
                          success:function(data, textStatus) {
                            //fungsi sukses
                          },
                          error:function(xhr, textStatus, error) {
                            //log aja errornya untuk debug
                            if (window.console) {
                              console.log(['AjaxError', textStatus, error]);
                            } else {
                              alert( 'AjaxError: ' + textStatus );
                            }
                          }
                        });





                        2009/9/1 G. <gasinbox@...>
                         

                        Om Herdian,

                        1. dataString-nya seperti berikut:

                        var name = $("input#name").val();
                        var email = $("input#email").val();
                        var msg = $("input#msg").val();
                        var dataString = 'name='+ name + '&email=' + email + '&msg=' + msg;
                        //alert(dataString); return false;

                        Untuk data inputan, menurut saya sudah tidak ada masalah, terbukti ketika
                        di 'alert', data yg tampil sesuai.

                        2. Jadi kalo formmail.php disimpen di <form action="http://localhost/form/bin/formmail.php>
                           itu gk ada masalah, hanya saja browser jadi teralihkan ke formmail.php tersebut.
                           Pas saya pindahin ke fungsi ajax(), ketika di klik submit, itu ngga ada respon selain
                           form yang me-reset (semua field menjadi blank lagi). Tidak ada pesan error :-(

                        Apa kira2 ada yg kurang dari fungsi ajax() itu? sehingga tidak perlu refresh, tapi data masuk.
                        hehehe...

                        Makasih om Herdian untuk responnya, panggil Andika aja, blum bapak2 soalnya,
                        hahahaha....

                        Wassalam,
                        Andika



                        2009/9/1 herdian ferdianto <herdian@...>

                         

                        1. dataStringnya bagaimana pak?
                        2. coba erorrnya dicapture, siapa tau 404 atau yg lain ;)

                        2009/9/1 G. <gasinbox@...>

                         

                        Halo para master,

                        Salam kenal semuanya para JS-ers.

                        Saya newbie yg baru belajar, mohon bantuan dan pencerahannya, hehehe...

                        Ceritanya saya punya sebuah form.html di drive C:/test, sehingga file
                        tersebut dapat diakses secara lengkap di C:\test\form.html.

                        form.html ini memiliki baris kode layaknya sebuah form "contact us",
                        berikut ini adalah salah satu baris kode nya:

                        <form method="POST" action="http://localhost/form/bin/formmail.php" name="contact">

                        Setelah di submit, form.html akan mengirim value field2 yg diisi dengan
                        mem-passingnya ke formmail.php dan kemudian mengirimkan ke email saya.
                        Sampai sini, semua lancar (data masuk ke email di Gmail).
                        (formmail saya download di www.scriptarchive.com/formmail.html)

                        Masalahnya, setelah itu halaman form.html di browser tergantikan oleh
                        formmail.php yang berisi keterangan konfirmasi bahwa email telah terkirim.
                        Padahal saya sangat membutuhkan browser tetap ada di C:\test\form.html,
                        karena ada menu2 dan navigasi pada halaman form.html tersebut.

                        Setelah saya browsing, saya kemudian menemukan ajax() dari jquery yang
                        katanya data bisa terkirim tanpa page-refresh, kemudian saya tambahkan
                        kode sebagai berikut:

                        $.ajax({
                              //deklarasi dan assign value untuk variable dataString

                              type: "POST",
                              url: "http://localhost/form/bin/formmail.php",
                              data: dataString,
                              success: function() {
                                $('#contact_div').html("<div id='pesan'></div>");
                                $('#message').html("<h2>Pesan telah terkirim</h2>")
                                .append("<p>Terima kasih.</p>")
                                .hide()
                                .fadeIn(1500, function() {
                                  $('#message').append("<img id='checkmark' src='check.png' />");
                                });
                         });


                        Tapi sampai sekarang ini, masih belum berhasil juga, malahan pesan
                        konfirmasi di option success juga tidak muncul. Saya juga udah coba
                        pake PHPMailer.php tapi tetep masih belum berhasil kalo pake ajax(),
                        sedangkan kalo di simpen di action form semua lancar.

                        Kira-kira dimana kekurangannya agar saya bisa mengirim data ke email
                        melalui sebuah form client tanpa page-refresh (atau dialihkan ke page lain
                        yg masih di lingkungan client).

                        Mohon maaf kalo kepanjangan, terima kasih sebelumnya.


                        Wassalam,
                        Andika




                        --
                        ferdhie
                        http://m.ferdianto.com
                      • G.
                        Iya om fer, akhirnya bisa berhasil, saya jalankan di localhost. Tadinya mo nyoba jalanin di non-localhost, hehehe.. Makasih bnyak, maaf merepotkan :D Wassalam,
                        Message 11 of 11 , Sep 6, 2009
                        • 0 Attachment
                          Iya om fer, akhirnya bisa berhasil, saya jalankan di localhost.
                          Tadinya mo nyoba jalanin di non-localhost, hehehe..

                          Makasih bnyak, maaf merepotkan :D

                          Wassalam,
                          G. Andika





                          2009/9/4 herdian ferdianto <herdian@...>
                           

                          Mas,

                          Seharusnya anda jalankan pakai Apache / WebServer di Localhost,
                          Bisa download XAMPP atau paket2 webserver yang lain

                          2009/9/4 G. <gasinbox@...>

                           

                          kayaknya di :
                          C:\test

                          hehehe.. salah yah?





                          2009/9/3 herdian ferdianto <herdian@...>
                           

                          documentroot nya dimana mas?



                          2009/9/3 G. <gasinbox@...>
                           

                          url-nya diisi : http://localhost/form/bin/formmail.php
                          alamat file yg mengakses : c:\test\form.html

                          hehehe..



                          2009/9/3 herdian ferdianto <herdian@...>

                           

                          lha url nya diisi sama dengan host kan?

                          2009/9/3 G. <gasinbox@...>

                           

                          Om fer,

                          Udah saya coba script-nya, cuman masih tetep belum bisa.
                          Mungkin option 'url' di ajax() memang ngga bisa mengakses
                          file yg server, jika kita akses dari client.

                          Jadi untuk sementara ini, untuk ngakalin nya saya pake
                          <iframe>. Jadi setelah data terkirim, menu/navigasi di client
                          masih bisa diakses, hehehe..

                          Makasih atas bantuannya

                          Regards,
                          G. Andika





                          2009/9/1 herdian ferdianto <herdian@...>
                           

                          Hei mas,

                          kayanya itu perlu di encode datanya, sapa tau mengandung sepasi atau karakter lain
                          Modif aja kaya gini

                          $.ajax({
                            type:'POST',
                            url:'url anda',
                            data:{
                              name:$("input#name").val(),
                              email:$("input#email").val(),
                              msg:$("input#msg").val()
                            },
                            success:function(data, textStatus) {
                              //fungsi sukses
                            },
                            error:function(xhr, textStatus, error) {
                              //log aja errornya untuk debug
                              if (window.console) {
                                console.log(['AjaxError', textStatus, error]);
                              } else {
                                alert( 'AjaxError: ' + textStatus );
                              }
                            }
                          });





                          2009/9/1 G. <gasinbox@...>
                           

                          Om Herdian,

                          1. dataString-nya seperti berikut:

                          var name = $("input#name").val();
                          var email = $("input#email").val();
                          var msg = $("input#msg").val();
                          var dataString = 'name='+ name + '&email=' + email + '&msg=' + msg;
                          //alert(dataString); return false;

                          Untuk data inputan, menurut saya sudah tidak ada masalah, terbukti ketika
                          di 'alert', data yg tampil sesuai.

                          2. Jadi kalo formmail.php disimpen di <form action="http://localhost/form/bin/formmail.php>
                             itu gk ada masalah, hanya saja browser jadi teralihkan ke formmail.php tersebut.
                             Pas saya pindahin ke fungsi ajax(), ketika di klik submit, itu ngga ada respon selain
                             form yang me-reset (semua field menjadi blank lagi). Tidak ada pesan error :-(

                          Apa kira2 ada yg kurang dari fungsi ajax() itu? sehingga tidak perlu refresh, tapi data masuk.
                          hehehe...

                          Makasih om Herdian untuk responnya, panggil Andika aja, blum bapak2 soalnya,
                          hahahaha....

                          Wassalam,
                          Andika



                          2009/9/1 herdian ferdianto <herdian@...>

                           

                          1. dataStringnya bagaimana pak?
                          2. coba erorrnya dicapture, siapa tau 404 atau yg lain ;)

                          2009/9/1 G. <gasinbox@...>

                           

                          Halo para master,

                          Salam kenal semuanya para JS-ers.

                          Saya newbie yg baru belajar, mohon bantuan dan pencerahannya, hehehe...

                          Ceritanya saya punya sebuah form.html di drive C:/test, sehingga file
                          tersebut dapat diakses secara lengkap di C:\test\form.html.

                          form.html ini memiliki baris kode layaknya sebuah form "contact us",
                          berikut ini adalah salah satu baris kode nya:

                          <form method="POST" action="http://localhost/form/bin/formmail.php" name="contact">

                          Setelah di submit, form.html akan mengirim value field2 yg diisi dengan
                          mem-passingnya ke formmail.php dan kemudian mengirimkan ke email saya.
                          Sampai sini, semua lancar (data masuk ke email di Gmail).
                          (formmail saya download di www.scriptarchive.com/formmail.html)

                          Masalahnya, setelah itu halaman form.html di browser tergantikan oleh
                          formmail.php yang berisi keterangan konfirmasi bahwa email telah terkirim.
                          Padahal saya sangat membutuhkan browser tetap ada di C:\test\form.html,
                          karena ada menu2 dan navigasi pada halaman form.html tersebut.

                          Setelah saya browsing, saya kemudian menemukan ajax() dari jquery yang
                          katanya data bisa terkirim tanpa page-refresh, kemudian saya tambahkan
                          kode sebagai berikut:

                          $.ajax({
                                //deklarasi dan assign value untuk variable dataString

                                type: "POST",
                                url: "http://localhost/form/bin/formmail.php",
                                data: dataString,
                                success: function() {
                                  $('#contact_div').html("<div id='pesan'></div>");
                                  $('#message').html("<h2>Pesan telah terkirim</h2>")
                                  .append("<p>Terima kasih.</p>")
                                  .hide()
                                  .fadeIn(1500, function() {
                                    $('#message').append("<img id='checkmark' src='check.png' />");
                                  });
                           });


                          Tapi sampai sekarang ini, masih belum berhasil juga, malahan pesan
                          konfirmasi di option success juga tidak muncul. Saya juga udah coba
                          pake PHPMailer.php tapi tetep masih belum berhasil kalo pake ajax(),
                          sedangkan kalo di simpen di action form semua lancar.

                          Kira-kira dimana kekurangannya agar saya bisa mengirim data ke email
                          melalui sebuah form client tanpa page-refresh (atau dialihkan ke page lain
                          yg masih di lingkungan client).

                          Mohon maaf kalo kepanjangan, terima kasih sebelumnya.


                          Wassalam,
                          Andika

                        Your message has been successfully submitted and would be delivered to recipients shortly.