SORU
15 Mart 2010, PAZARTESİ


Nasıl JavaScript kullanarak imleç altında bir kelime olsun?

Örneğin varsa

<p> some long text </p>

HTML sayfamda nasıl fare imleci örneğin olduğunu biliyorum kelime yukarıda miyim? diye metin

CEVAP
15 Mart 2010, PAZARTESİ


Diğer iki cevaplar için daha önce paragraf yayılan jQuery kullanarak (ya da genellikle javascript) üzere ikiye ayırmak mümkün olabilir.

Bu şekilde, kelimeler etrafa yayılan ile metin çıktısı düşünmek gerek kalmazdı. Javascript sizin için yapalım.

örneğin

<p>Each word will be wrapped in a span.</p>
<p>A second paragraph here.</p>
Word: <span id="word"></span>

<script type="text/javascript">
    $(function() {
        // wrap words in spans
        $('p').each(function() {
            var $this = $(this);
            $this.html($this.text().replace(/\b(\w )\b/g, "<span>$1</span>"));
        });

        // bind to each span
        $('p span').hover(
            function() { $('#word').text($(this).css('background-color','#ffff66').text()); },
            function() { $('#word').text(''); $(this).css('background-color',''); }
        );
    });
</script>

O çalışırken yukarıdaki kod, paragraf etiketleri içinde herhangi bir html kaldýrmak unutmayın.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Ammine Getahun

    Ammine Getah

    21 HAZİRAN 2011
  • discokatze

    discokatze

    23 EYLÜL 2009
  • Edgar flores

    Edgar flores

    7 HAZİRAN 2006