Anonymní profil Dave2K – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Anonymní profil Dave2K – Programujte.comAnonymní profil Dave2K – Programujte.com

 

Příspěvky odeslané z IP adresy 83.164.140.–

Dave2K
CSS › Rozložení tlačítek na obrazo…
před 13 hodinami   #392063

#24 peter

Ahoj,

děkuji za tipy, vyzkouším. Problém je že, už toho mám hodně napsaného ještě postaru :D.

Dave2K
CSS › Rozložení tlačítek na obrazo…
před 13 hodinami   #392062

#22 remmidemmi  

Ahoj, vlastně jde jen o to, že celý soubor je uložený někde na firemním serveru. Přístup k němu bude puze přes firemní ethernet. V tom původním kódu programu byl problém hlavně problém v html. Bylo to napsané hodně nestandartně :D. Díky za odkaz, možná to ještě budu potřebovat. 

Dave2K
CSS › Rozložení tlačítek na obrazo…
12. 9. 2024   #392049

Ahoj kolegové,

děkuji všem za příspěvky a pomoc. Bylo mi potěšení s vámi spolupracovat. Určitě jsem si od každého něco vzal. Nakonec po nikam nevedouci snaze o upraveni stavajiciho programu jsem vytvořil program nový. Není to komplet ještě hotové. Nyní abych se vyhnul dalším problémům o kterých nemám možná ani tušení jsem se rozhodnul, poslední verzi opět zveřejnit a požádat vás o menší supervizi. :) https://66e2b11f87b0752fce5fb708--fantastic-crumble-467df5.netlify.app/

Dave2K
CSS › Rozložení tlačítek na obrazo…
5. 9. 2024   #392045

#15 peter
Ahoj, všem tady na fóru. Právě jsem zveřejnil aplikaci přes Netlify. https://sparkling-douhua-057157.netlify.app/

Kdybyste měl někdo chuť mi s tím pomoci rád bych se i něco naučil. Rozumný peníz bych byl ochoten zapaltit za řešení tohoto problému. Děkuji.

Dave2K
CSS › Rozložení tlačítek na obrazo…
4. 9. 2024   #392036

#11 peter
Ahoj, děkuji všem přizpěvatelům za podněty. Natočil jsem krátké video a uložil jsem jej na YT. Jde jen o klikací aplikaci která nic nedělá, jen simuluje chování prostředí Řídícího systému stroje. Vytvořil jsem to jako vlastní projekt v práci - není to moje standartní náplň. Nicméně na základě svých předchozích zkušeností jsem se do toho pustil s tím, že to podle zadaných požadavků to nebude problém. Tedy neni nutná optimalizace na vřechny prohlížeče a telefony stačí s jedním rozlišením na jeden prohlížeč. V závěru videa je ukázka jak se rozložení chová ve vývojovem prostředí Edge. Link here

https://youtube.com/watch?v=iJAUHD91INM

#

Dave2K
CSS › Rozložení tlačítek na obrazo…
3. 9. 2024   #392031

#9 Dave2K
Mně jde opravdu jen o to zobrazení jinak už to mám naprogramované. Jde opravdu jen o to že při stejném rozlišení se na různých strojích zobrazuje jinak dokonce i na identickém kompu.

Dave2K
CSS › Rozložení tlačítek na obrazo…
3. 9. 2024   #392030

#6 peter

#6 peter
Ahoj, děkuji za ukázku nejsem si jistý zdali by se to dalo použít. Na ukázku přikládám část kódu CSS :::


body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
}
html, body {
    height: 100%;
    margin: 0;
}
#hmi-screen {
    background-position: center;
position: relative;
    background-size: cover;
    margin: auto;
overflow: auto;
background-color: #f0f0f0;
width: 100%; /* oder eine spezifische Breite */
    height: 100%; /* oder eine spezifische Höhe */
    max-width: 1360px;
    margin: auto; /* Zentriert den Container horizontal, wenn eine Breite festgelegt ist */
