• 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.

can i inject javascript as part of my modules getDom content?

Scheduled Pinned Locked Moved Development
7 Posts 3 Posters 1.4k Views 3 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.
  • S Away
    sdetweil
    last edited by Sep 14, 2018, 4:17 PM

    i need to discover the ACTUAL size of an image, after its loaded…

    this is pretty easy in javascript… in my module, can I inject some javascript to be execute when the img load event fires? this would be included everytime the getDom() function returns its content…

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    ? S 2 Replies Last reply Sep 14, 2018, 10:12 PM Reply Quote 0
    • ? Offline
      A Former User @sdetweil
      last edited by Sep 14, 2018, 10:12 PM

      @sdetweil
      Use MutationObserver in your module. You can google it.

      1 Reply Last reply Reply Quote 0
      • S Offline
        strawberry 3.141 Project Sponsor Module Developer @sdetweil
        last edited by Sep 15, 2018, 1:08 AM

        @sdetweil you can also create an image with ja and set an onload event listener

        Please create a github issue if you need help, so I can keep track

        S 1 Reply Last reply Sep 15, 2018, 3:18 PM Reply Quote 0
        • S Away
          sdetweil @strawberry 3.141
          last edited by Sep 15, 2018, 3:18 PM

          @strawberry-3-141 ja?

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          S 1 Reply Last reply Sep 15, 2018, 4:17 PM Reply Quote 0
          • S Offline
            strawberry 3.141 Project Sponsor Module Developer @sdetweil
            last edited by Sep 15, 2018, 4:17 PM

            @sdetweil js javascript

            Please create a github issue if you need help, so I can keep track

            S 1 Reply Last reply Sep 15, 2018, 4:23 PM Reply Quote 0
            • S Away
              sdetweil @strawberry 3.141
              last edited by Sep 15, 2018, 4:23 PM

              @strawberry-3-141 thanks… didn’t think I could use onload in a module JS… we shall see

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              S 1 Reply Last reply Sep 16, 2018, 8:54 PM Reply Quote 0
              • S Away
                sdetweil @sdetweil
                last edited by Sep 16, 2018, 8:54 PM

                @sdetweil well, that was easy and works great!..

                gotta figure out how to have a div with a fill color to replace the black edges when the pics are not fulls screen.

                also the bottom edge of the pic is clipped by the bottom of the screen somehow… half the newsfeed line is over the clip line

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • 1 / 1
                1 / 1
                • First post
                  1/7
                  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