Metin olarak iki html etiketleri arasında veri nasıl okunur

5 Cevap php

Ben metin önceden tanımlanmış bir div etiketini oluşturmak ayıklamak gerekiyor bir proje üzerinde çalışıyorum.

Benim gereksinimi bir e-posta gövdesinde div hedef içerik göndermek için. Ben bu görev için javascript veya php kullanmak zorunda.

The Process : When a given link will be clicked; a javascript function will trigger and read that target div. The content of the div will be then submitted to server in dynamic form.

Ben bu görevi halletmek için ne seçenekleri?

Teşekkürler.

5 Cevap

Böylece gibi görünen bir şey var olduğunu varsayarak

<a href="#" onClick="someClickHandler(); return false;">Click Here</a>
<div id="foo">Hello World!</div>

Ben kullanmanızı öneririz jQuery:

<script type="text/javascript">
    function someClickHandler() {
        var text = $("#foo").text();
        $.get("url_on_the_server", {some_query_parameter_name: text}, function(response){
            // do something with the response you get back from the server
        });
    }
</script>

İşte bu ne yapıyor bulunuyor:

  • onClick özniteliği bağlantı tıklandığında someClickHandler işlevi çağrıldığında neden olur. Biz bu özniteliği return false koymak için, tarayıcı bağlantıyı takip çalışacağız; tıklandığında yerine zaman sadece tıklatma işleyicisi yürütmek ve duracaktır.

  • $("#foo") belirtildiği gibi, bir id "foo" ve ile sayfa elemanını bulur here söyleyerek. Diyerek $("#foo").text() belirtildiği gibi, metin olarak bu div içindeki her şeyi döndürür here.

  • $.get çağrı jQuery belgelerine here derinliklerindeki açıklanmıştır. Temelde sunucuya bir AJAX isteği yapan ve bir sorgu parametresi olarak div metni geçiyoruz. Eğer geçmek fonksiyonu $.get Eğer geri sunucudan almak yanıt ile ne tanımlar.

Tabii ki, yerine de elle onClick Kendini öznitelik ayarı jQuery click method kullanabilirsiniz, ama ben bu şekilde bir yeni başlayanlar için biraz daha sezgisel olacağını düşündüm.

jQuery 'text() (link) Eğer div içindeki metni almak izin istiyorum.

var thetext = jQuery('div#foo').text();

Daha sonra onun post() (link) e-posta için bir PHP komut dosyası için veri göndermek için kullanabilirsiniz.

Ben innerHTML div olacaktı. Yani div div_obj ise:

var div_obj = document.getElementById("...");
alert(div_obj.innerHTML);

Nitekim, ben div id vermek ve daha sonra içeriğini almak için innerHTML yöntemi kullanmak istiyorum.

Bundan sonra, sunucuya içeriği göndermek için XMLHttpRequest kullanabilirsiniz.

. document.getElementById (ID_OF_DIV) innerHTML;

Yanılmıyorsam eğer bunu yapmalıyım. W3Schools web programlama hakkında bilgi almak için harika bir web sitesidir.

etiketler