NOVINKA: Kurz kybernetické bezpečnosti s akreditací MŠMT, nyní již od 0 Kč. Staň se žádaným profesionálem. Zjisti více:
Avatar
dronkarll
Člen
Avatar
dronkarll:19.12.2016 17:37

Ahojte všem chtěl bych vás požádat o radu při vytvoření podmínky v JS a konkrétně bych chtěl udělat to že když bych nastavil daný počet písmen tak by se změnil sizefont ( takže když bude třeba například od 1 do 10 písmen v odstavci změní se font třeba na 200px a když by bylo od 11 do 15 písmen tak by se změnil font třeba na 150px) hledal jsme na internetu a nic sem podobného nesehnal. Byl bych moc vděčný kdyby mi někdo poradil nebo by mě aspoň trochu nasměrovat.

 
Odpovědět
19.12.2016 17:37
Avatar
Libor Šimo (libcosenior)
Tvůrce
Avatar
Libor Šimo (libcosenior):19.12.2016 17:51

Po zadani retazcu do odstavca vyvolas udalost na zmenu velkosti fontu na zaklade splneni podmienky velkosti retazca.

Nahoru Odpovědět
19.12.2016 17:51
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
dronkarll
Člen
Avatar
Odpovídá na Libor Šimo (libcosenior)
dronkarll:19.12.2016 17:55

To moc nechápu v JS jsem nováček takže se tím prokousavam. Jinak děkuji kouknu na to a nějak to dám dohromady

Editováno
 
Nahoru Odpovědět
19.12.2016 17:55
Avatar
Libor Šimo (libcosenior)
Tvůrce
Avatar
Odpovídá na dronkarll
Libor Šimo (libcosenior):19.12.2016 17:57

Precital a vyskusal si si miestny serial o JS?
Je velmi jednoduche napisat, poradte alebo nasmerujte, ale prestudovat si nieco je velmi tazke. Ze?

Nahoru Odpovědět
19.12.2016 17:57
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
Libor Šimo (libcosenior)
Tvůrce
Avatar
Odpovídá na dronkarll
Libor Šimo (libcosenior):19.12.2016 17:58

Po prestudovani to zvladnes v pohode sam.

Nahoru Odpovědět
19.12.2016 17:58
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
dronkarll
Člen
Avatar
Odpovídá na Libor Šimo (libcosenior)
dronkarll:19.12.2016 18:05

Ano učím se zde z tutoriálu každý den a pročítam i jiné tutoriály jen sem nějak nebyl schopen zatim dát toto dohromady

Editováno
 
Nahoru Odpovědět
19.12.2016 18:05
Avatar
Libor Šimo (libcosenior)
Tvůrce
Avatar
Libor Šimo (libcosenior):19.12.2016 18:16

Zacni pisat kod, spustaj si ho a stale ho dplnuj a vylepsuj.

Nahoru Odpovědět
19.12.2016 18:16
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
Libor Šimo (libcosenior)
Tvůrce
Avatar
Odpovídá na dronkarll
Libor Šimo (libcosenior):19.12.2016 18:18

Uz mas napisanu zakladnu stranku s odstavcami este bez JS?

Nahoru Odpovědět
19.12.2016 18:18
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
dronkarll
Člen
Avatar
dronkarll:19.12.2016 18:31

Základní strukturu už mám pouze jen se funkcí print přes JS kde mám dané font size které se změní když zmáčknu print a teď se to snažím vylepšit tou podmínkou že se font size změní podle délky textu

 
Nahoru Odpovědět
19.12.2016 18:31
Avatar
Libor Šimo (libcosenior)
Tvůrce
Avatar
Libor Šimo (libcosenior):19.12.2016 19:14

Pastni sem kod.

Nahoru Odpovědět
19.12.2016 19:14
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
dronkarll
Člen
Avatar
dronkarll:19.12.2016 19:23

