Kanał - ATNEL tech-forum
Wszystkie działy
Najnowsze wątki



Teraz jest 26 lut 2025, o 11:54


Strefa czasowa: UTC + 1





Utwórz nowy wątek Odpowiedz w wątku  [ Posty: 18 ] 
Autor Wiadomość
PostNapisane: 4 lis 2014, o 21:16 
Offline
Użytkownik
Avatar użytkownika

Dołączył(a): 04 lut 2014
Posty: 164
Pomógł: 3

Witam

Napisałem kod w C dla układu atmega32, który mierzy aktualną temperaturę przez czujnik ds18b20 a potem wyświetla ją na stronie www która również stoi na tym układzie (rozszerzone możliwości serwera).

Pytanie: Jak zmusić stronę aby gdy wyświetla pobraną wartość temperatury robiła to w ustalonych wcześniej fontach i czcionce (font color = green, czcionka 9) bo w tej chwili jest fioletowa (sic!) a jej wielkość to jakieś 5...

Składnia: [ Pobierz ] [ Ukryj ]
język c
Musisz się zalogować, aby zobaczyć kod źródłowy. Tylko zalogowani użytkownicy mogą widzieć kod.


Za każdą pomoc dziękuję i wystawiam odpowiednią formę podziękowania [pochwała]

_________________
::::::: C ::::::::::
:::::: C++ :::::::::



Góra
 Zobacz profil  
cytowanie selektywne  Cytuj  
PostNapisane: 4 lis 2014, o 21:34 
Offline
Użytkownik
Avatar użytkownika

Dołączył(a): 12 maja 2013
Posty: 568
Zbananowany użytkownik

Pomógł: 31

A czy kolega przypadkiem CSS nie używa? Proponuję w przeglądarce FireBug'a zainstalować i zbadać.

_________________
Und schreien

Spring
Erlöse mich
Spring
...



Góra
 Zobacz profil  
cytowanie selektywne  Cytuj  
PostNapisane: 4 lis 2014, o 21:39 
Offline
Użytkownik
Avatar użytkownika

Dołączył(a): 04 lut 2014
Posty: 164
Pomógł: 3

sprawdzę ale jako tako szablonów nie używam - zwykły html - basic level.

_________________
::::::: C ::::::::::
:::::: C++ :::::::::



Góra
 Zobacz profil  
cytowanie selektywne  Cytuj  
PostNapisane: 4 lis 2014, o 21:48 
Offline
Użytkownik
Avatar użytkownika

Dołączył(a): 13 paź 2011
Posty: 581
Pomógł: 17

Powinno działać.
Wejdź na tą stronę i kliknij CTRL+U (pokaż źródło) i wklej co tam masz.



Góra
 Zobacz profil  
cytowanie selektywne  Cytuj  
PostNapisane: 4 lis 2014, o 21:53 
Offline
Użytkownik

Dołączył(a): 19 gru 2012
Posty: 712
Lokalizacja: Opole
Pomógł: 23

Jeśli kolega chce aby jaka zmienna była wyświetlona w wybranym stylu to najpierw do bufora wrzucac początek tagu:
<font color='green' size='9'><b>
Następnie doklejasz swoja zmienną z jezyka C
I na koniec doklejasz tagi kończące twój styl:
</b>\n</font>


Autor postu otrzymał pochwałę


Góra
 Zobacz profil  
cytowanie selektywne  Cytuj  
PostNapisane: 4 lis 2014, o 21:56 
Offline
Użytkownik
Avatar użytkownika

Dołączył(a): 04 lut 2014
Posty: 164
Pomógł: 3

Źródło: ps. sorry że takie pocięte ale tak mi to widzi.

Składnia: [ Pobierz ] [ Ukryj ]
język html4strict
Musisz się zalogować, aby zobaczyć kod źródłowy. Tylko zalogowani użytkownicy mogą widzieć kod.


edit:
dzięki Wilu88 - mniej więcej o takie rozwiązanie chodziło - pokombinuję i sprawdzę wyniki.

Jeżeli ktoś ma jeszcze jakieś fajne pomysły to temat nadal otwarty.

_________________
::::::: C ::::::::::
:::::: C++ :::::::::



Góra
 Zobacz profil  
cytowanie selektywne  Cytuj  
PostNapisane: 4 lis 2014, o 22:15 
Offline
Użytkownik
Avatar użytkownika

