I am having problem with displaying data in fckeditor. I am opening clone dialogs that display forms from another page. Everything comes up fine but fckeditor is not displaying any data in it. This only happens on IE8, no issues on FF. If I view this page outside the jquery dialog everything works fine. So there is conflict between jquery dialog and fckeditor.
View 1 RepliesI have dialog clones that pull source from another file. I would like to have datepicker on these dialogs but I am not sure how to do this. I am able to do this on the regular dialog (non-clone) by using:
<script type="text/javascript">
$(function() {
$("#enddate").datepicker();
[code]....
The cloning of 2 elements WITH their events works untill we come into another event. Here is a part of the code:
var nieuweBehandeling
= $('#nieuweBehandeling').clone(true, true);
$('#nieuweBehandeling').remove();
[Code]....
Have a problem with correctly unload (destroy) FCKeditor object fromDOM, created through $.fck() plugin?I wana edit HTML content on fly. Double click to content block iscalled FCKeditor through you plugin. Button "Save" is post data toaction.php script. I want use Ajax for avoid reload page. Can I makebutton "Cancel" that make unload FCKeditor from DOM on fly.I tryed use $.remove() method, but any next call .fck() is failed.
View 1 Replies View RelatedI am trying to get FCKeditor to work on my website using php.
//basic editor:
$oFCKeditor = new FCKeditor('tech') ;
$sBasePath = $base.'admin/fckeditor/'
//$sBasePath = $_SERVER['PHP_SELF'] ;
//$sBasePath = substr( $sBasePath, 0, strpos( $sBasePath, "admin" ) ) ;
$oFCKeditor->Config['CustomConfigurationsPath'] = $sBasePath.'myConfig2.js'
$oFCKeditor->Config['EditorAreaCSS'] = $base.'styles/default.css'
$oFCKeditor->BasePath = $sBasePath ;
$oFCKeditor->ToolbarSet = 'Macarbi' ;
$oFCKeditor->Config['SkinPath'] = $sBasePath.'editor/skins/office2003/'
$oFCKeditor->Value = $tech;
where $base is: $base = '/home/public_html/'
this works fine on my development machine (Windows).
I upload to my prod server (Linux) and get a 404 error. (I changed the path and it is definately right. i have check about a million times!).
I try change the base to a relative url (./) and it seems to find it, but gives me a blank area. looking at the source it is doing loading and creating the correct code (the same as the code from my dev machine, but just with the relitive paths).
I know this isn't related to generic javascript but I didn't found a
group dedicated to the FCKEditor. I'm sorry for the inconvenience.
I'm desperately trying to set the focus into a FCKEditor component
(client side). I know that the FCK object exposes a "Focus()" method
(the capital F isn't a spelling mistake). The problem is I don't know
how to bind to this object from my container page (aspx). How can you
reference this object?
I am running FCKEditor 2.6.4 and am looking for a solution to insert onClick and onMouseOver external javascript into the anchor tags of my editor instances. This insertion would be handled via a toolbar button.
What I already know and have tried:
1. Know how to manually do this task in source view.
2. Already created the 2 javascripts I want to use, and proven they work when I insert the script in the editors source mode.
3. Already started making the plugin, but I'm lost on making the actual processing file as I do not want a dialogue window, just have the user click the button in the toolbar.
4. Already have created my fckplugin.js file and toolbar button.
As an example, here is what I have accomplished:
The standard image with its link is:
I already have a style class for the link, the styleclass sets 50% opacity until hovered at 100% opactiy, that was easily accomplished by applying the style to the Insert/Edit Link > advanced tab (after setting it in the editor stylesheet).
Here is what I'm trying to accomplish:
We start out with the same linked and styled image...
The user clicks the plugin toolbar button and the link source code is modified to the following:
I've been playing with some javascript code and have produced a very
rough proof of concept source code editor written in javascript (a bit
like FCKeditor). Its not ready for release ((L)GPL>2 when it is) but I
thought I'd ask for any guidance and tips.
The intention is to provide a language nuetral source code editor
writen purely in html and javascript so that it can provide code
highlighting/completion etc, eventually as part of an ajax(ish) IDE so
with fckeditor you can manage web sites completely remotely.
There is a temptation to try and use mozilla/venkman but I'd like it to
run on small handhelds too so I will stick to writing it in pure
Javascript/Html.
The intial plan is to produce a javascript editor and then a stylesheet
editor (using the CSS editor on Firefox may make this a low priority)
but I'd like it to be configurable for any language so almost any
coding can be done over the web.
Anybody know any examples of similar that I could plagiarise to get the
basic architecture right?
i have been working with jquery dialog for a while and am stuck on a new problem today.when i load a dialog, it is running the button functions when the dialog is opened.
$(function() {
var dialogopts = {
modal:true,
[code]....
I used the jquery modal dialog from the[url].... that is currently draggable from the title only. is there any way i can make
that draggable by inserting a div at the footer of the dialog or make it draggable from everywhere in the dialog.
Is it possible to have the jquery ui dialog close when clicking outside the area of the dialog? Like facebox?
View 2 Replies View RelatedI am trying to get a dialog box to open another dialog box. Clicking on "more search options" the first time results in opening a dialog box. Clicking "search" within the dialog box results in opening up a second dialog box. But this only works the first time I click on "more search options". In other words, the second dialog box only opens up only once. To get the second dialog to open again, I have to reload the page in the browser.
<!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>
[code]....
I would like to :1) create a new div with an ID2) clone the content of a div into the new div created To do that, I have this code :
var e = $(document.createElement('div')).attr("id","new_pathologie_"+i);
$("#pathologie").clone().prependTo(e);
This code doesn't work.
I'm a starter in using jQuery and I decided to work my way through the 'Learning JQuery' book from packt.Somewhere in Chapter 5 they use the clone() function with the false attribute. The JQuery version used in the book is 1.1.3a. With the clone(false) method the writer can clone only the matched element and not the descendants. And that works in 1.1.3a.I know that this is no longer the case in JQuery 1.4. Boolean is only for Event Handlers.But what is the new equivalent of this method? In other words. How can I clone an element with only the matched element and not it's descendants?
View 2 Replies View RelatedI have a block of HTML that I am cloning, as I want to manipulate it to remove an element, so that I can then append that new HTML somewhere else on the page.
[Code]....
Then in the jQuery, I have tried many different ways of removing stuff from that clone, but with no luck. E.g.
var cont = $('#container').clone();
$(cont).remove("copy_btn").appendTo("body");
There are no errors showing up in Firebug, but the html added to the bodu still contains the link with the id "copy_btn". Is this even possible? The api says that remove() will remove matched selectors from the DOM, so as this is just a set of elements is that the reason? If so, is there a way to achieve this, or would I have to append it somewhere on my page and then perform the manipulation?
I have a FORM with many elements, and some of them have names like "name1[]", "name2[]", etc..
I would like to create a button that, once clicked, will clone all the elements whose names end in "[]" (including labels, and select's options), giving them the same name (and possibly a different ID, but it's not important).
I am completely new to jQuery and almost new to javascript.
I came up with this code to clone the entire form:
<script type="text/javascript">
$(function(){
$('input.cloneMe').live('click',function(){
var f=$(this).closest('form').clone(true);
[Code]....
But how can i tell him to only clone the elements whose name ends in '[]' ?
i need to us instead of closest, but i really don't know what.
I have two elements:
<button type="button" id="thebutton">Click me.</button>
<input type="text" id="thetext">
That I use for the following function call:
ReloadElement($('#thetext'), $('#thebutton'));
The function is:
function ReloadElement(thetext, thebutton)
{
thebutton.mouseover(
[code]....
I'm using jQuery to created a linked TOC that appears in a dialog box. The function I wrote to do so finds all the h4's in the page and
[Code]...
I've been searching this forum, Google Groups, and Stack Overflow this morning but I haven't been able to quite find a simple way to clone a LI element (that contains form inputs with data,) and erase the newly created/cloned LI's form inputs.
The function I'm using at the moment looks like this:
$("a#add_template_item").click(function(){
$('#cs_' + ($('#sortable li').size()-1)).clone().removeAttr("id").attr('id','cs_' + $('#sortable li').size()).appendTo('#sortable');
});
(All that is doing in the code snippet is checking to see what ID to assign to the new cloned LI item...)
Has anyone been able to clear the input values of a newly-cloned item in jQuery?
I just found out that clone(true) and my masked input plugin aren'tplaying nice together.Inside of my plugin I grab a reference to eachobject like this: "var input=$(this);" and then inside of my boundfunctions, I reference "input". After a clone(true) the events thatfire on the cloned input act on original input.Does anyone have any suggestions/guidelines for how I can make myplugin behave correctly with clone(true)
View 4 Replies View RelatedI am trying to select (and then clone) an entire DOM structure excluding one div.
The DOM is stored in a variable like this: var original = $(this).closest("table.mainContainer");
The I try to exclude the div in the clone like this $(original).find(":not(div.container)").clone();
But the div is shows in the clone.
I'm attempting to design my first 'just-watch-it' canvas show, which fills in randomly each time you click start. Doing pretty well, but this is where I'm stumped:
I have an array of 10,000 coordinate pairs = absolute positions on my canvas. I have this monster array on its own 'page.js' and used a <link src="template.js .. to link it in the head of my 'canvas.html'
How do I instruct my script to make a working copy of it? I don't want to manipulate the template array, but my script needs to make a clone of it ...as what? a variable? an object? I don't know what functions to use. This clone will be manipulated and have indices removed one by one as areas are filled in on the canvas.
my template.js just reads:
canvasTemplate = ['H0V0',..................,'H99V99']
Do I need to identify as an element differently so jQuery can locate it?
Each time you click for a new 'show' it needs to run a function of cashing a fresh copy of this array to operate on.
I am currently using this function to clone rows in my table when a user clicks 'add row'
The problem is, obviously, cloning the row also clones any of the data that the user may have already entered. I need to just clone the elements of the row, not the user entered data. Is there a way to remove all data from a row before it is cloned?
Hereyou can find the whole example. By clicking onClick to Addyou will clone 100 times the elementtrackOn; then it will be append to the tabletracklistOn. Unfortunatly, if these elements are inside aformyou can see that the time is very high before the process is finish.If I remove the form, is quite immediate. Why this behaviour? How can I fix this problem? P.S. I don't know why, but I can't paste the whole code here. So follow the jsFiddle link please :)
View 2 Replies View RelatedI want to clone a DIV that conteins a set of input fields and I want to assign to the new cloned DIV and Elements progressive ID . . .This is what I want to do :
<Div id="Meal00">
<input type="text" id="Field00" value="">
</Div>
[code]....
how to clone a draggable item into center of the droppable zone?
try this...try to drag 3 images...are always append!!!
[URL]