firefox plugin inorder to get the data from textbox - javascript

my problem is that, i what to develop a firefox plugin that extract data from the textbox and it has to be stored in some temporary memory.
i didn't have any idea about plugin's So please give the solution in a detailed manner
thank u.......!

Try reading the extension documentation, and then asking specific questions about things you still don't understand. It sounds like you are asking someone to write the whole extension for you, which isn't really the purpose of SO.
You could also look for open-source extensions that interact with text fields (like one of the ones that allows editing a text field in an external editor) and see how they work.

Have you seen the "It's all text" plugin? It allows you to edit a textarea in your editor of choice. After saving, the textarea is updated. I'm sure there's some code in that plugin that you could use.
Also, what you're describing sounds really simple. Are you sure a plugin is the right solution? Maybe a Greasemonkey script would be easier.

Related

Modifying Form Elements in CKEditor

I apologize in advance for the generality of the question. There is a surprising lack of documentation or discussion about this. If someone can point me to some source on this topic it would be much appreciated.
I'm trying to create a CMS page where users can edit custom forms. I'm using CKEditor in a pretty simple HTML/JavaScript setup like the demo on their website http://ckeditor.com/demo#full
My problem is this - Form elements can be resized (and drag-and-dropped) in IE but not in Chrome or FireFox.
If anyone has any information on editing form elements in CKEditor please let me know about it.
Thanks
It's not related to CKEditor but to contenteditable in general, which, quite frankly, is not consistent in terms of implementation because it lacks standarisation. There's nothing you can do about it unless you implement that feature from scratch, which is not a good idea really, especially because I'm not quite sure that default behavior can be disabled.
The form elements resizing feature may be supported by the browser (e.g. IE) not by javascript code. So it's hard to make the feature available in Chrome or FireFox.

Edit opened HTML Page, with Javascript

I was looking into making Firefox addons, and I need some help.
Is it possible to edit an HTML page that is open in the browser with javascript?
For example:
User types in "google.com"
Addon is activated
Javascript changes contents of "google.com" to maybe say "Hello!" at the bottom.
Of course this isn't specifically what I want to do, but a push in the right direction on how to accomplish such a task would be great.
~Carpetfizz
From within a Firefox addon this is obviously possible as many extensions do this.
If you, however, simply want to modify the DOM and nothing else than I would recommend taking a look at greasemonkey. Loads of example scripts around to do this: http://userscripts.org/
And the added benefit, if written correctly they also work in Chrome and other browsers.
Yes, it is. You must find a tutorial about javascript DOM manipulation

How can I disable firebug in my webpage?

How can I disable firebug using Javascript? I want to do this to hide the workings of my webpage from visitors. Is there any option to do this?
You can't. The best you can do is obfuscate your JavaScript.
Actually scratch that. The best you can do is move all the security-critical code to the server. You should be doing that anyway.
You can't do it. Check this stackoverflow question on different methods others have adopted as a work around of sorts
As Amadan said, you can't disable particular source-viewers.
But you can use a hack. It works only with viewers, that add them selves to the DOM. You just have to delete specified node. Did a look-around with Firebug Lite for Chrome.
DON'T use this approach, only for fun :)

editor with some requirements

Q:
I ask about free editors (controls), but i wanna a light one not heavy like AJAX editor ,i will use 4 or 5 editors in the page so i don't want my page to be heavy, and one more thing ,i find CKEditor , it is free and light but doesn't allow the (Read only) property..
any control or suggestion will be great .
thanks in advance.
definitely WidgEditor, it is the lightest yet quite powerful editor that I know of:
http://themaninblue.com/experiment/widgEditor/
Try TinyMCE in simple mode :
http://tinymce.moxiecode.com/

Real-time CSS editing with jQuery

Is there a plugin for jQuery or generally a method to have a textarea containing CSS code of the currently open web page which will be automatically updated during edit (without page reload)?
It's not exactly a general solution you're asking for, so just throwing this out there in case it's what you're ultimately after. If your goal is to edit and play with your styles there's Firebug, or Chrome's built-in developer tools.
The JavaScript version is Firebug Lite.
Thank you guys – most of all thanks to takeshin (who posted a comment to my original question).
takeshin's comment helped me quite a bit: With jQuery, I inserted the edited CSS code from a code highlighter called Codemirror into the head of the page. It's as simple as that. :)
There are now several services out there. I personally use codr.io. For not-quite real-time I use jsfiddle.net.

Categories

Resources