[blind-programming] Re: HTML Dom Tree
- From: paniz alipour <alipourpaniz@xxxxxxxxx>
- To: blind-programming@xxxxxxxxxxxxx
- Date: Wed, 20 Apr 2011 17:00:31 +0430
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
Other related posts:
