Předlohy textů
Obecně o HTML značkách
Párová značka / element
<nazev-elementu nazev_atributu="hodnota_atributu">telo_elementu</nazev-elementu>
Nepárová značka / element - INPUT, BR, IMG ...
<nazev-elementu>
Základní atributy
- id - jednoznačný identifikátor elementu
- name - název prvku formuláře
- class - mezerou oddělený seznam tříd, které souhrnně předefinovávají formát a chování daného elementu
- style - jednorázová modifikace formátu/stylu elementu
Formátování elementu
-
formátování atributem - lze použít jen u některých elementů
- width="100%" height="50px" - šířka, výška elementu
- align="left|right|justify|center" - zarovnání textu
-
formátování stylem - style="atribut1: hodnota1; atribut2: hodnota2;"
- width: 100%; height: 50px; - šířka, výška elementu
- border: 1px solid black; - orámování elementu plnou černou čarou šíře 1
- margin-top|right|bottom|left: 5px; margin: 1px 2px 3px 4px;" - vnější okraj elementu
- padding (viz. margin) - vnitřní okraj elementu
- color: red; color: #FF0000; background-color: white; - barva písma a barva pozadí
- text-align: left|right|justify|center; - zarovnání textu
- white-space: nowrap - nezalamovat text
-
formátování ccs stylem
-
<style type="text/css">
h2 {color: blue; font-style: italic;}
p {text-indent: 30px; margin: 0px;}
</style> (odsazení odstavce) -
netisknutí určitého prvku <style type="text/css">
@media print { .noprint { display: none; } }
</style> k tomu <span class="noprint"></span>
-
<style type="text/css">
Formátovací značky
-
nadpis -
<h1>nadpis 1</h1>, <h2>podnadpis 2</h2>, ...
-
odstavec -
<p align="left|right|justify|center">odstavec</p>
-
seznam -
<ul type="disc|circle|square"><li>položka A<li><li>položka B.....</ul>
-
číslovaný seznam -
<ol type="1|A|a|I|i"><li>položka A<li><li>položka B.....</ol>
-
pomocná značka pro formátování bloku -
<div>samostatný blok</div>
-
pomocná značka pro formátování vnořeného textu -
<span>inline blok</span>
-
odřádkování (nepárový) -
<br>
-
tvrdá mezera -
-
speciální znaky -
><...
Formátování písma
- tučné - <b>
- výrazné (tučné) - <strong>
- kurzíva - <i>
- zvýraznění (kurzíva) - <em>
- podtržené - <u>
- malé - <small>
Tabulka
- table - začátek/konec definice tabulky
- col - pomocí tohoto tagu se definují vlastnosti pro daný sloupec tabulky (nepárová značka)
- tr - začátek/konec definice řádku
- th - začátek/konec definice záhlaví sloupce (jako td jen text je tučný a centrovaný na střed)
- td -začátek/konec definice buňky
<table width="100%" border="1">
<col style="" width="" nowrap>
<col>
<tr>
<th>nadpis slupce</th>
<th>...</th>
</tr>
<tr>
<td>buňka</td>
<td>...</td>
</tr>
</table>
Sloučení buňek
- colspan - přesah buňek do dalších n sloupců - <td colspan="2">
- rowspan - přesah buňky na n dalších řádků - <td rowspan="2">
Formulářové prvky
-
input
- text - textový edit
- checkbox - zatržítko
- radio - přepínač
- select - výběrový edit
- textarea - víceřádkové textové pole pro prostý text
<form name="nazev-formulare">
<input name="nazev" class="num|int|date" size="5" maxlength="5" type="text|checkbox|radio" width="" checked>
<select name="nazev">
<option value="volba1" selected>Volba 1</option>
<option value="volba2">Volba 2</option>
</select>
<textarea name="nazev" cols="" rows="">... text ...</textarea>
</form>
Speciální prvky
"Natahovací" edit - víceřádkové pole "samonatahovací" pro formátovaný text
<div class="edit" name=""></div>
Datumový edit
<input type="text" class="date" size="10" name="NAZEV" ciselnik="datum"><input type="button" tabindex="-1" value="..." edit="NAZEV">
Číselníkový edit
Diagnozy
<input type="text" name="" ciselnik="INDSKUP|MKN10|..." parametry="TYP=CHOROBY">
<input type="text" size="50" name="pacient-dg-slov" ciselnik="MKN10" return="NAZ"><input type="button" tabindex="-1" value="..." edit="pacient-dg-slov">
<input type="text" size="5" name="pacient-dg" ciselnik="MKN10" return="KOD|NAZ"><input type="button" tabindex="-1" value="..." edit="pacient-dg">
Lékaři
<input type="text" name="LEKAR" ciselnik="PERSONAL" return="NAZEV"><input type="button" tabindex="-1" value="..." edit="LEKAR">
<input type="text" size="100" name="LEKAR" ciselnik="LEKAR" return="PRIJMENI|JMENO|TITUL1|TITUL2|ADRESA"><input type="button" tabindex="-1" value="..." edit="LEKAR">
Léky
<input type="text" size="100" name="ABC" ciselnik="LEKY" return="KOD|NAZ|CENA"><input type="button" tabindex="-1" value="..." edit="ABC">
Zaměstnavatelé
<input type="text" size="30" name="pacient-zamest" ciselnik="OSOBAZAMEST" return="NAZEV|DATOD|DATDO|PROFESE|POZN|PRAZAR|ZAVSKUP"><input type="button" tabindex="-1" value="..." edit="pacient-zamest">
<input type="text" size="100" name="pacient-zamest" ciselnik="OSOBAZAMEST" return="NAZEV|PROFESE" special="setZamestInfo"><input type="button" tabindex="-1" value="..." edit="pacient-zamest" >
oddělení polí číselníků
<input type="text" size="20" name="kod_oboru1" ciselnik="OBORYVZDELANI" return="KOD|NAZEV" special="KOD=kod_oboru1|NAZEV=nazev_oboru1">
<input type="text" size="100" name="nazev_oboru1">
<input type="button" tabindex="-1" value="..." edit="kod_oboru1">
Script:
<script>
function ValidateForm(edit) {
var form = edit.form;
var val;
if (!form) return ;
val = form.leky.value;
document.getElementById(p7).style.display = (val != leky1 ? block : none); (pokud je tam vykřičník, tak se nezobrazuje, jinak nahradit rovnítkem, varianta block, u divu se udělá nový řádek)
val = form.leky.value;
document.getElementById(p7).style.display = (val != leky2 ? inline : none); (varianta inline, zůstane na řádku, typicky input)
}
</script>
<select name="leky" onchange="ValidateForm(this);">
<option value="leky1">neužívám</option>
<option value="leky2">beru občas</option>
</select>
< id="p7" style="display: none"> ->položka, která se má zobrazit, označit id
Výběr položek:
<select name="uziv">
<option value="1">užívám</option>
<option value="2">užíval jsem</option>
</select>
Jednoduché ohraničení tabulky
<table border="1" style="border-collapse:collapse; border:1px solid black; 0px;border-spacing: 0px; width: 100%;">
<col width="15%" STYLE="border: 1px solid black;">
Ukončení formuláře s datumem a podpisem
<table width="100%" style="margin-top: 5em;">
<tr>
<td width="50%">Vystaveno dne: <input type="text" name="dnes-datum"></td>
<td style="text-align: center; border-top: dotted 1px black;"><input size="35" type="text" name="per-jmenoext"><br><small>Posuzující lékař (jméno, podpis, razítko)</small></td>
</tr>
</table>
Předdefinované názvy
-
Obecné
- dnes-datum
- dnes-datum2
- dnes-datum3
- dnes-cas
- dnes-datumcas
- dat-vyd-posudku
- datum-prevzeti
- vysledky-prohl
- org-cesta
-
Uživatel
- per-jmenoint
- per-jmeno
- per-prijmeni
- per-titul1
- per-titul2
- per-tel
- per-mail
- per-email
- per-jmeno-adresa
- per-jmenoext
- per-zkr
- per-jmeno-adresa
-
Pracoviště
- pra-kod
- pra-naz
-
Oddělení
- odd-kod
- odd-naz
-
Zařízení
- zar-naz
- zar-naz2
- zar-adresa
- zar-ico
- zar-dic
- zar-icz
- zar-iczicodic
- zar-tel
- zar-email
- zar-ulice
- zar-cisloul
- zar-misto
- zar-misto2
- zar-psc
- zar-stat
-
Přihlášená účetní jednotka
- lekar-nazev
- lekar-icz
- lekar-icp
- lekar-odb
-
Pacient
- pacient-celejmeno
- pacient-celejmeno2
- pacient-celejmeno1
- pacient-prijmeni
- pacient-jmeno
- pacient-titul
- pacient-rodcis
- pacient-rodcis2
- pacient-poj
- pacient-datnar
- pacient-adresa
- pacient-adresa2
- pacient-ulice
- pacient-ulice-naz
- pacient-ulice-cis
- pacient-psc
- pacient-misto
- pacient-stat
- pacient-mistonar
- pacient-adresa-prech
- pacient-ulice-prech
- pacient-ulice-prech-naz
- pacient-ulice-prech-cis
- pacient-psc-prech
- pacient-misto-prech
- pacient-stat-prech
- pacient-pin
- pacient-cisop
- pacient-cisop2
- pacient-telefon
- pacient-telefon2
- pacient-email
- pacient-email2
- pacient-kontakty
- pacient-cisrod
- pacient-oscis
- pacient-rodcis-cisop
- pacient-vek
- pacientvek
- pacient-vek-text
- pacient-pohl
- pacientpohl
- pacient-pozn1
- pacient-rodstav
- pacient-obcan
- pacient-vzdelani
- pacient-profese
- pacient-profese2
- pacient-zamest
- pacient-zamestnaz
- pacient-zamestnaz2
- pacient-zamestadr
- pacient-zamestico
- pacient-zavpeceskup
- pacient-zavpeceskup2
- pacient-zavzar
- pacient-zamestulice
- pacient-zamestcisloul
- pacient-zamestmisto
- pacient-zamestpsc
- pacient-zameststat
- pacient-kurak
- pacient-pripad
- pacient-planovac
- pacient-trvmed
- pacient-trvmed-br
- pacient-dnesrec
- pacient-dnesrec-br
- pacient-rec
- pacient-rec-br
- pacient-trvdgn
- pacient-trvdgnp
- pacient-anam
- pacient-sanam
- pacient-anam2
- pacient-anam-alergie
- pacient-anam-dieta
- pacient-anam-krevskup
- pacient-disp
- pacient-hdg
- pacient-vdg1
- pacient-vdg2
- pacient-vdg3
- pacient-hdgnaz
- pacient-vdg1naz
- pacient-vdg2naz
- pacient-vdg3naz
- pacient-tetan
- pacient-objstav
- pacient-prevprohl
- pacient-15120
- pacient-15121
- pacient-osetrlek
- pacient-oper
- pacient-hosp-od
- pacient-hosp-do
- pacient-prijem-DG
- pacient-prijem-DG1
- pacient-prijem-DG2
- pacient-prijem-DG3
- pacient-prijem-DG4
- pacient-prijem-DG5
- pacient-prijem-DG6
- pacient-prijem-DGDOP
- pacient-prijem-DGPRI
- pacient-prijem-DGMIN
- pacient-prijem-DGNEM
- pacient-prijem-cislo
- pacient-chor-nyonem
- pacient-chor-aktstav
- pacient-chor-planpece
- pacient-chor-planpecepacient-operace
- pacient-operater
- pacient-operace-nalez
- pacient-vaha
- pacient-vyska
- pacient-bmi
- pacient-bsa
- pacientbsa
- pacient-glykemie
- pacient-cholhdlpacient-cholldl
- pacient-choltg
- pacient-puls
- pacient-pristav
- pacient-tk
- pacient-obhlav
- pacient-nes
- pacient-neschopenky
- pacient-nescis
- pacient-nesod
- pacient-nesvychod
- pacient-nesadr
- pacient-nesadr2
- pacient-nesfirma
- pacient-nesfirnaz
- pacient-nesfiradr
- pacient-nesprof
- pacient-ock
- pacient-ockprov
- pacient-datpri
- pacient-grav
- pacient-grav-porod
- pacient-grav-porod
- pacient-grav-info
- pacient-grav-gage
- pacient-grav-pm
- pacient-grav-prukaz
- pacient-grav-materska
- pacient-grav-uzdate
- pacient-grav-uzga
- pacient-grav-trim
- pacient-grav-trim1od
- pacient-grav-trim2od
- pacient-grav-trim3od
- pacient-grav-trim3do
- pacient-grav-vychvaha
- pacient-grav-prohdatum
- pacient-grav-prohvaha
- pacient-grav-prohtksys
- pacient-grav-prohtkdia
-
Laser
- pacient-laser-Provedl
- pacient-laser-Datum
- pacient-laser-Druh
- pacient-laser-Doplnek
- pacient-laser-Pulzu
- pacient-laser-Energie
- pacient-laser-Koncovka
- pacient-laser-VLdelka
- pacient-laser-Reakce
- pacient-laser-Cena
- pacient-laser-Poznamka
-
Partner
- partner-celejmeno
- partner-prijmeni
- partner-jmeno
- partner-titul
- partner-rodcis
- partner-poj
- partner-datnar
- partner-adresa
- partner-ulice
- partner-psc
- partner-misto
- partner-stat
- partner-cisop
- partner-telefon
- partner-email
- partner-kontakty
- partner-oscis
- partner-cisrod
- partner-obcan
-
Rodinní příslušníci
- extosoba-celejmeno
- extosoba-prijmeni
- extosoba-jmeno
- extosoba-titul
- extosoba-datnar
- extosoba-adresa
- extosoba-ulice
- extosoba-misto
- extosoba-stat
- extosoba-telefon
- extosoba-mail
- extosoba-cisop
- extosoba-rodcis
- extosobam-celejmeno (matka)
- extosobam-prijmeni
- extosobam-jmeno
- extosobam-titul
- extosobam-rodcis
- extosobam-datnar
- extosobam-adresa
- extosobam-ulice
- extosobam-psc
- extosobam-misto
- extosobam-stat
- extosobam-cisop
- extosobam-telefon
- extosobam-email
- extosobao-celejmeno (otec)
- extosobao-prijmeni
- extosobao-jmeno
- extosobao-titul
- extosobao-rodcis
- extosobao-datnar
- extosobao-adresa
- extosobao-ulice
- extosobao-psc
- extosobao-misto
- extosobao-stat
- extosobao-cisop
- extosobao-telefon
- extosobao-email
-
Firma
- firma-nazev
- firma-adresa
- firma-ico
- firma-dic
- firma-doplnek
- firma-telefon
- firma-mobil
- firma-email
Obrázky
Element IMG je nepárový.
-
externí zdroj -
<IMG align=middle src="file:///M(disk):/obr(sdílený adresář)/obrázek.png" width=220> na disk musí vidět všichni
-
interní zdroj (interní ve SmartMEDIXu) - <img srcname="ZEME">
<img srcname="SOC\PANAK">
-
vložený obrázek -
<img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." /">
Obrázek se zakóduje do formátu Base64 zde: http://base64online.org/encode/
Konfigurace
Tlačítko Konfigurace slouží k úpravám nastavení, která souvisejí s administrativními záležitostmi, jako např. personál, zařízení apod.