[blind-programming] Re: HTML Dom Tree
- From: paniz alipour <alipourpaniz@xxxxxxxxx>
- To: blind-programming@xxxxxxxxxxxxx
- Date: Thu, 21 Apr 2011 10:58:35 +0430
aha yes an also chickenfoot,but I can't find out how did they do it?
Can you guide me?
On Wed, Apr 20, 2011 at 5:29 PM, Jacques Bosch <jfbosch@xxxxxxxxx> wrote:
> Oh, is that what you mean.
> Well I have never done that, but you could look at something like
> greasemonkey
> https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/
>
>
>
> On Wed, Apr 20, 2011 at 2:30 PM, paniz alipour <alipourpaniz@xxxxxxxxx>wrote:
>
>> Thanks a lot for your attention ,
>>
>> but the work that I want to do is reading any website DOM from extension
>> of firefox,I mean I don't want to use embedded jquery or even
>>
>> inject it via url.so in this case what shall I do?
>>
>> Thanks
>>
>>
>> On Wed, Apr 20, 2011 at 2:10 PM, Jacques Bosch <jfbosch@xxxxxxxxx> wrote:
>>
>>> Hi Paniz.
>>>
>>> I took your file and demonstrated some jQuery routines on it.
>>> I also added another paragraph tag and 2 more text inputs.
>>> Hope it helps.
>>> It is also possible to respond to events such as clicks and keypresses.
>>>
>>>
>>> *start of html*
>>>
>>> <html>
>>>
>>> <head>
>>> <title>Untitled Page</title>
>>> <!-- Include jQuery off the google CDN -->
>>>
>>> <script src="
>>> //ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js
>>> "></script>
>>>
>>> <script type="text/javascript">
>>> // Hook into the jQuery ready event (when page has done loading)
>>> $(document).ready(function() {
>>>
>>> // Here follow examples of accessing elements via selectors,
>>> and manipulating them.
>>>
>>> // Using jQuery, find the element with the id of 'Text1' and
>>> assign a value to it.
>>> $("#Text1").val("sample value");
>>>
>>> // Using jQuery, find all paragraphs on the page by their tag
>>> name, and change their 'dir' attribute to left-to-right.
>>> $("P").attr("dir", "ltr");
>>>
>>> // Using jQuery, find the body element by tag name, and
>>> change its background color to yellow.
>>> $("BODY").css("background-color", "yellow");
>>>
>>> // Using jQuery, find all input elements of type 'text' that
>>> are inside of paragraph elements that have a class value of 'testCssClass',
>>> and set their value to 'sample value 2'.
>>> $("P.testCssClass input[type='text']").val("sample value 2");
>>>
>>> });
>>> </script>
>>>
>>>
>>> </head>
>>> <body>
>>> <p align="left" dir="rtl">
>>> <input id="Text1" type="text" />
>>> name
>>> </p>
>>> <p align="left" class="testCssClass">
>>> name 2
>>> <input id="Text2" type="text" />
>>> <br />
>>> name 3
>>> <input id="Text3" type="text" />
>>> </p>
>>> </body>
>>> </html>
>>>
>>> *end of html*
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>> On Wed, Apr 20, 2011 at 9:40 AM, paniz alipour
>>> <alipourpaniz@xxxxxxxxx>wrote:
>>>
>>>> Hi,
>>>>
>>>> <head>
>>>> <title>Untitled Page</title>
>>>> -- forxample I have a function of javascript here
>>>> </head>
>>>> <body>
>>>>
>>>> <p align="left" dir="rtl">
>>>> <input id="Text1" type="text" /> name
>>>> </p>
>>>>
>>>> </body>
>>>> </html>
>>>> for example consider this part of code,OK.I want to access this part of
>>>> code and nodes like body ,p ,.... and javascripts code that exist in
>>>>
>>>> webpage.and then do some thing on it,
>>>>
>>>> I want to do this via javascript code in extension of for example
>>>> firefox.so by this explanation how should I do this?
>>>>
>>>>
>>>> Thanks
>>>>
>>>> On Wed, Apr 20, 2011 at 11:25 AM, Jacques Bosch <jfbosch@xxxxxxxxx>wrote:
>>>>
>>>>> You'd have to give more information than that. What node / kind of node
>>>>> do you want to access. And what extension do you mean?
>>>>> Generally though, you would use what is known as a selector to get hold
>>>>> of the HTML element you want. A selector is basically just some criteria
>>>>> to
>>>>> identify a specific element, almost like a *WHERE* clause in SQL.
>>>>> Selectors
>>>>> come from CSS, and using them would require that you have some knowledge
>>>>> of
>>>>> HTML.
>>>>>
>>>>> Before you can use jQuery, you have to include it in a <script> tag in
>>>>> the <head> section of your HTML page.
>>>>>
>>>>> If you send me a small sample HTML file, and explain exactly what it is
>>>>> you want to access, then I, or others, could assist in getting you
>>>>> started.
>>>>>
>>>>> Jacques
>>>>>
>>>>>
>>>>> On Wed, Apr 20, 2011 at 8:35 AM, paniz alipour <alipourpaniz@xxxxxxxxx
>>>>> > wrote:
>>>>>
>>>>>> I need to access rendered Dom,for accessing node via extension.how can
>>>>>> I do it?
>>>>>>
>>>>>>
>>>>>> On Tue, Apr 19, 2011 at 1:48 PM, Jacques Bosch <jfbosch@xxxxxxxxx>wrote:
>>>>>>
>>>>>>> If you want to work with the DOM in code, it is hard to get something
>>>>>>> better and more powerful than jQuery.
>>>>>>> www.jquery.com
>>>>>>> Some learning curve, but hundreds of times easier and more robust
>>>>>>> than working with the DOM directly!
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> On Tue, Apr 19, 2011 at 8:18 AM, paniz alipour <
>>>>>>> alipourpaniz@xxxxxxxxx> wrote:
>>>>>>>
>>>>>>>> Hi,
>>>>>>>>
>>>>>>>> The work I want to do is reading and access DOM and then do other
>>>>>>>> works ,i want to make it i my self not via firebug.But you mention an
>>>>>>>> important point,firebug!
>>>>>>>>
>>>>>>>> how does it render DOM Tree and javascript codes?
>>>>>>>>
>>>>>>>> Thanks
>>>>>>>>
>>>>>>>>
>>>>>>>> On Tue, Apr 19, 2011 at 10:30 AM, E.J. Zufelt <lists@xxxxxxxxx>wrote:
>>>>>>>>
>>>>>>>>> Hi,
>>>>>>>>>
>>>>>>>>> It is possible to access the DOM using the Firebug plugin for
>>>>>>>>> Firefox. Firebug can be used with JAWS, but I have found that it
>>>>>>>>> works best
>>>>>>>>> with NVDA.
>>>>>>>>>
>>>>>>>>> I hope this answers your question. Please let us know more details
>>>>>>>>> of what you are trying to accomplish if it does not.
>>>>>>>>>
>>>>>>>>> Thanks,
>>>>>>>>> Everett Zufelt
>>>>>>>>> http://zufelt.ca
>>>>>>>>>
>>>>>>>>> Follow me on Twitter
>>>>>>>>> http://twitter.com/ezufelt
>>>>>>>>>
>>>>>>>>> View my LinkedIn Profile
>>>>>>>>> http://www.linkedin.com/in/ezufelt
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> On 2011-04-19, at 1:44 AM, paniz alipour wrote:
>>>>>>>>>
>>>>>>>>> Hello All,
>>>>>>>>>
>>>>>>>>> I have a problem,I don't know how can I access the rendered HTML I
>>>>>>>>> mean(DOM Tree),and reading the part of pages in Dom (specially
>>>>>>>>> javascripts
>>>>>>>>> code).
>>>>>>>>>
>>>>>>>>> please guide me
>>>>>>>>>
>>>>>>>>> --
>>>>>>>>> Paniz Alipour
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>> --
>>>>>>>> Paniz Alipour
>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> --
>>>>>>>
>>>>>>> Jacques Bosch
>>>>>>>
>>>>>>> Software Architecture and Development
>>>>>>> Independent Contractor
>>>>>>> Cell: +27 824711807 Fax: +27 86 504 4726
>>>>>>> E-Mail: jfbosch@xxxxxxxxx
>>>>>>>
>>>>>>>
>>>>>>
>>>>>>
>>>>>> --
>>>>>> Paniz Alipour
>>>>>>
>>>>>
>>>>>
>>>>>
>>>>> --
>>>>>
>>>>> Jacques Bosch
>>>>>
>>>>> Software Architecture and Development
>>>>> Independent Contractor
>>>>> Cell: +27 824711807 Fax: +27 86 504 4726
>>>>> E-Mail: jfbosch@xxxxxxxxx
>>>>>
>>>>>
>>>>
>>>>
>>>> --
>>>> Paniz Alipour
>>>>
>>>
>>>
>>>
>>> --
>>>
>>> Jacques Bosch
>>>
>>> Software Architecture and Development
>>> Independent Contractor
>>> Cell: +27 824711807 Fax: +27 86 504 4726
>>> E-Mail: jfbosch@xxxxxxxxx
>>>
>>>
>>
>>
>> --
>> Paniz Alipour
>>
>
>
>
> --
>
> Jacques Bosch
>
> Software Architecture and Development
> Independent Contractor
> Cell: +27 824711807 Fax: +27 86 504 4726
> E-Mail: jfbosch@xxxxxxxxx
>
>
--
Paniz Alipour
Other related posts:
