The first page with the menu works just fine, but when you go to any of the other pages it won't let you highlight the text to copy and paste - in certain circumstances. It works fine on my home computer which is running Windows XP. I've been able to work with it in all browsers. On Windows Vista and Windows 7 there are issues. The only real difference is the previous/next page menu and the switch div script which is written in Javascript. This is the only thing I can think that's interfering. I've only tested Internet Explorer and Chrome in Vista (don't know about Chrome in 7) but it inhibits in both browsers.
Might there be any work arounds? On 14.html which is the Index (as in book, not the main web page) the switch div is gone but it's still not working. However, I tested just the switch div script on another web-site without the previous/next page menu and that also doesn't work.
Alright, I'm using a Rooh.It WordPress plugin right now, but I don't like the way they do it, so I want to write my own code to do something similar.
I want the user to be able to select the text they want to highlight, and the background color of that text changes to whatever color they have selected.
I am using a calendar control based on the one at Brainjar.com. I have made the text field into which the date is inserted readonly. The problem with this is that if a user attempts to change the date manually by deleting part of the highlighted text, the browser goes back one page.
I want to force the user to use the calendar control and not input text directly into the textfield- readonly is not enough as the text can still be highlighted and then causes problems if the user attempts to delete.
I'm trying to write an application to demonstrate to a friend how to highlight text in javascript, only problem is he wants it to be on divs only.
So say for example you have a page, and you select some text in the div (this is static text, not a form or anything) and you click "highlight" is there a way to wrap style tags around that highlighted text using javascript, without refreshing the page?
et me know how can I highlight a selected portion of an html document with javascript such that the selected portion is repeatedly shown highlighted on each and every page refresh.
I'm trying to write a function that is similar to the ctrl+f functionality you get in IE, where you have a search string and when you click 'next' the whole string if matched is highlighted by the cursor.
This works fine for inputs and text areas using the following code:
But now I need to get it to work for normal text in a text node that is in the HTML/DOM. Is there an equivalent way of making the above method work for text in text nodes?
Alternatively is there a way to make the browser (IE) at least focus on some text in a text node? (I could then highlight it with CSS styles).
i am creating a search method tht searches the string entered in the text box in the given page having table. i want to highlight the found word ( matching part )... but i dont kw hw to exactly get the table colums and apply the highlight method
i am creating a search method tht searches the string entered in the text box in the given page having table. i want to highlight the found word ( matching part )...i can do that but with createTextRange its getting the first match word and than exits
is it possible to create certain part of the page and not the whole page(document.body.createTextrange()) for search like only one column of table and not the whole page contents
I'm currently working on a project which is essentially a clickable world map. I have successfully mapped the image and using a OnMouseOver = "Continent()" OnMouseOut = "World()" command in each mapping line ie. <area shape="poly" onmouseover="NA()" onmouseout="World()" coords="(lotsonumbers)".
In my continent functions I change the image using something like: function Africa() {document.images[35].src="/_View/images/maps/worldmaps/world.africa.jpg"; return true;}
This gives me the "highlighting" effect I was looking for when people mouse over the continent.
However! my problem now is that I need to find a way to essentially link that with a cell within the same table as the mapped image. There is a list of the continents in the column next to the map (the map has all the rows merged in that column). I need it so that if I run the mouse over the continent or that cell both of them highlight at the same time. I see the best way of doing this as having both call the World or Continent function. However I have been unable to find any way of setting a specific cell's background or text from within a function.
I was wondering how you allow the user to highlight text they've typed (in a form) and click a button to edit its style (placing tags around the highlighted text).
Could someone explain this a little further and perhaps provide an example.
I've been struggling with this for days. How can I use javascript to high light a part of the text in a textbox or a textarea?
OR
if the user highlights a part of the text in a textbox or a textarea, how can I say which part of the text is highlighted? (ie: at what character the highlight starts and at what character the highlight ends).
1) search the database for the words user is typing in the text box. This will happen with each key press.2) if there is a match - I need to change the text color.
I am unable to disable a text box when a form loads. It worked before with attr() instead of prop() in earlier versions, now with 1.6.2, it does not work.
The following function works fine provided you call it from the body's onLoad property.
Code:
function disableSelection(target){alert('in'); //disable text selection if drag in progress so we don't highlight text while dragging panels over other panels if (typeof target.onselectstart!="undefined") //IE route
[code]...
I put an alert inside the disable function and it DOES hit it onload, but you can still select text on the page.
In forms, we have all seen where people have numerous options to choose from in a SELECT field, or they can select Other, and type something in a different text field.
I would like to be able to disable this Other text field if the SELECT isn't on Other.
I know how to disable the submit button, but I don't know how, or even if, you can disable/enable a specific text field.
Not 100% sure why or how to make this work.I have 5 options in a select drop-down. Only two of them are to disable a text field. I have written it successfully to disable on one option. How would I add the second option? I have tried many different ways, and i know its something small that i am missing.Below is the code that does not work but shows the 2 options that disable my text field.
<script type="text/javascript"> function type_disable() { var qr_type = document.getElementById('qr_type');
I have a password text field, where copy paste from anywhere must be disabled. I have a textarea where the user must be limited to enter only 250 characters. <textarea name="description" id="description" maxlength="250" rows="4" dojoType="dijit.form.SimpleTextarea" style="width:200px;overflow:auto;word-wrap:break-word;">${fn:trim(status.value)}
I am creating a data application where users must be able to select table rows to perform actions on it... Think in terms of Yahoo Mail. I have written a script to select clicked rows and to deselect them when clicked again. I also added shift button functionality and 'escape' to deselect all.
However my problem arise with my click and drag to select multiple rows. It works fine in FF and IE, I have managed to disable text select in these browsers because it looks awry, but have not managed to achieve the same effect in Opera. Code:
On the symantec site (www.symantec.com) there is a neat piece of code where as your mouse passes over four sections in the middle of the page a border is placed around each of the sections. Any suggestions how this is done?
I've got a list of DIVs on a page, each one with it's own unique id, i.e.
Code HTML4Strict:
<div id="event1"> ... </div> <div id="event2">
[code]...
This is OK, but what I really want is the ability to take the parameter specified in the URL (the #event2), and use it to somehow highlight that specific DIV.I figure the easiest way of doing this is to modify the DIV and add a class to it, such as class="highlight", then use CSS to set a different background colour - but I know very little about JavaScript,
I was wondering if there is any way with onload that I can highlight (blue color) the select box field while simultaneously placing the mouse cursor or focus on a text box immediately below it?
I have a jQuery script running on my site that makes it so when you click on a thumbnail, a different overflow:hidden div is scrolled to the anchor point that thumbnail was linking to.I want to make it so the thumbnail that you clicked becomes selected (and all over thumbnails become unselected). This could be with a border, a shadow, an image appearing behind it, opacity - basically anything (preferably an image appearing behind it).
Alright so for my website (I've totally revamped it and what not) I want to make a code highlighter for source code / tutorials I've posted. At the moment I'm just using some css:
So the code stays neat and in a box. But what I want to do now is somehow make a small javascript function that scans the text inside the html file etc :
[Code]...
and can format it so float and int is blue, "hello world" is red etc. As from the javascript I've done myself I can't see it being to hard. I'm just unsure how to scan for text inside like I have above.