Dołączył(a): 07 kwi 2013
Posty: 418
Lokalizacja: Rzeszów
Pomógł: 102

Dorzucę swoje "trzy grosze" i powiem że w dzisiejszych czasach pasowałoby używać wyłącznie CSS to stylizowania strony.
Znaczniki "font" już dawno wyszły z użycia i warto zastąpić je np. w ten sposób:

Składnia: [ Pobierz ] [ Ukryj ]
język html4strict
Musisz się zalogować, aby zobaczyć kod źródłowy. Tylko zalogowani użytkownicy mogą widzieć kod.

Konieczne jest też używanie cudzysłowów a nie apostrofów (stąd problemy z kolorem i rozmiarem czcionki) dla wartości danych atrybutów. Dla uzyskania ich w ciągu znakowym w C, należy poprzedzić ich backslash'em np.:

Składnia: [ Pobierz ] [ Ukryj ]
język c
Musisz się zalogować, aby zobaczyć kod źródłowy. Tylko zalogowani użytkownicy mogą widzieć kod.


Autor postu otrzymał pochwałę


Góra
 Zobacz profil  
cytowanie selektywne  Cytuj  
PostNapisane: 4 lis 2014, o 22:30 
Offline
Użytkownik
Avatar użytkownika

Dołączył(a): 04 lut 2014
Posty: 164
Pomógł: 3

Dopiero tak na serio zaczynam łączyć C, html i CSS razem bo tak poza - osobno - to w miarę w nich wszystkich się orientuję.

Dzięki wszystkim za odpowiedzi.

_________________
::::::: C ::::::::::
:::::: C++ :::::::::



Góra
 Zobacz profil  
cytowanie selektywne  Cytuj  
PostNapisane: 4 lis 2014, o 23:11 
Offline
Użytkownik

Dołączył(a): 20 wrz 2013
Posty: 647
Zbananowany użytkownik

Pomógł: 101

..albo tak:
Składnia: [ Pobierz ] [ Ukryj ]
język html4strict
Musisz się zalogować, aby zobaczyć kod źródłowy. Tylko zalogowani użytkownicy mogą widzieć kod.

_________________
+++++[>++++<-]>[>++++++<-]>.---------.+++.



Góra
 Zobacz profil  
cytowanie selektywne  Cytuj  
PostNapisane: 5 lis 2014, o 00:16 
Offline
Użytkownik
Avatar użytkownika

Dołączył(a): 07 kwi 2013
Posty: 418
Lokalizacja: Rzeszów
Pomógł: 102

Nie chcę już edytować poprzedniego swojego posta bo byłoby to mało widoczne, a nie do końca poprawnie zrealizowałem odstęp w tekście. Dla dodania dużego odstępu (wielu spacji obok siebie) trzeba użyć encji "&nbsp;" dla pojedynczego odstępu (spacji). Przeglądarki interpretują dowolną ilość białych znaków jako pojedynczą spację, dlatego aby uzyskać większą przestrzeń trzeba używać niezalecanej encji (nbsp) lub lepiej CSS (pozycjonowanie lub marginesy zewnętrzne/wewnętrzne tzw. padding).

Tak jak pisałem wcześniej błędne jest używanie apostrofów dla objęcia wartości atrybutów. Najlepiej używać cudzysłowów, ponieważ ich brak w pewnych przypadkach może powodować problemy.
Jeśli nie mamy do czynienia z HTML5 to trzeba również zdefiniować typ MIME jako CSS:

Składnia: [ Pobierz ] [ Ukryj ]
język html4strict
Musisz się zalogować, aby zobaczyć kod źródłowy. Tylko zalogowani użytkownicy mogą widzieć kod.

Dodatkowo przydałby się umieścić na samym początku dokumentu "doctype" (wersja dla HTML5 umieszczona w forumowym bloku "html4strict" ponieważ dla "html5" ten kod jest ukrywany ;)):

Składnia: [ Pobierz ] [ Ukryj ]
język html4strict
Musisz się zalogować, aby zobaczyć kod źródłowy. Tylko zalogowani użytkownicy mogą widzieć kod.


Autor postu otrzymał pochwałę


Góra
 Zobacz profil  
cytowanie selektywne  Cytuj  
PostNapisane: 5 lis 2014, o 06:51 
Offline
Użytkownik
Avatar użytkownika

Dołączył(a): 23 maja 2014
Posty: 317
Pomógł: 19

Może kolega Lex_ pracuje nad czymś podobnym jak ja: http://forum.atnel.pl/topic8996.html :D
Jeżeli tak to proponowałbym wykorzystanie znaczników CSS przez javascript, lub jquery. Jeżeli chodzi o technologię do wysyłania/odbioru to jest conajmniej pare możliwości.

Pozdrawiam! j23 Jarek

_________________
"O sygnałach bez całek" Czesław Frąc



Góra
 Zobacz profil  
cytowanie selektywne  Cytuj  
PostNapisane: 5 lis 2014, o 15:31 
Offline
Użytkownik
Avatar użytkownika

Dołączył(a): 04 lut 2014
Posty: 164
Pomógł: 3

@j23 Jarek: bardzo podobny projekt z tym że mój jest uproszczony - stawiam serwer na atmedze+karta sieciowa, podłączam czujnik temperatury a potem wszystko podpinam pod router i przez wifi mogę sprawdzić aktualną temperaturę na piecu CO.

Dzięki za odpowiedzi.

_________________
::::::: C ::::::::::
:::::: C++ :::::::::



Góra
 Zobacz profil  
cytowanie selektywne  Cytuj  
PostNapisane: 5 lis 2014, o 15:59 
Offline
Nowy

Dołączył(a): 04 sty 2013
Posty: 21
Lokalizacja: Konin
Pomógł: 1

ale to jest serwer na atmedze postawiony? dla mnie to czary póki co choć wiem, że to możliwe, natomiast zazwyczaj style robi się w osobnym pliku, jeśli masz dostep do netu z kompa, który widzi atmegę to możesz nie marnować miejsca na procku i wywalić style gdzieś w świat, na jakiś darmowy serwer czy może nawet dropbox (powinno działać z dropboxem) i wtedy dodajesz tylko linijkę w sekcji
Kod:
<head>
<link rel="Stylesheet" type="text/css" href="http://twojserwer.pl/style_do_atmega.css" />
</head>


a sam plik styli wygląda powiedzmy tak:

Kod:
BODY {
    background : rgb(215,251,226);
    text-align : center;
    margin     : 50px;
}

.czerwony
{
  color:red;
}

.zielony {
 color:#00FF00;
}


B {
   color: #336699;
   font-family: verdana;
   font-size: 12px;
}

DIV {
    color      : rgb(0,0,0);
    background : rgb(0,128,255);
    width      : 400px;
    border     : 3px black solid;
}

H1 {
    margin     : 20px;
    border     : 1px solid black;
    background : rgb(255,255,155);
}

Oczywiście mając dostęp do netu możesz też wczytywać grafiki na stronę.


aaa i jeszcze klasy możesz dodawać, w pliku styli masz zdefiniowane .czerwony oraz .zielony dzieki temu w kodzie piszesz tylko:

<B class=czerwony> czerwony tekst </B>
<B class=zielony> zielony tekst </B>



Góra
 Zobacz profil  
cytowanie selektywne  Cytuj  
PostNapisane: 5 lis 2014, o 18:27 
Offline
Użytkownik
Avatar użytkownika

Dołączył(a): 23 maja 2014
Posty: 317
Pomógł: 19

Tak jest - tak jak Kolega dr.Boczek mówi :)

Ja co prawda pisałem o tym w swoim projekcie, ale tutaj zaznaczę, że w Twoim przypadku najprościej byłoby użyć skryptów jQuery (logicznie - praca po stronie serwera, fizycznie po stronie klienta), jakiś plik wymiany danych - ponoć JSON jest prostszy w implementacji, ja w swoim projekcie wybrałem XML ze względu na spójność danych (bezpieczeństwo). Dodatkowo samo jQuery (taka biblioteka javascriptu) wszystkiego nie zrobi, bo musisz zadbać o szybkie przetworzenie danych po stronie serwera (czyli fizyczne i logiczne przetworzenie danych po stronie serwera). Z różnymi efektami wizualnymi możesz poradzić sobie dodatkowo korzystając z jeszcze jednej biblioteki javascriptu o nazwie jQuery UI (to nie do końca to samo co suche jQuery). Teraz, sprawa jest prostsza jeśli robisz jakąś tam prostą stronkę, gdzie o bezpieczeństwo (włamania itp.) specjalnie się nie martwisz. Natomiast jeśli bierzesz np. pod uwagę bezpieczeństwo serwera/wymiany danych etc. to wypadało by zadbać o to. Dlatego ja przygotowuje swój projekt w oparciu o technologię WordPress, gdzie mam pewne wsparcie od ludzi, którzy budując rdzeń WordPress'a dbają także i o bezpieczeństwo. Niestety w WordPress'ie nie robi się wszystko tak prosto jak w zwykłej stronce, bo trzeba się dostować do pewnych zasad kodowania. Idea jest zacna, ale trochę trzeba się namęczyć w implementacji ;)
Na zakończenie podaję link do źródeł wiedzy, z których sam korzystam:
http://it-ebooks.info/

