Comments (4)
Felix, do you have any programming experience? Have you worked with HTML before?
You could add an extra div to display the extra news. No need for a popup here. The div can be used as an overlay to display the news content. Google and Chromes Dev Tools (F12) is a friend here when you want to find out what information is already available.
If you have no programming experience I would start out with a static html page which looks the way you want before you start solving the problem of getting dynamic data in there.
Some phrases to google for would be div overlay jquery, div overlay popup
Do you want to add a touch screen behind the mirror glass or do you want to add a touch foil between the mirror glass and the screen?
from magicmirror.
Yes, I have programming experience. Just never had to use php & javascript. I will have a look at the google searches you posted. Thanks.
The idea is to have the layers like Screen -> Mirror -> Touch. I have an old 22" screen which would be the base. On top a mirror and as most top layer, a touch panel. I found 22" resistive touch panels which should do just fine I guess.
from magicmirror.
Hi @The-Flix, thanks for participating in this project. Did you check if these touch panels work if you put glass (a mirror) in for of it?
from magicmirror.
@MichMich, it won't work if I'd put the mirror in front of it. But I believe it should work if I put the touch panel on top of the mirror. It is not the best option because it is a resistive touch panel without multi-touch, but it should do the job just fine.
Have a look at this: http://www.ebay.de/itm/22-Inch-5-Wire-Resistive-Touch-Screen-Panel-Kit-With-USB-for-22-16-9-LCD-Screen-/271027967970
I haven't bought anything. I will check if I get the website working the way I imagine and after that, I start looking for the hardware I could use. I have a unused 22" lcd screen which will display the website. A mirror, a frame, a touch panel, a PI will be bought later. :-)
Unfortunately I have not much time to have a look at css, javascript, and php, but I will continue the work slowly.
from magicmirror.
Related Issues (20)
- 2.26.0 - Calendar Error. Could not fetch calendar: http://0.0.0.0:8080/modules/calendars/fussball.ics TypeError: fetch failed HOT 10
- Weather module Met Office API Gateway migration
- Bug: Compliments module has `anytime` array mandatory HOT 7
- Calendar events can have recurrences after the RRULE recurrence end date HOT 2
- Move Module MMM-awesome-alexa to abandoned modules HOT 2
- move sunclac devdependency to dependencies HOT 1
- Small proposed change to hourly weather precipitation probability styling HOT 4
- Architecture suggestion: new “data sources” category
- Non helpful error message when started in clientonly mode HOT 6
- MMM-OnSpotify module causes MagicMirror to draws things multiple times HOT 10
- online documentation missing many config options for default modules HOT 3
- [weather] unit of config is not respected on broadcasted notifications
- online doc initial page on android phone hamburger menu doesnt respond HOT 7
- short dayname with time there HOT 4
- [calendar] Wrong values on broadcasted fullday events with RRULE
- Initializing buttons using 'MMM-Buttons' for notification sending to 'MMM-StopwatchTimer' induces an error :( HOT 1
- [weather] openweathermap One Call 2.5 will be finally closed in June 2024 HOT 2
- [news feed][feature request] ignore HTML tags in news feed items
- Modules with no header are always redrawn in updateDom, even when module content is unchanged HOT 4
- Error magicmirror 2.27 after upgrade - Blank black screen HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from magicmirror.