I am new to Javascript and am working with Ajax. I am building a content manager for my site, and I have an instance of CKEditor. I was wondering what the javascript would be to get the value of the textarea. Normally with a textarea I use formname.elementname.value. When I use that with the CKEditor I get a null value.
View 1 RepliesI am building a content editor with Ajax and am working on submitting content. I have a form built with a CKEditor element and I was wondering how to get that with Javascript to submit with my post.
View 3 Replies View RelatedI have a cms page that uses multiple instances of ckeditor. In the previous version of this cms we used FCKeditor. The problem is that we cannot get the value of the specific ckeditor instances. The ckeditor documentation says that I can get the value of an instance like this: CKEDITOR.instances.editor1.getData() This assumes that my ckeditor instance is associated with a form field called "editor1". My question is, how do I modify the code so that "editor1" is a variable?
View 2 Replies View RelatedI've been bashing my head in a vain attempt to achieve the desired result... i.e. having the ability to catch an event inside of an iframe, generated by CKEditor... all in all, I've tried numerous ways to reference the iframe itself, and I've managed to succeed... though catching an event still remains a dream. Google turned out to be less than helpful and well.. CKEditor's own event listeners really don't do a whole lot of good either (Not for me anyways). The code is being tested with the sample provided with the plug-in... for double-click on div to begin editing it. Here is the code I have at the moment:
iframes = document.getElementsByTagName("iframe");
iframes[0].contentWindow.document.body.onkeypress = function () {
alert('Event caught!');
}
Obviously, the alert is there for testing purposes, but so far I've been unable to get it to fire.
i in my project use of CKeditori need Access to event save itnamely i want user on click on button save i do a action
View 2 Replies View RelatedDoes anyone of you knows a good free CKEditor + CKFinder alternative?
View 2 Replies View RelatedI'm using the editor CKEditor [URL] for my forum that I developed. When I create a new topic in my forum is so good, now when I see the issue that the images you upload do not see and I look at Funt code looks like this:
<img alt="" src="http://tecnolatino.com/wp-content/uploads/2010/08/comprar-una-c%C3%A1mara-digital.jpg" style="width: 547px; height: 320px;" />
The first time I open the page, everything is running. I press the edit button to edit the subject, and div is showing. I am using CKeditor and first time i can edit my post. Then when i press edit button again, doesnt show ckeditor's div and textarea. Only show status div. And It wrote "succesfully".
I will use screenshoots...This is for First time to click edit button...
And When i click submit button ...is writting "Loading" then "succesfully"on background..
And When i click edit button again.... Only writting "succesfully"..
My codes...
Submit Click Event
Ajax codes:
I have a textarea which uses ckeditor to make it a wysiwyg. I also have a bit of JS which watches the ckeditor and when a user types into it, whatever they type appears in a div elsewhere on the page.My ckeditor allows the text to be bold, italic, underlined and resized. When I apply styles to the text in the ckeditor textarea, I want them to reflected in the div which updates. At the moment only underline and resizing the text works. Choosing bold or italic does nothing the text updates ok, but no bold or italic. I've been told: "Ckeditor is using strong for bold, em for italics. My guess is that the browser or framework you are using doesn't apply bold and italics styles to those tags. You'll have to do that yourself."
I've tested on several browsers, I checked in FF Opera Safari Chrome IE8 & IE9 and its the same in all them. Underline works, resize works but neither bold or italic do. (Interestingly in IE7 bold and italic do work as well as the size and underline! What's going on with that?!?) So I assume it is the framework? Can anyone tell me if this is right and if so, how do I go about doing that myself?
I have a textarea which uses ckeditor to make it a wysiwyg. I also have a bit of JS which watches the ckeditor and when a user types into it, whatever they type appears in a div elsewhere on the page.My ckeditor allows the text to be bold, italic, underlined and resized. When I apply styles to the text in the ckeditor textarea, I want them to reflected in the div which updates. At the moment only underline and resizing the text works. Choosing bold or italic does nothing the text updates ok, but no bold or italic.
I've been told: "Ckeditor is using strong for bold, em for italics. My guess is that the browser or framework you are using doesn't apply bold and italics styles to those tags.ou'll have to do that yourself."I've tested on several browsers, I checked in FF Opera Safari Chrome IE8 & IE9 and its the same in all them. Underline works, resize works but neither bold or italic do. (Interestingly in IE7 bold and italic do work as well as the size and underline! What's going on with that?!?)So I assume it is the framework? Can anyone tell me if this is right and if so, how do I go about doing that myself?heres the JS I'm using to update the div:
Code:
<label for="editor1">Background Story</label>
<textarea id="editor1" name="editor1">This is sample text
I have a textarea which uses ckeditor to make it a wysiwyg. I also have a bit of JS which watches the ckeditor and when a user types into it, whatever they type appears in a div elsewhere on the page.
My ckeditor allows the text to be bold, italic, underlined and resized. When I apply styles to the text in the ckeditor textarea, I want them to reflected in the div which updates. At the moment only underline and resizing the text works. Choosing bold or italic does nothing :( the text updates ok, but no bold or italic.
I've been told: "Ckeditor is using strong for bold, em for italics. My guess is that the browser or framework you are using doesn't apply bold and italics styles to those tags. You'll have to do that yourself."
I've tested on several browsers, I checked in FF Opera Safari Chrome IE8 & IE9 and its the same in all them. Underline works, resize works but neither bold or italic do. (Interestingly in IE7 bold and italic do work as well as the size and underline!
heres the JS I'm using to update the div:
<label for="editor1">Background Story</label>
<textarea id="editor1" name="editor1">This is sample text
Any body succeed in adding file browser option to standard CKEditor developed completely with JavaScript.I have followed the link [URL]. it is too complex to understand.If any succeed with this or adding file browser option to simple notepad app
View 1 Replies View RelatedI did find the javascript twice in my code, once in the header and once here, so i removed it from the header. I also changed to src to the full url. But i am still getting this and i dont know why. the file is located in the root directory. found a solution. basically Internet Explorer is crappy and doesnt like the setAttribute property so had to change the onchange handler by directly changing the attrbute for the object like so.object.onchange = function() {}i have no idea what they means, does that mean i need to change swfobject.js or does that mean i have to change my xml request. and if it is the swfobject i have no clue what they mean or what lines
View 2 Replies View RelatedI've been trying for hours and I can't figure out why IE6 is throwing an derror on the following line of code.
Code:
var parts = rgbString.match(/^rgb((d+),s*(d+),s*(d+))$/); This is the function:
Code:
function rgbToHex(rgbString)
{
var parts = rgbString.match(/^rgb((d+),s*(d+),s*(d+))$/);[code]....
And this is the error:'null' is null or not an object
I have problem with event listening in CKEditor. I searched these forums for answer, but I didnt found it.
I need someting like "onkeypress" on textarea for CKEditor. If I think well, I can must use "DOM" of CKEditor, because it is not simple textarea - but I am lost here. I really dont know how to do it. I need simple draft saver - onkeypress will launch a function which will check if timer is on. If yes, return false. If no, use ajax to save content of textarea.
These 2 lines caused an error in IE5. The error is "Function expected". Why?
var d=new Date();
document.write(d instanceof Object + "<br>");
I have some links that open a window, when this window is open various php processes are carried out and it sets serveral global variables. The problem i am having is users, you can't just tell them to have one instance of the window open you have to enfore that rule and i am having a problem doing that.
i have this code:
function launch(newURL, newName, newFeatures, orgName) {
var remote = open(newURL, newName, newFeatures);
if (remote.opener == null)
remote.opener = window;
remote.opener.name = orgName;
return remote;
}
and this function is called upon by another function Code:
I've been searching and playing with this script for the past few hours and finally got it work!
Code:
<script type="text/javascript">
function fnSelect(objId)
{
fnDeSelect();
[Code]......
I put a long script but the problem is small.
var book1 = bobj1.value;
var chapter1 = cobj1.value;
var verse1 = vobj1.value;
var book2 = bobj2.value;
var chapter2 = cobj2.value;
var verse2 = vobj2.value;
[Code].....
I don't know if this is written properly: if(bcv[a]!= ""){ The reason this is happening is because the error shows: Error: cobj1 is null Source File: [URL]
I'm trying to use a variable that is passed into a function to to dynamically name an instance of an Object(). I've created a Timer() Object that seems to work just fine... the problem is I can't figure out how to pass in an instance name into setTimer() to create a new instance of Timer() object?? My ultimate goal is to have multiple instances of the Timer() Object running at once. While the code below works it only allows me to create 1 instance of the Timer() Object with the name of tmp. Code:
View 8 Replies View RelatedI have a String instance which contains the name of a class. Is there some way I can instantiate that class from given the class name in the string?
View 4 Replies View RelatedI have a script like below
Code:
<script type="text/javascript">
var monthtext=['January','February','March','April','May','June','July','August','September','October','November','December'];
[Code]...
Only the second calendar is taking effect. All the dropdowns in calendar1 is empty. Please help me.
My code is in the attachment alex.txt.When i press the button for first time it gives me error: 'null' is null or not an object. But when i press it again or refresh the page and press the button it gives me the result that i expect.When i change the var pdbfile1,2,3 values(for example with 2x4n;3gis;1crn) and press the button again there is the error again and i have to refresh the page again.
View 7 Replies View RelatedI have the following code running in FireFox 1.5 (a remote XUL
application):
var req = new XMLHttpRequest();
// execution will block until request is
completed
// third param set to false makes request
synchronous
req.open(strMethod, uriTarget, false);
if(strMethod == "POST") {
req.setRequestHeader('Content-Type','application/x-www-form-urlencoded;
charset=UTF-8');
}
req.onreadystatechange = function () {
if (req.readyState == 4) {
if(req.status == 200) {
strResult = req.responseText;
xmlResult = req.responseXML;
}
else {
strLastError = uriTarget + " returned http error code " +
req.status + "
" + req.statusText;
if(intVerbosity > 1) throw new Error(strLastError);
}
}
}
req.onerror = function() {
strLastError = uriTarget + " fetch failed while " +
arrReadyState[req.readyState];
if(intVerbosity > 1) throw new Error(strLastError);
}
req.send(strRequest);
By the time it gets to req.send() (at the bottom) all the callback
functions like req.onerror still have values of null. I've verified
this using the Venkman debugger with req as a watch variable.
the code is clearly assigning functions to those callback function
objects. Any idea why they are all turning up null?
I have a javascript object which dynamically generates a table adding, deleting and moving rows as the user clicks on buttons or links. Problem is when I generate a table row and add the javascript method call to my class, I have to put the object instance name variable of the class in order for it to be called from the onclick=function(). This is seriously limiting, but I'm stuck for a way round it. Heres a edited of the code so you get the idea....
Instantiating the object :-
var dtl = new DynamicTableList("table1", $
{myObject.allFieldsAsJavaScriptArray}, true, true, true);
My javascript class DynamicTableList, note the dtl javascript object
instance variable being referred to in the addRow function. How can I
avoid this???
function DynamicTableList(thisObjName, tableName, options, showDelete,
showUp, showDown)
{
this.processRow = function(r, row, up, down)
{
...
};
this.processRows = function()
{
...
};
this.getVisibility = function(visible)
{
...
};
this.delRow = function(button)
{
...
};
this.addRow = function(selection)
{
...
if (showDelete)
{
var cell2 = document.createElement('TD');
var inp2 = document.createElement('IMG');
/
************************************************** ***********************************************/
inp2.onclick=function(){dtl.delRow(this);} // Have to specify
dtc!!!!!!!!
/
************************************************** ***********************************************/
inp2.title='Delete'
inp2.alt='Delete'
inp2.src='images/delete.gif'
cell2.appendChild(inp2);
row.appendChild(cell2);
}
...
tbody.appendChild(row);
this.processRows();
};
this.moveRow = function(node, vector)
{
};
}
Obviously the code dtl.delRow(this); is being dynamically generated, but how do I replace the dtl instance name with something that'll work whatever the user of this class calls the instance of it!
I have a client, let's call them "BuyNow." They would like for every instance of their name throughout the copy of their site to be stylized like "BuyNow," where the second half of their name is in bold.
I'd really hate to spend a day adding <strong> tags to all the copy. Is there a good way to do this using jQuery?