editor.document.execCommand("insertHTML", false, "<br />") doesnt work when the text cursor is at the end of a sentence... but is does work when the cursor is at the middle of a sentence.
<script type="text/javascript">
window.onload = edit;
function edit() {
[code]....
I'm trying to get the cursor position to move to the end of the text within an editable iframe or div.I've been pointed to something called TextRange and have been reading up on it for days yet couldnt make sense of much (i'm still very new).what i'm trying to do is on a button click, the cursor will move to the end of the text in the iframe.
View 3 Replies View RelatedI have an editable Iframe control that I am using to allow users to
input formated text into a database for later viewing. One feature I
am toying with is the ability to vertically align their text. The idea
is to have a button for TOP, MIDDLE, and BOTTOM in which each will move
the text to the desired location within the box. So far I have tried
two ways to accomplish this. One is with a DIV around the text and
when the button is clicked it moves the DIV based on how high the DIV
has become. The other way I have attempted this is with a TABLE which
covers the entire iframe. When the buttons are clicked the appropriate
location is set in the cells valign property.
With the DIV attempt the body of the iframe has contentEditable turned
off and the DIV turned on. This would restrict the user from typing
outside of the DIV. The problem is that when the user clicks on the
iframe but outside of the DIV the cursor is gone. The user could also
hit ctrl-a on the keyboard to select all and eventually delete the DIV.
With the TABLE attempt the body of the iframe has contentEditable
turned on sice the TABLE seemed to not have that property. With the
body being off the table couldnt be edited. The problem here is that
the user can now type outside of the table and also delete the table
much easer than the DIV.
structure a jQuery line to replace a string within a page? Basically, I want to use jQuery to set up an environment variable, like this:
<a href="_TEDDYBEAR/images/brownbear.jpg">Brown Teddy Bear</a>
Then, on page load, replace all instances of _TEDDYBEAR with My current effort stands at:
$(document).load( function {
$(˜html).html(
// replace _TEDDYBEAR with "http://www.example.com" )
[code]....
When i press tab in my document which has editor it brings focus on editor iframe. Now if i again press tab then the focus goes to send button which is below the editor. But also cursor stays in editor.In such condition if i start typing, then as soon as press space my form is submitted as focus was on send button.
View 5 Replies View RelatedI'm creating my WYSIWYG html web editor. but now I want to know witch
image is selected. I try the selection.createRange().htmlText but it
returns me null. I see that when i have an image selected, the selecion
type returns me "Control", but how can i access the properties of this
control?
I have an iframe which is by default hidden. It becomes visible on a double click event and should be in editable mode. I set iframeObject.contentDocument.designMode='on' on body load event. But when i fire a double click event, iframe becomes visible but not in editable mode. How to achieve this specially for firefox2.Any other alternative, let me know. In IE its working fine. Also i want to know how to set textarea value to an iframe
View 1 Replies View RelatedI have several issues with my multilevel drop down menu The First issue is : the page has 2 iframes (one has the horizontal multilevel drop down menu on the top) the below iframe has my site address Now, when i hover over the menu it does not open or expand but when i open just the menu without any iframes it does This clearly means that the menu is not coming out of the iframe bring it on top of everything of the page Note: i have placed the menu in one iframe and a page opens below it in another iframe. The Second issue is : I want the navigation bar that is the multilevel drop down menu to be editable Which means i have a blog and a forum on my site but my visitor wants that the blog should not appear there and another link to play games should
be there and hence he/she can edit it And please also try to make it work on cookies so that the user info and preferences are saved in cookies and whenever he/she comes back they see the page their way. For you: I would like to tell you that IdeaLab has launched a Twitter Advertising, Widget and Search platform and the first 1000 people are getting $100 go to tweetup.com
I have a dropdown menu. the code is as below[code]...
I need to give user an option to select from the list or enter a new value. how do you do this ? I can add another option say "new value" and when he choose this user should be able to add the new value
I'm trying to implement is a table with editable rows and columns that will feed back into a database. If I could do it with AJAX that would be great too, but I'm not too familiar with javascript. I don't need the code, I need more of an idea. The HTML Table is currently a recreation of the MySQL table minus a few columns. Its all in text, but if I could make the text editable, or better yet, make the text turn into input boxes it would be really cool. I'm not really sure what kind of methods and properties I would need, or quite how to put it all together. What do you think is the best way to go about the entire project?
View 8 Replies View RelatedI have javascript code in a website I inherited that allows users to edit a block of text. However the block of text is a product name, and needs to be uneditable by anyone that is not an admin.
View 2 Replies View RelatedHow would I make an normal form input field go from editable (where someone can write text into it) to solid text (not editable) simply by clicking anywhere on the page away from the field And then.. ..the reverse. Clicking on the non-editable text would suddenly create a form field (with that text in it) once again editable. Possible with JavaScript?
View 1 Replies View RelatedI have to create an editable text window. On this text window, there will 2 buttons "save" and "cancel". On clicking the "save" button the text in the window should be saved in a text file to a predefined directory. How can this be done using jquery.
View 1 Replies View RelatedI'm relatively new to javascript. I want to create an editable text window popup. Upon writing a free text the user should have an option to save or clear the text. He should be able to save the text in a predefined location locally. How can this be done in javascript.
View 1 Replies View RelatedFirst off, sorry if this is the wrong section. Adobe Forms isnt exactly Web Development, but its the only place I could find to post about javascript. If this isnt the correct section, Now, onto the question (please note, I am inexperienced with javascript). I have an Adobe form with a default text like this I have javascript that looks like this, so that when tabbing into the field, it skips past the default text:
function SetEnd (text)
{
if (text.createTextRange)
{
var FieldRange = text.createTextRange();
FieldRange.moveStart('character', text.value.length);
FieldRange.collapse();
FieldRange.select();
}
}
SetEnd(this);
I was wondering if there is a way to make it so the default text cant be changed at all. Even better would be an alternative way of having the default text there but not "part" of the field, but at the same time, not being able to type over it either.
I've a div that is editable (contentEditable = true). The div has a fixed size like a letter page. When the user has written so much text that the text overflows I want add a new div above and let flow the overflown text in the other div. (it's the some behavior like MS Word in page view, but now it is in the web)
It is possible to do something like this in the web?
One way to implement this is to check if the text of the div overflows (I've found java script examples in the web which do that). And than I need the text that overflows to move it to the next div. But I have not found a function that do this. Is there such a function?
Another way is to insert a gap at that position a new page begins and use an background image that looks like a page border. With this solution, the whole text is in one div but it looks like floating to another page. But therefore, I have to add a gap between to lines at a specific position (the page border/margin and the gab between the pages). Does anyone have an idea how to realize this?
I've seen a variety of implementations around that enable selecting all or no checkboxes by using a checkbox to toggle that choice. However, I'm trying to find a way like this: I have two text links on my page: Select All, and Select None. How can I get those links to call a jquery function to select all or select no checkboxes in my form? As a little food for thought:
<head>
$(function() {
//function for selecting all or none...is there a way to make a single function that passes in a parameter to differentiate between selecting all or selecting none, or do I need a separate function for both?[code]....
The javascript below is looking for the word 'margaret thatcher' in the body and surrounding it with a link. It's lower-case but the script is ignoring the case so that won't matter. But, the problem is that because Margaret Thatcher is a proper noun, it will be capitalized in the body text yet replaced with lower-case text. How can I modify this script to look for the word while ignoring the case but use the same text it found as the replacement instead of using the text object?
[Code]...
have facing a problem with .toggle()i have a requirement that when i click a button a row will be editable when i click it again the row will not be editable.when i use .toggle with alert, the first time it shows the first alert. when i click it a second time it shows alert 2. when i press ok on alert 2, alert 1 fires. how do i stop this?
View 3 Replies View RelatedI've been using a hidden iframe for remote server scripting - how i've been doing it is that a load(); function changes the src component of the iframe with $_GET variables to pass to PHP:
this.load = function () {
this.iframe.src = this.file + "?action=load&gid=" + this.gid + "&last_modified=" + this.last_modified;
}
The frame itself then has an "onload" function that calls a doLoad(); function that handles receipt of any information back from the server. declared this way:
<iframe id="loader" onload="loader.doLoad();" style="width:0px;height:0px;border:none;"></iframe>
The trouble with this as you may guess is that the page was reloading every time src was changed and the history list of the browser was messed up. So I did some research and came up with this method that solves that problem:
this.load = function () {
//this.iframe.src = '';
this.iframe.contentWindow.document.location.replace(this.file + "?action=load&gid=" + this.gid + "&last_modified=" + this.last_modified);
}
Which is great, but now onload doesn't call!
I have a text box which will receive its value from a pop-up date picker.
The user should not be able to edit this field with the keyboard or mouse.
I am using ASP.NET. If I set the readonly property of the textbox to true,
it won't let the user change it and it can receive its value from the pop-op
calendar, just what I need. Problem is, after a postback, value is lost.
So I think Javascript may come to the rescue here. Is there a way to make a
field "non user-editable" without setting the "readonly" attribute? Maybe a
trick to make the field reject focus?
I need to replace the captions with simple text for download speed purposes. This is controlled by a piece of Javascript written for me. I need to change the caption image for a text one.
The site is here: [url]
Is it possible to run through an entire table and replace all instances of select with it's value instead?
View 1 Replies View RelatedI have one little question.
<select name="curr" id="sel">
I need for every change of select replace <a> tag with something(href="#2", href="#3" etc.)
Consider the folowing html:
<div class="date">2010-01-30</div>
Using the .replaceWith Method how can I select the " -01- " and replace with "<span>JAN</span>"
I have searched the web and this forumn with no results. I need to replace the value in a second select menu with the value from the firts select menu. So if I select ACD from the first menu it should go thru all the option values in menu 2 and replace the '~' with 'Computing'
[Code]...