JQuery :: Hiding Icons On WYSIWYG Editor Until User Click On It?
May 25, 2011
I am using CuteEditor for my WYSIWYG text editor. I like to hide all the icons until the user click on the textbox editor. Is there a way to do this in jQuery?
I'm thinking about something like this one: [URL] I tried to google, but unluckily I didn't find anything concerning this topic, then I tried to understand the code of the example linked above and realized that somehow an iframe is loaded. I couldn't manage to find out whether it's just in case of compatibility issues or the final solution. If latter comes true: why are you using a <div> element in the markup then and what's this all about this <textarea> solution (I've heard of this some time ago when looking for jQuery WYSIWYG editors) basically i'd like to understand how it is working, as I'm following the "learning-by-programming"-principle
For my projet I need to creat an editor WYSIWYG (as CKeditor or WYMeditor [jQuery]) and after must research i see editor need iFrame for functioning.I don't understand when i can access to ifram..This is the creat code :
var myIframe = $('<iframe id="frame_'+myId+'" name="frameName_'+myId+'" frameborder="no" width="500" height="100">'); var myEditorBody = $('<div class="K_editor_body"></div>');
I have already written the BBCode controller in PHP, and so I just have to make the buttons that will add the bbcode when you click on them.The add image button I'm not sure about yet. I guess I could run a sql query on login of the contents of the database table, and store an array of image urls and thumbnails into a session, then have a 'pop-up' display the list of images you can choose from.Anyway, first thing's first. I need to be able to add the bbcode around text highlighted by the user, exactly like I am able to do with this handy SitePoint WYSIWYG editor I am using right now. So I need to grab the highlighted text with jQuery and then I can append the '[,b]' and '[/b]' round it.
recommend a powerful WYSIWYG (commercial/open source) editor which has a image upload capability.I have been looking for it since morning but could not able to find it.I found CKeditor+CKFinder , but CKFinder is not available in django/python language. I tried to port to django but encountered several problems.
I am looking for a Javascript WYSIWYG editor that I can include into a perl script to allow for editing a formfield, similar to what this forum offers when you make a post. Is there a script that I can use to code into the perl script to allow that to happen?
Been searching online for a while and I can't seem to find any decent solutions that work in both Firefox and IE --> basically I want to write a very simple WYSIWYG text editor where a user can highlight a word, click a "B" button and it adds bold tags around it.
Anybody have any idea how to accomplish this seemingly easy task? I've looked at the source code for various open source apps (like Wordpress and phpBB) but the code in both of these is gargantuan and fairly difficult to follow with all the includes and custom objects, functions etc.
I am trying to use a very simpe wysiwyg-editor. It works fine, except i don't know how to proces the data from the iframe. I simply cant make use of the text written.
I am trying to load the following html code into a WYSIWYG editor. Basically all I need to do is supply the html code to the 'rte1.html' var and it should load in the editor. However, I am receiving the following error: Code:
I've got this code to add bbcode into a wysiwyg rich text editor. Everything's working fine except when I want to add an image. The first time the script is run everything is ok, but the second time I get two image inserts, third time I get three and so on.
Here's the code: Code: $('#uploads tr').click(function(){ var filename = $(this).text(); var insert = '[img="'+filename+'"]'; textarea.value = textarea.value+insert; $('#images').hide(); textarea.focus(); });
So first time I click on '#uploads tr', I get [img="filename"], then if I type some more stuff and then add another image, I get [img="filename"] 'Some more stuff' [img="filename2"][img="filename2"], then I'll get three image tags, then four and so on. I can see that it's something to do with the line I've highlighted, but I can't see why, or how to change it.
I use jQuery MsDropDown plugin to realise a combo box with icons. However, I need to use "title" attribute of the option to indicate the name of the icon. Also I can't use this attribute to write the text I want to show as tooltips.
I am using this Rich Text Editor in my asp.net page.Every thing is fine , but i want to get the html contents inserted by user using a javaScript function and submit the form asynchronously. But i am unable to get the html content. how to get the html contents.I am herewith attaching that Rich Text Editor file .You please unzip these files and place those in a single folder, i have kept in separate folders since single file size was getting larger that limit.
I need to build a image editor application where the user can edit images.. I need to integrate this image editor in my Ruby on Rails project.. So does anyone knows any specific site where I can get the JS code of image editor which will be able to integrate into my project
<tr><td><div class="panel">Click me 1</div></td></tr><tr><td>...</td></tr>... several tr's to be hidden on Click me 1 ...<tr><td>...</td></tr> <tr><td><div class="panel">Click me 2</div></td></tr> <tr><td>...</td></tr>
[Code]....
Is it possible to write jQuery code that will hide all <tr>'s that's under the <tr> with <div> (Click me 1) inside them? But not to hide those that's under the <tr> with <div> (Click me 2).
Class name "panel" must be same for all clickable <div>'s. <tr>'s and <td>'s can't have any class or id.
I have 3 types of columns and they are identified by their class (in the TD and TH)... they are1. Always - cells that always appear - includes a primary key2. Main - cells that are necessary to be shown, but can be toggled3. Advanced - cells that are superfluous but helpful for the viewer.I want the user to be able to toggle Main and Advanced as visible/invisible. I tried the below code, which works, but, but since there's so much data it will lock up the browser and even invokes this ff error: "A script on this page may be busy, or it may have stopped responding. You can stop the script now, or you can continue to see if the script will complete. Script: jquery-1.3.2.min.js:19"My questions are basically, can this be done without freezing up the browser? (e.g. can I group columns together and hide each column, since I believe it's the sheer amount of cells that I am hiding?)Here is my code:here's my javascript (on top of jquery's inclusion)
I'm getting started with jQuery. I want to write a form where I can add and hide fieldsets.At the end there is a button "add Theme". If I click on it, the next fieldset whose display is none should be shown. And every fieldset except the first one have a button remove. This is my code, but it doesn't work .
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head>[code]....
i am developing a web based application in that i have to display the menu depends on the user.if it is admin the admin menu should display if it is otherone the admin menu should not display.
the menu contents should hide dynamically using cookies concept for all the users the menu is same but the menu should hide dynamically using style.display="visible" or hide
first of all i am trying to hiding the menu contents dynamically using onload method but that is not working Code:
ive just got this script ive got set up and it works fine, but not what i expected.i want it so i have headings and when i click those headings sub headings show up and when i click on that heading again they dissapear however i also want it so that you can have multiple headings open at once .how would i be able to modify this code so that if i have say sub1 open and i click to open sub2 sub1 remains open
var persistmenu="yes" "yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" enter "sitewide" for menu to persist across site, "local" for this page only if (document.getElementById){ DynamicDrive.com change[code].....
The following code works perfectly in FF, Chrome, and IE7, but in IE8 the two tab divs do not hide (or then show; they are visible) with clicking the tabs.
I can't see why this would not work in IE8. I am not familiar with all the CSS changes in this new browser, so perhaps that's the issue? Again, the tabs never hide and clicking the tabs does nothing, so I'm guessing that section of script is not doing anything.
I would like to know if there is a way to keep the script as is but also add a function to this script so that if a user clicks on another tab (div) the open tab will close on click? Please see code below:
<!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].....
In my list box if i select one item corresponding to that 4 fields has to be appear below the list box and if i select another item only 1 field has to be appear below the list box and if i select another item no fields has to be selected.
is it possible to use icons in an outputText ?? and how? i mean something like this<h:outputText style="float:left" value="#{category.title}" image="ui-icon-carat-1-e" /> i have used commandbuttons to get this but it shuold be made without buttons. what i need is just the arrow to be displayed with the text