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?
I'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 my example the focus should only jump to textbox2 if you press the tab
key and if ཇ' is in textbox1. That works fine.
However if you enter e.g. ཈' in textbox1 and click on 'Link', Mozilla
shows the alert 'Wrong numer' but also jumps to 'www.google.com'.
Opera and IE don't do that what's in my opinion the correct behavior. Code:
had this in browsers areas but people told me I should put it here in Javascript because more people here would probably have seen it before and know why it happens. I have basic Javascript that rotates images. I've noticed any kind of Javascript code that rotates images has this same problem only in Mozilla. When the images rotate in Mozilla in between the rotations, Mozilla browser adds a little colored square that represents a blank image that are able to be seen does anyone know why Mozilla Browser adds that? For example when looking at this page in Mozilla can see it. if you know if this is some Mozilla problem with Javascript and images. Doesn't happen with IE and other browsers shows the images only and nothing else.
View 2 Replies View RelatedI'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:
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 RelatedIn 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 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.
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've a BIG Problem With a HUGE JS application , i'm modifying its javaScript code to work on both IE/Mozilla , currently it works fine on IE but not on Mozilla.
My main Point now is events.
Lets try with a little module, consider this function :
And it is attached in this place like :
This works fine in IE , i want to modify it to work on Mozilla.
I 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 found a lot of scripts out there that will display an alert box when a visitor closes their browser or tries to leave your site. Personally I find that a really annoying tactic, and virtually useless, but I have now found myself in a position where such a thing really makes sense to use. Unfortunately, I can't find a ready-made script that meets the specifications I need.
I need the script to recognize when the browser window is being closed, or when the visitor tries to navigate to a different domain name than mine. I'd want to have a "OK" and "Cancel" button available. Clicking "OK" sends them to specific URL, regardless of where they were headed or if they were closing their browser. Clicking "Cancel" lets them continue as they were.
We want to pop up an exit survey, just a general "what did you think of our site" sort of thing. I did the code that when you go to another page it pops up, but that's not great.
Is it possible to, and if so can anyone please tell me how, to have the window popup only when the user closes the window, or navigates to another website. But of course don't want it to pop up when navigating our own website.
Need some script that alerts "Are you sure you want to leave this website ... some stuff..." when the user closes the browser (leaving the website for the 1st time)
View 2 Replies View RelatedI'd like to make a game-like interactive animation with javascript. A car of some sort that will be able to move in all directions is something i have no troubles with. But on top of that i would like to add a trail that this "car" of mine would leave behind it.Keeping in mind that the car is able to move in all direction (by which i mean any angle, not just up-down-left-right), how would i make the parts of the screen that the car "ran over" to have a different color or something, and preferably leaving the option of calculating the surface area of the trail?
View 1 Replies View RelatedI have a company that gives me this URL to send an SMS [url]...
What I want to happen is that when the submit button is pressed and eMail is sent to the admin and at the same time an SMS is sent. I have the code to send the eMail , but would like for the URL post to be done in the background or silently without moving off the site.
I've got a form that's nested in a larger application. I need to
program it so that the user is warned to save upon clicking on any
exit point in the application.
So, if they click on any of the nav buttons in the header/nav bar,
they need to get an alert:
"Would you like to continue without saving your changes?"
_Yes_ _No_
It would be a big pain to retrofit the application's nav
buttons/framework for just these forms, so I'm looking for a solution
that doesn't require editing the source code of the application's
existing navigation.
What are my options?
I'm currently trying to refresh a DIV on my page that is linked to MYSQL (changes if database has 1 or more rows) without refreshing the entire page, I've tried using javascript although it didn't seem to work and so Im back to the drawing board, Im not very experienced with Jquery or Javascript to do it on my own, I only know PHP, CSS, HTML the easier ones
how I could possibly go about this... - I don't want to use Iframes either as the the div is a button which opens a hidden div on the page (parent page) so I don't think iframes would be best either
Lets say you have a blog and users need to log in before leaving a comment.( This is simplified. There are reasons log in is required here. )I would like to have a link that says "log in to comment".Upon clicking it, a pop up layer comes up.After logging in, the comment box appears.I would like this to all be silky smooth and seamless.Can someone outline the method you would use using jQuery to do this?
View 5 Replies View RelatedMy problem is I want to have all the links display in my website itself. That is, if I gave a link to CNN.com, that webpage should display under my logo, menu etc. Hope u can understand and help with my problem.
View 12 Replies View RelatedI'm trying to write script for a popup when an external link is clicked telling the user they are leaving the site bla bla and the bank isnt affiliated with the link and do they want to leave "yes" or "no" I see a ton of variations of this online but I cant find one that prevents the external site from loading so the user can decide yes or no on the popup. And the popup will have to be an html page, not a 1 line question so I dont see how 'confirm' would work...
View 8 Replies View RelatedI have a customer with an existing classic ASP web app that I have inherited, and he now wants the app to send him an SMS/Text when ever someone posts a comment on the site. I have found a 3rd party provider where by I can send a SMS just by posting to the following URL [URL]..nator=LogicSMS but that would mean that when the customer posts a comment then they would have to leave the site for the SMS to be sent.
I would like the data to be sent to the logic SMS site with out the customer having to leave the site, I am going to assume via some sort async post. I know little to stuff all about Java coding, but I know that this should be possible, so please supply me with an example of how to achieve this.
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 am wondering if it is possible to have a popup form on entering a page and have users answer say maybe 3 questions and upon hitting submit for the 3rd question the survey hides and then on leaving the page to browse to a new one or on closing the browser the form would pop up again for users to answer a few more additonal questions.
View 1 Replies View RelatedI would like to know how to display a confirmation message when a user attempts to navigate away from a page. For example, if a users clicks the X to close the window, or chooses another link from his favorites, I want to display a message that says something like "Are you sure you want to navigate away from this page, click OK to continue, or Cancel to remain on this page."
I noticed this on meebo.com. After you log in, when you try to close the window you get a confirmation dialog like I describe above. I didn't think this was possible to show a confirmation dialog using the onunload event, but I could be wrong.