I'm trying to build a web page where the user can insert text dinamically. When the user hits a button, a new text box is created and the user can insert text into it.
It's working nice with Firefox 1.0, but it's not working with IE 6.0.2800.1106 (W2K SP4) Code:
I have a few DIVs which contain text, and when the user double clicks on them, I want the DIVs to change into an interface where he can edit that text. So far, I managed to document.createElement and IFRAME and attach it to the DIV successfully. I could only get IFRAME.contentWindow.document.designMode = 'on'; working in IE. Here's the code: ("this" - is the DIV element)
[Code]...
As you probably can see I am also trying to set the DIV's innerHTML (the text, basically) as the editable text inside the IFRAME, but this too is not working.
is it possible to set document.designMode = "on" for an iframe element that is loaded into a page with AJAX? I've been searching for a solution for hours, it can't be set with <body onload=> since the page is already loaded, and window.onload does not work. Any ideas?? The reason i need to do this is because I have a web app that includes a multipage form and the pages of the form are controlled with XmlHttpRequest, i need the iframe element that is loaded to act as a rich text editor.
View 1 Replies View RelatedI'm creating a text editor in the browser.
If the user presses enter and their cursor is in the middle of a <p>, i want to insert a <br> tag. If their cursor is at the end of the <p> tag's innerHTML, then i want to insert a new <p> tag.
I can insert both tags as I need, but I can't find a way to get the position of the cursor relative to its containing tag (just assuming there's no other markup in the <p>'s innerHTML, so that selection.parentElement() will return the <p> tag).
In the code below I have an iframe that acts as a WYSIWYG editor. On load a link is loaded inside the iframe. When you click the link a div opens that displays the URL of that link. Upon changing the link inside the DIV I want to update the href tag that I clicked.
I've experimented with pasteHTML/execCommand("inserthtml") however this only updates the link when you select the text before clicking (as opposed to just clicking on the link), otherwise it inserts a whole new link.[code]...
I'm rewriting a cms for Mozilla and it uses designMode. My problem is
that the cursor can leave the editing div-element so the functions
don't work correctly.
How can I prevent the cursor from leaving this html-element?
Ok well I am trying to insert a youtube video into an iframe with designMode on so I have been doing":
Code:
iframeDoc.execCommand("inserthtml", false, "<object width='480' height='385'><param name='movie' value='http://www.youtube.com/v/xlTyCymEM9g&hl=en_US&fs=1&'></param><param name='allowFullScreen' value='true'></param><param name='allowscriptaccess' value='always'></param><embed src='http://www.youtube.com/v/xlTyCymEM9g&hl=en_US&fs=1&' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' width='480' height='385'></embed></object>");
However, it will not show the player at all.
I have a web app where I have created a div to masquerade at a textarea so I can add highlighting according to so rules. I rely on setting designmode=true. After certain amounts of idle time my code grabs the text from the div, which consists of tags and <span> tags and re-generates the html with new spans. The paragraphs and text stay the same. So far so good. But when the div "repaints" the insertion is set to the beginning of the div. I want it to visually stay put, meaning I need to somehow record where it was before nd then restore it afterwards. Problem is, I can't seem to get my head wrapped around how selections (Ranges, etc.) work. I've been googling around for the last day or so and have not yet seen the light.
View 6 Replies View RelatedI am trying to create a WYSIWYG editor for my site, but seeing as how every browser gives different results when using the execcommand method, I am trying to do my own insertions instead.
What I would like to do is create an iframe with designMode On to enable editing of the frame, but when someone does a command to bold text, I want to make a method which enters <b>Some Highlighted Text</b> into the frame where the user highlighted so it would appear bold and the source would have the <b> tags.
My issue is I have been unsuccessful in learning how to take the selected text within an iframe and surround it with tags. I was able to accomplish this in Internet Explorer using this code:
Except the resulting text would actually have the <i> tags appear, and the source would be:
Pretty retarded if you ask me since in no way did I want it to convert the tags into entities.
Anyway, if anyone could please direct me to a method in which I can successfully take selected text within the iframe and surround it with HTML tags in such a way that the formatting will actually show.
I've been able to successfully add event handlers to an iframe where designMode = "on". The scope of these events are at the document of the iframe (contentWindow.document). What I would like to do is actually bind events to elements w/in the document while designMode is on. I have tried various methods like using find(), bind() and or live() but seem to have hit a road block. I have tried the following w/nosuccess. In the examples below .doc() returns the iframe's document.
$('#myiframe').doc().find('li').keypress(fn);
$('#myiframe').doc().find('li').bind('keypress',fn);
$('#myiframe').doc().find('li').live('keypress',fn);
[code]....
I've the following AJAX code:
[Code]...
This code works to insert a MySQL record to a Database using AJAX. It works fine on IE, but it's not working on FF or Chrome. When I test it on FF/Chrome, i just get the text "Just a second..." and it doesn't advance from there.
All Code Working fine in Firefox and Google Chrome, But in IE nothing happened Ajax Function IN MAIN PAGE
<script language="javascript">
var xmlHttp
function showBabyId(str)
{
xmlHttp=GetXmlHttpObject();
[Code]...
The Open Window in Javascript is not working properly in Firefox but is working in IE. What could the reason be?
[Code]...
I am working on a Javascript application and i am facing a strange behavior of the application in IE. I am creating a table at runtime using DHTML and registering event for the table row click. When i deploy this application on web server and browse the application, the events fires in firefox and chrome but in IE the events are not fired. If i browse the application from the server with localhost, the application triggers the events and fails when i use machine name.
The following is the source code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
[Code]....
I am trying to create 3 boxes with 2nd select box content to be uploaded on the basis of value selected in first box and third box list should be uploaded on the basis of value selected in 2nd box.i have written coding for that as below but it is not working .
<html>
<head>
<title>Search Website</title>[code].....
I was using JQuery 1.2.6 but after I downloaded the version 1.4.2 I get the following error on FireFox: uncaught exception: Syntax error, unrecognized expression: .
View 1 Replies View RelatedI have are created dynamically buttonset toggle radio button with following code. All is working okay but just I have added onclick function which is doing window.location which is working with FireFox but not working with IE and google chrome.
<script type="text/javascript">
var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
$(function () {
$('#btnSet').buttonstrip();
[Code]....
hereis the html file and javascripton click of this button a
[Code]...
I have an input text field with an add/submit button - it's purpose is to add tags to an article created in a CMS. Whenever a tag is entered
1) I am using a click listener on the submit button
2) and am calling Jquery.load() to perform some checks/validation and
4) add the tag to the database
5) then retrieve the new set of tags for that article and inject them into the DOM.
Therefore there are two click listerners in my header:
1 for the submit button:
$('#tags_submit').click(function() {
var tag = document.getElementById('tags_search').value;
var article_id = document.getElementById('a_id').value;
$('#tags_results').load(submit_link, {tags_search: tag, a_id: article_id});
[Code].....
I just realized that it seems like Internet Explorer doesn't get Javascript to work locally but only on a live site how can I get Internet Explorer to work locally? as well as live? For testing purposes. Everything runs right in Mozilla Firefox.
View 8 Replies View RelatedJS settimeout is not working in Mozilla but working in IE
View 3 Replies View RelatedI have a jQuery code to allow users to login using a lightbox [URL] and immediately start downloading files, without being redirected or having the page reloaded. It's perfectly working in Firefox but Internet Explorer keeps showing the login box until I reload the page
[Code]...
I have a website that lists the movies I have on my computer and then when you click on a link for that movie, it retrieves information from IMDB. The code is in testing but for the most part it works.I was wondering if anyone knew why the following JavaScript would work on Firefox but not in IE. I develop on Linux, and I know there are IEs available for Linux, and I have used them before. I will be sure to track down the issue later, but from the resources I've been using, this should work in both major browser types (standards compliant and microsoft).The code is very dirty, and I have started an object oriented rewrite, but if I don't have the proper DOM skills for IE in this spaghetti code then I doubt anything is going to change putting it all into Objects.
JavaScript Code:
Original
- JavaScript Code
[code].....
Let me say ahead of time I haven't the slightest clue how to write JavaScript, I've been copying and pasting for 12 years the same code and it's always worked.Right now, I'm having an issue with 2 of the 4 button graphics not doing the hovering effect they're supposed to. I DID do a search for this and couldn't find it so please forgive me if it is indeed here somewhere.Again, to be clear, 2 of the 4 images ARE going to the 2nd image when hovered over. 2 aren't and I can't figure out why. I've tried JavaScript validators linked from this very site but what they tell me is Greek to me.It's images 3 and 4 that aren't doing their hover effectsHere's the code: (I PRAY I posted this code right. If not, I'll try to fix.)
Code:
<SCRIPT TYPE="text/javascript" language="JavaScript">
<!--
[code].....
Suppose,closing the browser through Browser Close Button(Top Right Corner cross(x) button), i have to execute some ASP script , for that, in body onUnLoad Event calling a fucntion called CloseWin(e,frm), it is working in Internet Explorer successfully , But in FireFox not working. how to solve this problem. or any other way to get the co-ordinates of browser close button( code for both IE and Firefox).
code follows
function CloseWin(e,frm)
{
//frm required for my program
var bButtonClicked = false;
[Code]....
Have JS that works in Safari, IE but not FF.Very simple code:
<script>
function callFunction()
{
if (eb.TobaccoProds.checked == true)
[code]...
When user clicks (or doesn't click) checkbox in form, the JS sends them to either page above.FF error console tells me that eb is not defined.eb isn't a var, so should not be defined.