Hello,

I need some help with javascript. I have developed a page with some Text on it. What I need is when someone selects any part of the text using mouse and release the mouse a popup open and display the selected text.

Exmaple:
"This is Wrox Forum"

If I select 'Wrox Forum', on releasing mouse key an alert box open displaying selected text i.e 'Wrox Forum'.

Any idea..
Any help..

Will really be appriciated.

Thanks

__________________
Zeeshan Dar
itHighway
Get in Touch with People Texting your Website
Advanced Real Estate Listings Solution - FREE Hosting

Hello again itHighway,

Try this:

<p id = "p1" onmouseup = "grabText()">Some text to select.</p>

<script language = "javascript">

function grabText(){
var theText = document.selection
        if(theText.type =='Text')
        {
        var newText = theText.createRange();
        alert(newText.text)
        }

}

</script>

HTH
Joe

Thank you very much. It worked fine.

Is it possible to disable a word from selection. Mean user not able to select any word or phrase in a string.

Example:
"This is Wrox Forum"

User can select "This is" and "Forum" but cannot select "Wrox".

Regards,
ZA

Hi itHighway,

Yes its possible. Just set a variable in the javascript to define the word or words you wish to prevent selection of. You could even have an array of words if you wanted to prevent selection of multiple different words. Here's the script for one word:


<script language = "javascript">

function grabText(){

var denySelection = "wrox"
var theText = document.selection

        if(theText.type =='Text')
        {
        var newText = theText.createRange();
        }
        if (newText.text == denySelection){
        document.selection.empty()
        }
        else{
        alert(newText.text)
        }

}

</script>


And this is a script that checks for selections across an array, using a for loop:

<script language = "javascript">

function grabText(){

var denySelection = new Array()
var theText = document.selection

denySelection[0] = "Welcome"
denySelection[1] = "to"
denySelection[2] = "wrox"



        if(theText.type =='Text')
        {
        var newText = theText.createRange();
        }

        for(i =0; i<=2;i++)
        {
            if (newText.text == denySelection[i])
            {
            document.selection.empty()
            }
        }


}

</script>

HTH

Cheers
Joe

is it possible to have your entire document unselectable?

www.crmpicco.co.uk

Hi Picco,

This should do it:

<script language="JavaScript1.2">

function disabletext(e){
return false
}

function reEnable(){
return true
}

//if the browser is IE4+
document.onselectstart=new Function ("return false")

//if the browser is NS6
if (window.sidebar){
document.onmousedown=disabletext
document.onclick=reEnable
}
</script>


HTH
Joe