<body>
<div id="div">
<p id="size">řepa-jablko</p>
<p id="sizedate">21-11-1C</p>
<p id="demo"></p>
</div>
<footer>
<!--tlačítko pro tisk-->
<button onclick="prin­tContent('div')" class="btn_prin­t">Print</but­ton>
<!--zadaní textu a potvrzení-->
<textarea id="myTextarea" rows="1" cols="11" autofocus placeholder="da­tum/kusy"></tex­tarea>
<button type="button" onclick="myFun­ction()" class="btn">pot­vrď</button>
</footer>
</body>

 
Nahoru Odpovědět
19.12.2016 19:23
Avatar
dronkarll
Člen
Avatar
dronkarll:19.12.2016 19:24

function printContent(el){
var restorepage = document.body­.innerHTML;
var printcontent = document.getE­lementById(el)­.innerHTML;
document.body­.innerHTML = printcontent;
document.getE­lementById("si­ze").style.fon­tSize = "160px";
document.getE­lementById("si­zedate").style­.fontSize = "210px";
document.getE­lementById("de­mo").style.fon­tSize = "210px";
window.print();
document.body­.innerHTML = restorepage;
}

 
Nahoru Odpovědět
19.12.2016 19:24
Avatar
dronkarll
Člen
Avatar
dronkarll:19.12.2016 19:26

a konkretně v document.getE­lementById("si­ze").style.fon­tSize = "160px"; bych chtěl udělat tu podmínku kde nenastavím napevno size ale podle toho jak je slouhy text

 
Nahoru Odpovědět
19.12.2016 19:26
Avatar
Libor Šimo (libcosenior)
Tvůrce
Avatar
Odpovídá na dronkarll
Libor Šimo (libcosenior):19.12.2016 20:09

Sorry, ale ja tieto veci riesim cez jQuery.

Nahoru Odpovědět
19.12.2016 20:09
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
dronkarll
Člen
Avatar
dronkarll:19.12.2016 20:12

přes to to jde tak jo ? nevadí jQuery se taky časem dostanu ale první se musím naučit JS ne? jinak ale dík tak ochotu a že ses ozval

 
Nahoru Odpovědět
19.12.2016 20:12
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na dronkarll
Neaktivní uživatel:19.12.2016 20:24 
var sizeElement = document.getElementById("size");
sizeElement.style.fontSize = ( sizeElement.innerHTML.length < 100 ) ? "72px" : "32px";

Nastaví elementu #size velikost textu na 72px v případě, že má 0-99 znaků, jinak pro 100 a více znaků velikost 32px.

EDIT
Kód nahoře používá ternární operátor, ve finále je to samý jako:

var sizeElement = document.getElementById("size");

if ( sizeElement.innerHTML.length < 100 ){
        sizeElement.style.fontSize = "72px";
} else{
        sizeElement.style.fontSize = "32px";
}
Editováno
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
19.12.2016 20:24
Neaktivní uživatelský účet
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na dronkarll
Neaktivní uživatel:19.12.2016 20:35

https://jsfiddle.net/…ll/7erngu62/
Pokud mas nejaky dotazy, klidne se ptej.

Do odstavce si neco pripis, pripadne ho zkrat a pouzij tlacitko RUN na prekresleni.

Editováno
Nahoru Odpovědět
19.12.2016 20:35
Neaktivní uživatelský účet
Avatar
dronkarll
Člen
Avatar
Odpovídá na Neaktivní uživatel
dronkarll:19.12.2016 20:50

to je přesně ono co sem hledal ale jak koukám tak to nebylo tak složité ale jak říkám jsem začátečník takže si to teď rozeberu abych věděl jak si k tomu přišel :D

 
Nahoru Odpovědět
19.12.2016 20:50
Avatar
dronkarll
Člen
Avatar
Odpovídá na Neaktivní uživatel
dronkarll:19.12.2016 20:53

diky moc kdyby něco což určitě něco ještě bude :D tak se ozvu

 
Nahoru Odpovědět
19.12.2016 20:53
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 19 zpráv z 19.