Pozdrawiam! j23 Jarek

_________________
"O sygnałach bez całek" Czesław Frąc



Góra
 Zobacz profil  
cytowanie selektywne  Cytuj  
PostNapisane: 6 lis 2014, o 00:04 
Offline
Użytkownik
Avatar użytkownika

Dołączył(a): 04 lut 2014
Posty: 164
Pomógł: 3

Panowie, panowie - wiem że chcecie dobrze, ale przedobrzacie.

Wciskacie mi wręcz na siłę style css a ja potrzebuję TYLKO sformatować jedną jedyną linijkę w html.
Od początku wiedziałem że projekt będzie na atmega32 i CSS odpada ze względu na małą ilość miejsca.
Nie potrzebuję serwera 'na zewnątrz' bo ten który jest na amtedze w zupełności wystarcza do tych celów, które założyłem.

Co do zabezpieczenia - napisałem sobie stronę logowania aby nikt nie powołany nie dostał się do urządzenia.

Pozdrawiam i dzięki za pomysły.

_________________
::::::: C ::::::::::
:::::: C++ :::::::::



Góra
 Zobacz profil  
cytowanie selektywne  Cytuj  
PostNapisane: 6 lis 2014, o 22:11 
Offline
Użytkownik
Avatar użytkownika

Dołączył(a): 04 lut 2014
Posty: 164
Pomógł: 3

ROZWIĄZANIE (NAJPROSTSZE):

wystarczy wyrzucić </font> na końcu pierwszej linijki
Składnia: [ Pobierz ] [ Ukryj ]
język c
Musisz się zalogować, aby zobaczyć kod źródłowy. Tylko zalogowani użytkownicy mogą widzieć kod.


Dla potomnych. Pozdro.

_________________
::::::: C ::::::::::
:::::: C++ :::::::::



Góra
 Zobacz profil  
cytowanie selektywne  Cytuj  
PostNapisane: 11 lis 2014, o 20:50 
Offline
Użytkownik

Dołączył(a): 05 lut 2014
Posty: 252
Lokalizacja: obok Częstochowy
Pomógł: 14

No a tą funkcję "fill_tcp_data" to przerabiałeś? Ja musiałem użyć funkcji itoa, żeby mi zmienną wyświetlało:

Składnia: [ Pobierz ] [ Ukryj ]
język c
Musisz się zalogować, aby zobaczyć kod źródłowy. Tylko zalogowani użytkownicy mogą widzieć kod.



Góra
 Zobacz profil  
cytowanie selektywne  Cytuj  
PostNapisane: 24 lis 2014, o 23:53 
Offline
Użytkownik
Avatar użytkownika

Dołączył(a): 04 lut 2014
Posty: 164
Pomógł: 3

Jasne - ale ja to zrobiłem już wcześniej - potem tylko przekazałem gotową zmienną ;)

Pozdrawiam.

_________________
::::::: C ::::::::::
:::::: C++ :::::::::



Góra
 Zobacz profil  
cytowanie selektywne  Cytuj  
Wyświetl posty nie starsze niż:  Sortuj wg  
Utwórz nowy wątek Odpowiedz w wątku  [ Posty: 18 ] 

Strefa czasowa: UTC + 1


Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 1 gość


Nie możesz rozpoczynać nowych wątków
Nie możesz odpowiadać w wątkach
Nie możesz edytować swoich postów
Nie możesz usuwać swoich postów
Nie możesz dodawać załączników

Szukaj:
Skocz do:  
Sitemap
Technologię dostarcza phpBB® Forum Software © phpBB Group phpBB3.PL
phpBB SEO