I looked at this thread talking about selecting and modifying the content of a div.
I want to be able to select the content of a webpage that is located in a div to copy it to the clipboard
and append it to a specific file.
I hope Keyboard Maestro newer versions are full of features that make it possible.
Do you want to copy the HTML code, or the text on the web page?
It would be best if you can provide the URL of an example page, and clearly identify (screenshot) the <div> and section on the web page that you wish to copy.
Here is the url: https://www.wordreference.com/enfr/get%20to
I just want to know how to copy the content inside the div <id="articleWRD"> (the text of the page not the HTML code) to the clipboard/append it to a specific .csv file.
Please, let me know if you need any further information.
Thank you.
OK, thanks for all the details, which make this very easy to answer.
Just put this JavaScript in a Execute a JavaScript in Browser action:
document.querySelector('#articleWRD').innerText;
That will return the plain text on the web page to whatever you like, KM Variable or Clipboard.
Does that work for you?
It works amazingly well. This macro justifies by itself buying Keyboard Maestro !
I still will have to do some cleaning with the content appended to the csv file, but a massive improvement anyway!
Unfortunately, the code of the webpage has changed. So, I had to come and ask to some Javascript wizzard how I could select the content I want to copy to my clipboard.
Below is the screenshot of the table I would like to select and copy.
Below is the webpage code of the part of the page I want to select and copy to the clipboard.
<div id='articleWRD'><!-- copyright 2 --><div><p class='wrcopyright'><a name="sidebar115"></a><span dir='auto'>WordReference English-<span class='ph' data-ph='sLanguage'>French</span> Dictionary © 2024:</span></p></div><table class='WRD' data-dict='enfr'><tr class='wrtopsection'><td colspan='3' title='Principal Translations'><strong><span class='ph' data-ph='sMainMeanings'>Principales traductions</span></strong></td></tr><tr class='langHeader' style='font-size: 13px;text-decoration: underline;font-weight:bold;'><td class='FrWrd'><span class='ph' data-ph='sLang_en'>Anglais</span></td><td></td><td class='ToWrd'><span class='ph' data-ph='sLang_fr'>Français</span></td></tr>
<tr class='even' id='enfr:81125'><td class='FrWrd'><strong>sidebar</strong> <em class='POS2' data-lang='en'>n</em></td><td> (column of text at side of webpage)</td><td class='ToWrd' >encadré <em class='POS2' data-lang='fr'>nm</em></td></tr>
<tr class='even'><td> </td><td class='To2'> <span class='dsense' data-lang='fr' data-dict='enfr'>(<i>Informatique</i>)</span></td><td class='ToWrd' >barre latérale <em class='POS2' data-lang='fr'>nf</em></td></tr>
<tr class='even'><td> </td><td colspan='2' class='FrEx'><span dir='ltr'>Check the sidebar for more information regarding each case.</span></td></tr>
<tr class='odd' id='enfr:3207157'><td class='FrWrd'><strong>sidebar</strong> <em class='POS2' data-lang='en'>n</em></td><td> (law: private meeting) <span class='dsense' data-lang='fr' data-dict='enfr' >(<i>Droit</i>)</span></td><td class='ToWrd' >concertation privée <em class='POS2' data-lang='fr'>nf</em></td></tr>
<tr class='odd notePubl_tr' ><td colspan='3' class='notePubl' ><i><span class='ph' data-ph='sNote'>Note</span></i>: Dans un tribunal, discussion entre le juge et les avocats que les membres du jury ne peuvent pas entendre.</td></tr><tr class='odd'><td> </td><td colspan='2' class='FrEx'><span dir='ltr'>The lawyer requested a sidebar and approached the bench.</span></td></tr>
</table>
<table class='WRreporterror'>
<tr class='even more'><td> </td>
<td style='text-align:right;'><a target='WRsug' title='Is something important missing? Report an error or suggest an improvement.' href="https://forum.wordreference.com/forums/dictionary-error-reports-and-suggestions.30/post-thread?prefix_id=25&title=sidebar"><span class='ph' data-ph='sReportError'>Un oubli important ? Signalez une erreur ou suggérez une amélioration.</span></a></td></tr></table>
</div><div id='collinsdiv'></div>
Here is the url of the webpage I tried to select so that it is easier to access to the code of the whole page.
I tried gemini and chatgpt and couldn't come up with a working solution... Probably because my Javascript litteracy is close to zero.
Not a wizard -- but try preceding your JS with return:
And just to polish off @Nige_S's solution, filter the result to get a readable version:
"WordReference English-French Dictionary © 2024:
Principales traductions
Anglais Français
sidebar n (column of text at side of webpage) encadré nm
(Informatique)
barre latérale nf
Check the sidebar for more information regarding each case.
sidebar n (law: private meeting)
(Droit)
concertation privée nf
Note: Dans un tribunal, discussion entre le juge et les avocats que les membres du jury ne peuvent pas entendre.
The lawyer requested a sidebar and approached the bench.
Un oubli important ? Signalez une erreur ou suggérez une amélioration.
12.6M
452
Power (Series)"
Extract Macro (v11.0.3)
Extract.kmmacros (3.6 KB)
@Nige_S Enough of a wizard to make it work! Thank you!
