Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You can't rely on the class or the id attribute of the Send button because they change everytime a compose field is created, and may even change per user. What do we know about the button then?</p> <ul> <li>It's innerHTML is "Send" (See footnote)</li> <li>It has a role attribute with the value "button"</li> <li>It's inside a "Compose New Message" container, that also has other labels as "From", "To" (See footnote 2)</li> </ul> <p>With that information, we can use a nice Xpath query in native Javascript that retrieves our button.</p> <pre><code>var xpath = '//div[@role="button" and text()="Send"]' var query = document.evaluate(xpath, document, null, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null); var button = query.iterateNext(); </code></pre> <p>If you are using a library as jQuery, feel free to use it with the css selectors <code>[role="button"]</code> and a filter function provided in a previous answer.</p> <p>This could be improved with the tables information appending it as a parent, but this should be enough (you can read more about it in the <a href="https://developer.mozilla.org/en/docs/Introduction_to_using_XPath_in_JavaScript" rel="nofollow">Developer Mozilla Introduction to Xpath</a>). Hopefully the answer provides a good performance.</p> <p><strong>UPDATE:</strong> It seems Gmail does stick with some classes for some things (classes like <code>T-I J-J5-Ji</code> seem to be shared between the old and new version). Yet, I wouldn't use it, if other developer stumbles upon that class and you are getting the button through only that, there's no way he or she can understand what you are getting, specially if there are no comments and a poor variable name is used.</p> <p>A solution that actually retrieves the answer uses a CSS query selector that looks like <code>div &gt; div &gt; div &gt; div &gt; table div</code>; I wouldn't use it neither for the same reason. Plus, it reminds me of a poor descriptive <a href="http://theprofoundprogrammer.com/post/28623204754/text-regular-expressions-photograph-of-a" rel="nofollow">Regular Expression</a>. You are not only coding for you, but also to the future yourself that may have no idea about the project.</p> <hr> <p><sup>Footnote: OR the equivalent to the user's language. I'm not sure if all the users have their Gmail in english, but I wouldn't make that assumption. If I were you, I would create a dictionary with the locales of the most common keywords for "Send" and iterate evaluate through most of them. The amount of languages you could iterate through could be limited to languages <a href="http://support.google.com/mail/bin/answer.py?hl=en&amp;answer=17091" rel="nofollow">Gmail support</a>.</sup></p> <p><sup>Footnote 2: Actually, when you press "Compose" it adds the labels "From" and "To", but if you don't fill them right away, they dissapear, showing just some divs with the innerHTML's "Recipients" and "Subject"</sup></p>
    singulars
    1. This table or related slice is empty.
    1. POHow to use getElementsByClassName function in order to get the "send" button in Gmail compose page?
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USjjperezaguinaga
    1. USjjperezaguinaga
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. COThe class name you're suggesting is **not** sufficiently unique. These are generic class names for styling the button. Furthermore, your selector only works in the English version of Gmail. Intentionally neglecting non-English users is a bad move.
      singulars
      1. PO
      1. USRob W
    2. COWhat class name are you talking about? I'm not using a class at all, as I'm not certain whether Gmail changes that on which basis. And as I stated in the footnote: ` If I were you, I would create a dictionary with the locales of the most common keywords for "Send" and iterate evaluate through most of them. It should be no more than 10`
      singulars
      1. PO
      1. USjjperezaguinaga
    3. COAnd why are you neglecting the next text? ... "Yet, I wouldn't use it". The first thing I write in my answer is "You can't rely on the class or the id attribute of the Send button". I came to this conclusion after looking at other solutions and comparing to my own Gmail data, where classes were different. Agreed on the language, but we are now making assumptions on whether the application is meant to be international or just for english speakers.
      singulars
      1. PO
      1. USjjperezaguinaga
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload