[es] - JS Highlight dorada skripte

AveM

Član broj: 234265
Poruke: 8
*.as54.ze-old.bih.net.ba.

Profil

^{11.10.2012. u 11:16 - pre 140 meseci}

Pozdrav,

Naime imam slijedecu skriptu koja radi u jquery frameworku ( valjda sam se dobro izrazio posto nisam strucnjak za javascript :D ):

Code:
$(document).ready(function() {
    $(document.documentElement).keyup(function (event) {

        // 79 = o
        if (event.keyCode == 79)
        {
            var SelRange;

            if (window.getSelection)
            {
                SelRange= window.getSelection().getRangeAt(0);
            }
            else if (document.getSelection)
            {
                SelRange= document.getSelection().getRangeAt(0);
            }
            else if (document.selection)
            {
                SelRange= document.selection.createRange();
            }

            if (SelRange!= null && SelRange != '' )
            {
                if (SelRange.pasteHTML)
                {
                    SelRange.pasteHTML('<span class="selected">'+SelRange.text+'</span>');
                }
                else
                {
                    var newNode = $('<span class="selected" />')[0];
                    SelRange.surroundContents(newNode);
                }

                // deselect
                window.getSelection().removeAllRanges();
            }
        }

        // 82 = r
        else if (event.keyCode == 82)
        {
            $('.selected').each(function()
            {
                $(this).replaceWith($(this).text());
            });
        }
    });
});

U biti kada se selektuje dio teksta i pritisne se tipka o, oznaci se taj text. Ja bih zamolio ako bi mi neko mogao napraviti malu modifikaciju tj da radi search. Na stranici imam podijeljenu na 2 dijela.
U lijevom dijelu mi je izvorni tekst, a u desnom rezultati pretrage. Potrebno mi je da selektovanjem rezultata pretrage i pritiskom na tipku o, oznacavam i izvornom dokumentu dio teksta koji je selektovan

http://www4.slikomat.com/11/1011/fat-sema.png

Nadam se da ne trazim nista previse :)

Hvala unaprijed

_{Koristi odgovarajuće tagove za kôd.}

_{[Ovu poruku je menjao Nikola Poša dana 14.10.2012. u 10:12 GMT+1]}

Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-a-5.sezampro.rs.

+33 Profil

Re: JS Highlight dorada skripte

^{14.10.2012. u 09:31 - pre 140 meseci}

Evo ovde imaš dobar primer za dohvatanje selektovanog dela teksta pomoću jQuery-ja, a ovo je jedan odličan plugin za highlight-ovanje teksta, pa onda samo iskoristi te dve stvari. Npr.:

Code:
$(document).ready(function(){
    $('#div2').bind('mouseup', function() {
        var selection = Kolich.Selector.getSelected();
        if (selection != '') {
            $('#div1').highlight(selection);
        }
    });
});

Odgovor na temu