PC-politika.cz - Novinky: JavaScript: dlouhý text, jak ho rozdělit PC-politika

JavaScript: dlouhý text, jak ho rozdělit

Možná, že vám tento článek bude připadat zbytečný a tedy samozřejmý. Často se však stává, že začínající kodér má problémy s delším textem ve skriptu. Neví si rady. Přitom JavaScript (JS)umožňuje velmi jednoduché rozdělení delšího textového řetězce. Podívejte se na jednoduchý výklad s ukázkou skriptu.

Možná, že vám tento článek bude připadat zbytečný a tedy samozřejmý. Často se však stává, že začínající kodér má problémy s delším textem ve skriptu. Neví si rady. Přitom JavaScript (JS) umožňuje velmi jednoduché rozdělení delšího textového řetězce. Podívejte se na jednoduchý výklad s ukázkou skriptu.

V tomto článku se budeme věnovat naprostými základy programovacího jazyka Java Script. Podíváme se opět na jednu ze základních a velmi důležitých funkcí (říkáme jim v komoditě PHP f-ce). Jde o velmi často používanou f-ce document.write, a to v souvislosti s rozdělováním delšího textu.

Zápis document.write

Takže tato f-ce je určena k výpisu, který se samozřejmě objeví na www stránce. Její kompletní zápis vypadá takto: documet.write(). Do závorek dáváme obsah, který má být vypsán/zobrazen na www stránce. Obvykle to má být text, proměnná nebo i část nějakého HTML kódu. Text a HTML kód vždy píšeme v JS do úvozovek, proměnnou bez úvozovek. Zápis může vypadat následovně (nejprve výpis textu, pak výpis kódu):

//Ukázka funkce document.write(), výpis textu
<HTML>
<HEAD>
  <TITLE>Funkce document.write</TITLE>
</HEAD>
<script type="text/javascript">
document.write("Moje první funkce");  //text Moje první funkce
text="Dobrý den";
document.write(text); //vypíše obsah proměnné text
</script>
</BODY>
</HTML>

//Ukázka document.write(), výpis HTML kódu
<HTML>
<HEAD>
  <TITLE>document.write, výpis HTML</TITLE>
</HEAD>
document.write("<strong>Nadpis v JS </strong>"); // výpis tagu HTML
// zobrazí stějně jako kód v HTML
</BODY>
</HTML>

UPDATE 07:02:2012 - Jak rozdělíme dlouhý text?

Jak jsem již zmínil, potíže jsou v JS s dlouhým textem přes více řádků. Proč? JS automaticky reaguje na více řádků! Z tohoto důvodu je nutné, abychom text (a také samozřejmě i kód) na posloupných (jednotlivých) řádcích za sebou dávali ručně dohromady. Provedeme to znaménkem +. Zde je příklad:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>document.write,rozdělení textu a kódu</TITLE>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</HEAD>
<body>
<script type="text/javascript">
   
//Ukázka rozdělení textu a kódu na tři řádky
document.write("<h2>Tuto část máme na prvním řádku...</h2>" 
+ "<h2>...Na druhý řádek dáváme tento text..</h2>"
+ "<h2>...Na třetí řádek dáváme tento text</h2>");
</script>
</BODY>
</HTML>

Funkci skriptu si můžete vyzkoušet zde: rozdel_textu1.html
Soubor skriptu si můžete stáhnout zde: rozdel_textu1.zip

Související články v kategorii:

· JavaScript: dlouhý text, jak ho rozdělit
· JAVASCRIPT: externí soubor
· JAVASCRIPT: Nezapomínejte na jQuery [2]
· Java: Očekává se prý totální útok
· JavaScript: Menu prostřednictvím atributu ID
· JavaScript: Používejme knihovnu JQuery
· JavaScript: Různé efekty utilitou Status bar Magic
· JavaScript: Rolující obrázky a text
· JavaScript: Nezapomínejte na jQuery [1]
· JavaScript: Vysouvací menu z boční lišty
· JavaScript: Různé možnosti objektu Date
· JavaScript: Počítadla nejsou validní!

Komentáře

Kvetos	Dne 06.02.2012 11:59 #1
Napomenutí: Komentáře: 262 Level uživatele: Hlavní Administrátor	Opravil jsem PHP na JavaScript. Jo? A schází tu ještě ta úprava pro dlouhý text? Zapomněl jsi?

Přidat komentář

Sdílet tuto novinku

URL:
BB-Code:
HTML:
Sdílet:	Share \|