background-size: contain;
    background-repeat: no-repeat;
}
/* Stile für Bildschirme bis zu 1920px Breite */
@media (max-width: 1920px) {
    .button-type-1 
        /* Spezifische Stile hier */
{line-height: 0; vertical-align: middle; display: block;  margin: 0;border: none; padding: 0; position: absolute;left: 14.1vw;top:92.45vh; 
    background-position: center;background-repeat: no-repeat;background-size: contain;}
.button-type-2 
        /* Spezifische Stile hier */
{line-height: 0; vertical-align: middle; display: block;  margin: 0;border: none; padding: 0; position: absolute;left: 23.1vw;top:92.45vh; 
    background-position: center;background-repeat: no-repeat;background-size: contain;}
.button-type-3 
        /* Spezifische Stile hier */
{line-height: 0; vertical-align: middle; display: block;  margin: 0;border: none; padding: 0; position: absolute;left: 32.14vw;top:92.45vh; 
    background-position: center;background-repeat: no-repeat;background-size: contain;}
.button-type-4 
        /* Spezifische Stile hier */
{line-height: 0; vertical-align: middle; display: block;  margin: 0;border: none; padding: 0; position: absolute;left: 41.14vw;top:92.45vh; 
    background-position: center;background-repeat: no-repeat;background-size: contain;}
 

Dave2K
CSS › Rozložení tlačítek na obrazo…
3. 9. 2024   #392028

#5 gna
OK. Taky si myslím, jak zde někdo poznamenal asi BUG.

Dave2K
CSS › Rozložení tlačítek na obrazo…
3. 9. 2024   #392025

#3 peter#3 peter
Ahoj, děkuji za odpovědi. Zkusím to popsat trochu jinak. Nachvíli úplně zapomeńte na klasické webovky. Je pouzit HTML, JS a CSS. Účel tohoto byl přiblížit grafické rozhraní stroje. Na obrazovce stroje vidíme nějaké grafické rozložení, jde o dotykový display takže kliknete na urcitý symmbol který představuje nějakou funkci pomocí které se dostanete na jiné rozhraní, grafické rozložení se změní a vy můžete v reálu něco nastavit a jít zase zpět do hlavní nabídky nebo do dalšího submenu atd. je to docela rozvětvené. Chtěl jsem zkusit naprogramovat něco co bude jenom simulovat chavání a logiku toho rozhraní. Takže jsem si udělal screeshoty vsech obrazovek interaktivitu jsem zajistil tak ze jsem ta tlacitka "nalepil" podle rozmisteni na obrazovce tak aby odpovídala realitě. Ještě jinak, předtavte si velké plátno na kterém budou nakresleny dva kruhy a dva čtverce. Já vezmu to plátno a udělám jeho přesnou kopii, z kopie vystřihnu pouze ty dva čtverce a dva kruhy a těmi přelepím kruhy a čtverce na tom původním plátně a to budou moje tlacítka. Takze pokud budu to platno chtit zobrazit na jinem pocitaci pri stejnem rozlisen i stejnem prohlizeci neboudou ty " nalepena" tlacitka odpovidat originalnim pozicim. Snažil jsem se a i tak to zní dost kostrbatě a omlouvám se za to. Je to i dost nestandartní použití takže se dost složitě něco hledá. Byl jsem připraveny že bdou problémy se zobrazením pro různá zařízení a prohlížeče. Já to ale nepotřebuji takto hluboce optimalizovat stačí aby to fungovalo v jednom rozlišení s Firefox nebo  Edge, ale na všech počítačích. Spouštím offline ze souboru index.html

Ahoj, 

rád bych požádal někoho zkušenějšího o radu. V zásadě jsem to již popsal v názvu přízpěvku a k tomu směřuje i múj dotaz, jestli je to vůbec možné, abych na jiněm stroji stejného modelu při nastavení stejného rozlišení měl odlišné rozložení tlačítek? Kdo by měl zájem mohu poskytnout ještě detailnější popis ale v zýsadě jde o to že jsem si vyladil zobrazení na svém laptopu na jedno rozlišení otestoval jsem to i na externím monitoru- vše vpořádku. 

CSS › Rozložení tlačítek na obrazo…
2. 9. 2024   #392021

Ahoj, 

rád bych požádal někoho zkušenějšího o radu. V zásadě jsem to již popsal v názvu přízpěvku a k tomu směřuje i múj dotaz, jestli je to vůbec možné, abych na jiněm stroji stejného modelu při nastavení stejného rozlišení měl odlišné rozložení tlačítek? Kdo by měl zájem mohu poskytnout ještě detailnější popis ale v zýsadě jde o to že jsem si vyladil zobrazení na svém laptopu na jedno rozlišení otestoval jsem to i na externím monitoru- vše vpořádku. 

 

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý