Update Tag Elements In DesignMode?
Apr 11, 2011
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]...
View 1 Replies
ADVERTISEMENT
Feb 14, 2011
I am fairly new with jQuery and am trying to figure something out. I am trying to update multiple SPAN elements on my page using the $.get function. So far this is the code I have...
I can loop through and verify it is catching all of them
This outputs the data I am expecting from the GET
How can I set the data returned to the innerHTML of the current span element in the loop?
I have tried $(this).innerHTML and this.innerHTML, but neither worked
View 6 Replies
View Related
Dec 18, 2010
The general outline is that I have part of a page that deals with the addition, editing and deletion of upcoming events. Data is stored in a MySQL table. The form design (in traditional terms) would be very simple requiring three fields, one for the Event Name, one for the Event Description and one (hidden) to identify the UniqueID of the event in the MySQL table. (As the reference to make edits.) The table therefore has 3 fields. (There are more such as Timestamp, clientID etc, but they are not important here.)
I envisage three functions, one to add, one to edit and one to delete the event listed on the page. I have 3 php files eventadd.php, eventedit.php and eventdelete.php which speak for themselves.However, this is where I have the problem. What I have been doing is returning the xmlhttpresponse as a formatted HTML page for the two 'form' elements because whilst I can return unformatted text containing the relevant fields in one response, I don't know how to break that down into two sections for the innerHTML of the two 'form' elements that change.
Returning a formatted page does work, but as well as being slower than neccessary, I am also running into character-set encoding issues and I just know that I am not doing this properly. I can supply code and things, but I have a feeling that this problem will have come up somewhere and probably has a recognized solution because to me it seems to be such an obvious requirement to be able to populate several form elements with fields from one recordset.
View 4 Replies
View Related
Jul 23, 2005
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:
View 3 Replies
View Related
Feb 8, 2007
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 Related
Feb 23, 2011
I can have a unlimited set of list items and form fields (limited) in li:
<li id="apr1">
<textarea class="thisistext">blablabla
View 4 Replies
View Related
Jun 23, 2005
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).
View 4 Replies
View Related
Apr 20, 2010
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.
View 3 Replies
View Related
Nov 8, 2006
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?
View 2 Replies
View Related
May 17, 2010
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.
View 2 Replies
View Related
Jun 5, 2009
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 Related
Aug 5, 2009
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.
View 4 Replies
View Related
Oct 12, 2010
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]....
View 4 Replies
View Related
Mar 14, 2010
I have a page I am working and I am having some trouble with: I need to show and hide areas based on a radio selection. I initally started using the show / hide feature in Jquery but the problem is the elements need to be removed but then put back if the user selects the radio buttonagain as it has form elements that have validaion on them. The validation is still trying to validate the form elements becuase they are still on the page but just not showing. This is the radio group the user makes the selection from:
<input name="terms_usr" type="radio" id="terms_usr_1" value="1"/>
<label for="terms_usr_1">Credit Card</label>
<input type="radio" name="terms_usr" id="terms_usr_2" value="2"/>
<label for="terms_usr_2">C.O.D</label>
[Code]....
View 3 Replies
View Related
Jun 3, 2010
I have HTML tags stored in XML. I want to be able to use these HTML elements with Javascript, just as you can with elements in document.body. How can it be done? (And don't try and tell me I should use server-side because I have written it all for Javascript and the project is nearly complete minus this and there are practical reasons for not doing this server-side. After all, anything is possible with Javascript!)
Let me explain:
- I have HTML templates such as this [URL]
- I want javascript to populate these templates then add them to my page
- The only way I know javascript can get this kind of data is by parsing XML
- I want to parse the XML then be able to use the HTML elements just like those in document.body
- As far as I'm aware, XML is the only good way of storing data for javascript. I don't want to store it in javascript variables (too much multiline data with " and '). Nor do I want to build it using document.createElement("div")... etc
As someone not yet with any experience in computer science etc, please ignore my poor terminology! However, I'm not a beginner when it comes to javascript.
Here's the script concerned but I doubt it'll help you understand my problem: [URL]
View 6 Replies
View Related
May 24, 2010
So i've got a form that adds an element onto the page. This is working. When I try to remove said elements, that works. But the same 'delete' button doesn't work on elements not generated by javascript.
Code JavaScript:
function destroyQuickTask() {
$.post($(this).attr("href"), null, null, "script");
[code]....
View 6 Replies
View Related
Aug 22, 2009
I am trying to get the value of a string in a div that is updated when a selection from a dropdown is chosen and assign that to a var.
When the page is created I have:
<div id="product_price">$123</div>
When a selection is made from the dropdown I change the display price with a function that returns:
document.getElementById('product_price').innerHTML = currency_symbol+price_format(price < 0 ? 0 : price);
I need to have a var that is updated when the price changes.So var prod_price = document.getElementById('product_price').innerHTML needs to be updated as well.The var is set fine when the page is crated but does not update when the dropdown is selected.
View 1 Replies
View Related
May 25, 2006
I am trying to track links that are clicked on an "external" page that
resides within my iframe.
I am able get the INITIAL value of the iframe .src, however this value
does not update once the content has been updated by clicking the
external link. It keeps the original value of .src..
View 2 Replies
View Related
Nov 8, 2010
I am setting up a html page in which there is a button. When clicked I want to replace the contents of a div. The issue I am having is that my new content does not appear to stick...I click the button see the div update for less than a second and then revert to the old content.
[Code]..,.
View 1 Replies
View Related
Jun 26, 2010
How can i update only inside div using GET?
After i click the link i recieve new text form update.php and i would like to replace the text inside this div?
View 4 Replies
View Related
Oct 18, 2009
I'm somewhat new to JavaScript and for my website, I decided to make a clock for the website in this format:
Saturday, October 17, 2009 5:56:14 p.m. The only issue is that it won't update every second. Below is the coding:
External JavaScript:
function dateClock()
{
// Coding
}
setTimeout("dateClock()", 1000);
[Code]...
View 4 Replies
View Related
Feb 26, 2007
Is it possible to refresh a iframe when a user changes the value of a select box. I want a user to be able to change a month and year option group and onchange it should refresh an iframe with a small calender in it.
View 1 Replies
View Related
Aug 19, 2006
I need a way to update the height of an element using Moo.fx rather than use .toggle() to toggle between the height and 0.
The reason for this is it's on an AJAX search and so I need to update the height of the listing of results when a new search is made. As it is at the moment, with .toggle(), a user would have to submit the search twice in order to see the results (1st search would hide the results, 2nd search would show the results to the new size).
I've tried using setTimeout like so, but it still requires submitting twice...
setTimeout("sSearch.toggle()",100);
sSearch.toggle();
Actually it would probably be better to toggle the current results to height of 0 then show the new ones, but only on one search.
View 2 Replies
View Related
Feb 1, 2005
I have two DIV frames...
<body>
<div id="leftcol"><?php include("navL.html"); ?></div>
<div id="content"><?php include("content.php"); ?></div>
</body>
and in the leftcol DIV frame, I have navL.html file loaded.
This is the content of the navL.html file...
HTML Code:
<script type="text/javascript">
<!--
function load(arg)
{
alert(arg);
document.getElementByID("content").src = arg + ".html";
}
//-->
</script>
<a href="#" onClick="javascript:load('test1');">test1</a>
<BR>
<a href="#" onClick="javascript:load('test2');">test2</a>
In there I have two links which I want to use to update the content DIV frame with either test1.html or test2.html depending on the link that is clicked, but somehow it is not working..
View 1 Replies
View Related
Jun 17, 2007
I have a fav.css file with class .favBg
.favBg
{
border: 0px;
padding: 0px;
margin: 0px;
width: 100%;
position: absolute;
background-color: #000000;
opacity: 0.5;
filter: Alpha(opacity:50);
}
Here i have made a javascript that calculates both window height and scroll height, and another function which adds both the window height and scroll height, so i got total page height.
JavaScript Code:
function pHeight()
{
var pHeight = scrollHeight() + windowHeight();
return pHeight;}
what I want to do is to update the height of class .favBg with the value of pHeight(), as each page in the site are of different length. Yes, i'm trying to do 100% page height faded background, Just like in Sitepoint Marketplace's "My Shortlist". Basically I'm doing a "My Favorites" list just like Sitepoint Marketplace's "My Shortlist".
View 9 Replies
View Related
Mar 10, 2003
I'm trying to "combine" PHP and Javascript to a possible workaround.
I have a test form with two objects;
- a text field
- a drop down box; the items are stored in a MySQL table
In PHP I can adjust the items of the drop down box by submitting the form (button) and querying the results out of the database.
In Javascript I can do this without a button to submit the form.
But I have to include all possible values (>1000) for the items in the script...
Is there I way to combine the two (on leaving the text field, the items in the drop down box should being build from a MySQL database using the value of the text field...)
Can anyone help me out here?
View 2 Replies
View Related
