how to link java script code to a web page such as mail.google.com?

[letmehaveago]

http://getfirebug.com/

Get it and use it.

[ishant7890]

I tried with firebug also sir,its showing the same id "compose_editor area".
wat to do?

[letmehaveago]

Have you tried printing the tags inside the iframe

var testing = document.getElementById("compose_editorArea");
var doc = testing.contentDocument;
var textareas = doc.getElementsByTagName("textarea");
alert(textareas.length);

Alternatively, maybe contentEditable="true" is being used on the body of the iframe so you can get the text by doing the following:

var testing = document.getElementById("compose_editorArea");
var doc = testing.contentDocument;
var text = doc.body.innerHTML
alert(text);

Playing around with the above e.g. might not be body and textarea should yield the answer.

[ishant7890]

there is no textarea sir.so v cant get any value for that tag name.

[letmehaveago]

Please see the second solution as well about the contentEditable="true".

Basically my question to you is what is being edited?

If it isn't a textarea you must work out what it is. Again I believe firebug will help.

It might help if you could post a screenshot so I can have a look for myself.

[ishant7890]

Sir,This is my code

// ==UserScript==
// @name yahootest
// @namespace yahootast
// @description yahootest
// @include http://*.yahoo.*
// ==/UserScript==

var scriptElement = document.createElement('script');
scriptElement.type = 'text/javascript';
scriptElement.innerHTML ='function checkForvalue() { \
var testing = document.getElementById("compose_editorArea");\
var doc =testing.contentDocument; \
vat text = doc.body.innerHTML; \
alert(text);}';

document.getElementsByTagName("head")[0].appendChild(scriptElement);
window.addButton = function () {
// Get the location on the page where you want to create the button
var targetDiv = document.getElementById('navcontainer');

// Create a div to surround the button
var newDiv = document.createElement('div');
newDiv.setAttribute('id', 'SendEN');

// Create the button and set its attributes
var inputButton = document.createElement('input');
inputButton.name = 'SendEN';
inputButton.type = 'button';
inputButton.value = 'SendEN';
inputButton.setAttribute("onclick", "checkForvalue();");


// Append the button to the div
newDiv.appendChild(inputButton);
targetDiv.appendChild(newDiv);








}
addButton();




I m uploading the screen shot of file
Plz check

[ishant7890]

sir can i get ur mail id?

[letmehaveago]

You need to limit the script to those pages with targetDiv. Open Manage User Scripts and specifically add the "Included Pages".

[ishant7890]

Thanks a lot for Helping sir!
M almost done.I m able to read and write the compose box.But writing is being done explicitly.i want to put this function for encoding.How to do?
M getting errors..



function encode(text) { Ref="0123456789abcdefghijklmnopqrstuvwxyz.-~ABCDEFGHIJKLMNOPQRSTUVWXYZ"
Result=""
for (Count=0; Count<text.length; Count++) {
Char=text.substring (Count, Count+1);
Num=Ref.indexOf (Char);
EncodeChar=Ref.substring(Num+1, Num+2)
Result += EncodeChar
} document.form1.result.value=Result
}

[letmehaveago]

var scriptElement = document.createElement('script');
scriptElement.type = 'text/javascript';
scriptElement.innerHTML ='function checkForvalue() { \
  var testing = document.getElementById("compose_editorArea");\
  var doc =testing.contentDocument; \
  vat text = doc.body.innerHTML; \
  alert(text);}';

document.getElementsByTagName("head")[0].appendChild(scriptElement);

seems to work well. you could just append the function code to scriptElement and call it.

I am not too sure what you want, providing the errors would help. I am assuming you can't access the function.

P.S. The encode function is poorly written. http://www.w3schools.com/jsref/jsref_obj_string.asp