• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

MMM-Scrapey - I made something that could be useful?

Scheduled Pinned Locked Moved Development
14 Posts 5 Posters 2.5k Views 5 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • K Offline
    KristjanESPERANTO Module Developer @AndyHazz
    last edited by Oct 18, 2024, 8:28 PM

    @AndyHazz Cool! Don’t forget to add it to the module list: https://github.com/MagicMirrorOrg/MagicMirror/wiki/3rd-party-modules 🙂

    A 1 Reply Last reply Oct 18, 2024, 11:39 PM Reply Quote 0
    • A Offline
      AndyHazz Project Sponsor @KristjanESPERANTO
      last edited by Oct 18, 2024, 11:39 PM

      @KristjanESPERANTO No problem, done!

      C 1 Reply Last reply Dec 30, 2024, 4:18 PM Reply Quote 1
      • C Offline
        chris_d @AndyHazz
        last edited by Dec 30, 2024, 4:18 PM

        @AndyHazz Thanks for this awesome module. I’m also using it to pull bus information and it’s working well. I wondered if there was a way of stripping formatting off the content it scrapes? The table I’m pulling from (https://bustimes.org/stops/250012526) includes hyperlinks in several of the columns, and I’d like to format them as plain text.

        Any ideas how that could be achieved?
        Thanks again for this, it’s totally made things amazing :-)

        C 1 Reply Last reply Jan 1, 2025, 10:44 AM Reply Quote 0
        • C Offline
          chris_d @chris_d
          last edited by Jan 1, 2025, 10:44 AM

          I think I figured it out by adjusting the .js code to return .text rather than .innerHTML on line 88.
          This could possibly be something that could be a module option. If I get some time I might consider taking this and doing some work on it, but like you I’m a bit of a ChatGPT coder :-), so I’m not even sure how to copy it!

          It’s working great for me now though, so thank you again!

          A 1 Reply Last reply Jan 22, 2025, 8:27 PM Reply Quote 0
          • A Offline
            AndyHazz Project Sponsor @chris_d
            last edited by Jan 22, 2025, 8:27 PM

            @chris_d glad you’ve found it useful, and that’s a good idea for the module option - I actually had the same issue with the data I was scraping and was using some custom CSS to clean up the formatting, but a plain text option in the module is a better approach.

            So, I’ve added a new ‘plainText’ option to the config. The default is still to use HTML in case anyone was making use of that (I doubt it but you never know), you’ll need to add ‘plainText: true’ to the module config to strip the HTML formatting.

            1 Reply Last reply Reply Quote 1
            • F Offline
              fredric.nil
              last edited by Feb 12, 2025, 3:54 PM

              Hello.
              Thanks for a great module.
              I wonder how to decrese the distance between the lines.
              I’ve tried adding table attributes to the table (as I can controll the table myself), but it doesn’t seems to work.
              I also tried with custom.css to add the attributes style in it.
              However, it appears that the module strips all styling from the presentation.
              Scrapey.jpg

              This is the code that I have used in custom.css, but these don’t seem to bite.

              .MMM-Scrapey{
              height:2px;
              }
              
              .MMM-Scrapey .td {
                    padding: 2px;
              }
              .MMM-Scrapey .table {
                    border-spacing: 2px;
              }
              .table {
                    border-spacing: 2px;
              }
              .td {
                    padding: 2px;
              }
              
              S 1 Reply Last reply Feb 12, 2025, 4:38 PM Reply Quote 0
              • S Away
                sdetweil @fredric.nil
                last edited by sdetweil Feb 12, 2025, 4:44 PM Feb 12, 2025, 4:38 PM

                @fredric.nil don’t know the answer, but use the developers window elements tab

                see second link in my signature below to learn how to use

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • F Offline
                  fredric.nil
                  last edited by Feb 12, 2025, 6:45 PM

                  Thanks for the tip, but that’s where I was looking.
                  It seems that no matter what I put in for attributes, they don’t show up in the module.
                  I’m going crazy soon

                  S 2 Replies Last reply Feb 12, 2025, 7:04 PM Reply Quote 0
                  • S Away
                    sdetweil @fredric.nil
                    last edited by Feb 12, 2025, 7:04 PM

                    @fredric.nil where are you putting them?

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • S Away
                      sdetweil @fredric.nil
                      last edited by sdetweil Feb 12, 2025, 7:12 PM Feb 12, 2025, 7:11 PM

                      @fredric.nil

                      well there is a problem

                      .MMM-Scrapey .td {
                      

                      the stuff before the {
                      is called the selector clause, it ‘selects’ the elements the styles after the { apply to

                      if the thing in the selector clause starts with a dot(.)
                      that means classname, class=
                      if it starts with a pound sign(#)
                      that means id, id=
                      otherwise no prefix means an html element name

                      table, tr, td, div, …

                      you have .td

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 1 / 2
                      • First post
                        Last post
                      Enjoying MagicMirror? Please consider a donation!
                      MagicMirror created by Michael Teeuw.
                      Forum managed by Sam, technical setup by Karsten.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy