home *** CD-ROM | disk | FTP | other *** search
/ Chip 2003 April / Chip_2003-04_cd1.bin / internet / Einstein / clanek73.html < prev    next >
Encoding:
Extensible Markup Language  |  2003-02-18  |  21.5 KB  |  295 lines
  1. <?xml version="1.0" encoding="iso-8859-2"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="cs" xml:lang="cs">
  4. <head>
  5.     <title>Einstein - Tvorba WWW - JavaScript - Javascript za 5 minut</title>
  6.     <link rel="stylesheet" href="./einstein.css" type="text/css" />  <meta name="DC.Identifier" content="(SCHEME=ISSN) 12140082" />
  7.   <meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
  8.   <meta name="author" content="Marek Soldßt" />
  9.   <meta name="copyright" content="Copyright Marek Soldßt 2002" />
  10.   <meta name="description" content="Server o poΦφtaΦφch, programovßnφ a internetu" />
  11.   <meta name="keywords" content="einstein,einstein.cz,soldßt,marek,12140082,1214-0082,poΦφtaΦ,program,internet,aktuality,diskuze,diskuse,pc,www,web,tvorba www,historie,html,xhtml,xml,wml,wap,javascript,php,css,design,smajl" />
  12.   <link rel="shortcut icon" href="./favicon.ico" />
  13. </head>
  14.  
  15.   <body><script language="JavaScript" type="text/javascript"><!-- document.write('<a name="#top"></a>'); --></script><div class="page">
  16.     <div class="lista">   | <a class="ven" href="http://www.einstein.cz/http://www.einstein.cz/?lista=soldat" title="http://www.einstein.cz/">Einstein.cz</a> | <a class="ven" href="http://www.einstein.cz/http://www.ozivote.cz/?lista=soldat" title="http://www.ozivote.cz/">O Životě.cz</a> | <a class="ven" href="http://www.einstein.cz/http://www.all4web.soldat.cz/?lista=soldat" title="http://www.all4web.soldat.cz/">All4web</a> | <a class="ven" href="http://www.einstein.cz/http://chat.soldat.cz/?lista=soldat" title="http://chat.soldat.cz/">Chat4U</a> | <a class="ven" href="http://www.einstein.cz/http://www.soldat.cz/?lista=soldat" title="http://www.soldat.cz/">Soldát.cz</a> | </div>    <div class="top"><a class="ven" href="http://www.einstein.cz/"><img id="logo" src="./logo.png" height="70" width="200" border="0" alt=" Einstein.cz " /></a>
  17.  
  18.     </div><div class="menu">
  19.       <span><a href="aktuality.html"    title=" ╚erstvΘ informace ze sv∞ta IT ">Aktuality</a></span>
  20.       <span><a class="ven" href="http://www.einstein.cz/diskuze/"      title=" Diskuznφ f≤rum ">Diskuze</a></span>
  21.       <span><a href="hardware.html"     title=" Rubrika : Hardware ">Hardware</a></span>
  22.       <span><a href="internet.html"     title=" Rubrika : Internet ">Internet</a></span>
  23.       <!-- <div><a class="ven" href="http://www.einstein.cz/programovani/" title="">Programovßnφ</a></div> -->
  24.       <span class="active"><a href="tvorbawww.html"     title=" Rubrika : Tvorba WWW ">Tvorba WWW</a></span>
  25.       <!-- <div><a class="ven" href="http://www.einstein.cz/download/"     title="">Download</a></div> -->
  26.       <!-- <div><a class="ven" href="http://www.einstein.cz/literatura/"   title="">Literatura</a></div> -->
  27.       <!-- <div><a class="ven" href="http://www.einstein.cz/download/"     title="">Hry</a></div> -->
  28.       <span><a href="historie.html"     title=" Rubrika : Historie poΦφtaΦ∙ ">Historie poΦφtaΦ∙</a></span>
  29.       <span><a href="oserveru.html"     title=" Informace o serveru ">O serveru</a></span>
  30.       <span><a class="ven" href="http://www.einstein.cz/slovnik/"      title=" Slovnφk poΦφtaΦov²ch zkratek a pojm∙ ">IT Slovnφk</a></span>
  31.       <div class="oblibene"><a href="javascript:window.external.AddFavorite('http://www.einstein.cz/','Einstein - poΦφtaΦe, programovßnφ, internet')" title=" Pokusφ se p°idat tuto strßnku do Va▒ich oblφben²ch polo╡ek ">P°idat k oblφben²m</a> <img src="./fav.png" border="0" height="10" width="15" alt="OblφbenΘ polo╡ky" /></div>
  32.     </div>
  33.     <div class="main">
  34.       <div class="left">
  35.         <div class="boxxtop">Tvorba WWW</div><div class="boxxbot"><img src="./bul.png" alt="" height="6" width="6" border="0"/> <a class="ven" href="http://www.einstein.cz/tvorbawww/html/" title=" HTML ">HTML</a><br/><img src="./bul.png" alt="" height="6" width="6" border="0"/> <a class="ven" href="http://www.einstein.cz/tvorbawww/xml/" title=" XML ">XML</a><br/><img src="./bul.png" alt="" height="6" width="6" border="0"/> <a class="ven" href="http://www.einstein.cz/tvorbawww/xhtml/" title=" XHTML ">XHTML</a><br/><img src="./bul.png" alt="" height="6" width="6" border="0"/> <a class="ven" href="http://www.einstein.cz/tvorbawww/php/" title=" PHP ">PHP</a><br/><img src="./bul.png" alt="" height="6" width="6" border="0"/> <a class="ven" href="http://www.einstein.cz/tvorbawww/css/" title=" CSS ">CSS</a><br/><img src="./bul.png" alt="" height="6" width="6" border="0"/> <a class="ven" href="http://www.einstein.cz/tvorbawww/wml/" title=" WML ">WML</a><br/><img src="./bul.png" alt="" height="6" width="6" border="0"/> <a class="ven" href="http://www.einstein.cz/tvorbawww/javascript/" title=" JavaScript ">JavaScript</a><br/><img src="./bul.png" alt="" height="6" width="6" border="0"/> <a class="ven" href="http://www.einstein.cz/tvorbawww/design/" title=" Design ">Design</a><br/></div><div class="delitko"> </div>
  36.  
  37.         <div class="boxxtop">Odb∞r email∙</div>
  38.         <div class="boxxbot">
  39.         <form action="http://www.einstein.cz/odber/odeslat_overeni.php" method="post" style="display:inline;">
  40.         <input type="text" name="email" value="vas@email.cz" style="border:0px solid #000000;height:20px;width:120px;background-color:#ffffff;color:#000000;" /><br />
  41.         <input type="checkbox" name="aktuality" value="true" checked="checked" />Aktuality <br />
  42.         <input type="checkbox" name="clanky" value="true" checked="checked" />╚lßnky <br />
  43.         <input type="submit" value="P°ihlßsit" style="border:0px solid #000000;height:20px;width:70px;background-color:#606099;color:#ffffff;" /></form> <form action="./odber/" method="post" style="display:inline;"><input type="submit" value="Vφce..." style="border:0px solid #000000;height:20px;width:50px;background-color:#606099;color:#ffffff;" /></form>
  44.         </div>
  45.         <div class="delitko"> </div>
  46.  
  47.         <div class="boxxtop">PartnerskΘ weby</div>
  48.         <div class="boxxbot" style="text-align:center;"><a class="ven" href="http://www.jaknaweb.com/" target="_blank"><img src="tvorbawww_me_cz.gif" height="31" width="88" border="0" alt=" JakNaWeb.com - vÜe pro tvorbu webu - HTML, PHP, MySQL, ASP, CSS,
  49. XML, JavaScripty, PHP " style="border:1px solid #000000;" /></a></div>
  50.         <div class="delitko"> </div>
  51.  
  52.         <div class="boxxtop">Informace o serveru</div>
  53.         <div class="boxxbot">
  54.         <small>╣Θfredaktor</small><br/><a class="ven" href="http://www.einstein.cz/http://www.soldat.cz/" title=" http://www.soldat.cz/ ">Marek Soldßt</a><br/><br/>
  55.         <small>hostujeme u</small><br/><a class="ven" href="http://www.einstein.cz/http://www.web4u.cz/" target="_blank" title=" http://www.web4u.cz/ ">WEB4U</a><br/><br/>
  56.         <small>kontaktnφ email</small><br/><a class="ven" href="http://www.einstein.cz/mailto:marek@soldat.cz" target="_blank" title=" mailto:marek@soldat.cz ">marek@soldat.cz</a><br/><br/>
  57.         <!--<small>ISSN</small><br/>-->ISSN 1214-0082</div>
  58.         <div class="delitko"> </div>
  59.  
  60.         </div>
  61.       <div class="right">        <div class="boxxtop">Hledßnφ</div>
  62.         <div class="boxxbot" style="text-align:center"><form method="get" action="http://www.einstein.cz/hledani.php" style="display:inline;">
  63.         <input type="text" name="vyraz" size="8" value="" style="height:22px;width:90px;background-color:#ffffff;color:#000000;" /> <input type="submit" value="OK" style="height:22px;width:30px;" />
  64.         <div class="delitko"> </div>
  65.         <select name="hledat_kde" style="width:125px;height:22px;">
  66.           <option value="clanky" selected="selected">v Φlßncφch</option>
  67.           <option value="aktuality">v aktualitßch</option>
  68.           <option value="slovnik">v IT slovnφku</option>
  69.           <option value="domeny">v domΘnßch</option>
  70.           <option value="fulltext">fulltextem</option>
  71.         </select>
  72.         </form></div>
  73.         <div class="delitko"> </div>
  74.         <div class="boxxtop">Anketa</div><div class="boxxbot"><center><strong>JakΘho pou╛φvßte mobilnφho operßtora?</strong></center><img src="./nic.gif" width="1" height="10" border="0" alt="" /><br/><a class="ven" href="http://www.einstein.cz/anketa/anketa.php?hlas=0">Eurotel (20%)<br/><img src="./anketa/sloup.png" height="10" width="62" border="0" alt="" /></a><br/><img src=./"nic.gif" width="1" height="10" border="0" alt="" /><br/><a class="ven" href="http://www.einstein.cz/anketa/anketa.php?hlas=1">T-Mobile (21%)<br/><img src="./anketa/sloup.png" height="10" width="64" border="0" alt="" /></a><br/><img src=./"nic.gif" width="1" height="10" border="0" alt="" /><br/><a class="ven" href="http://www.einstein.cz/anketa/anketa.php?hlas=2">Oskar (26%)<br/><img src="./anketa/sloup.png" height="10" width="81" border="0" alt="" /></a><br/><img src=./"nic.gif" width="1" height="10" border="0" alt="" /><br/><a class="ven" href="http://www.einstein.cz/anketa/anketa.php?hlas=3">Jin² (12%)<br/><img src="./anketa/sloup.png" height="10" width="37" border="0" alt="" /></a><br/><img src=./"nic.gif" width="1" height="10" border="0" alt="" /><br/><a class="ven" href="http://www.einstein.cz/anketa/anketa.php?hlas=4">Nemßm mobil (21%)<br/><img src="./anketa/sloup.png" height="10" width="64" border="0" alt="" /></a><br/><img src=./"nic.gif" width="1" height="10" border="0" alt="" /><br/><img src="./nic.gif" width="1" height="10" border="0" alt="" /><br/><center><strong>Celkem hlasovalo 110 lidφ.</strong></center></div>
  75.         <div class="delitko"> </div>
  76.        <div class="boxxtop">Co s Φlßnkem ?</div>
  77. <div class="boxxbot">
  78. <img src="./bul.png" height="10" width="10" border="0"/> <a class="ven" href="http://www.einstein.cz/tisk.php?id=73" target="_blank">Vytisknout</a><br/>
  79. <img src="./bul.png" height="10" width="10" border="0"/> <a class="ven" href="http://www.einstein.cz/doporucit.php?$server_cosclankem_url=http://www.einstein.cz/clanek.php?id=73">DoporuΦit</a><br/>
  80. <!-- <img src="./bul.png" height="10" width="10" border="0"/> <a class="ven" href="http://www.einstein.cz/emailem.php?id=73&typ=txt">E-mailem TXT</a><br/>
  81. <img src="./bul.png" height="10" width="10" border="0"/> <a class="ven" href="http://www.einstein.cz/emailem.php?id=73&typ=html">E-mailem HTML</a><br/>
  82. <img src="./bul.png" height="10" width="10" border="0"/> <a class="ven" href="http://www.einstein.cz/stahnout.php?id=73&typ=txt">Stßhnout .TXT</a><br/>
  83. <img src="./bul.png" height="10" width="10" border="0"/> <a class="ven" href="http://www.einstein.cz/stahnout.php?id=73&typ=html">Stßhnout .HTML</a><br/>
  84. <img src="./bul.png" height="10" width="10" border="0"/> <a class="ven" href="http://www.einstein.cz/stahnout.php?id=73&typ=doc">Stßhnout .DOC</a><br/> -->
  85. </div>
  86. <div class="delitko"> </div>
  87.                         <div class="boxxtop">U╛ jste Φetli...?</div>
  88. <div class="boxxbot">
  89. <div>- <a class="ven" href="http://www.einstein.cz/clanek.php?id=71">Internet, nebo internet?</a></div><div class="delitko"> </div><div>- <a class="ven" href="http://www.einstein.cz/clanek.php?id=47">Vyhledßvßme na Google.com</a></div><div class="delitko"> </div><div>- <a class="ven" href="http://www.einstein.cz/clanek.php?id=52">┌vod do CSS</a></div><div class="delitko"> </div></div>
  90. <div class="delitko"> </div>        <!-- <div class="boxxtop">Einstein∙v tip</div>
  91.         <div class="boxxbot"></div>
  92.         <div class="delitko"> </div> -->
  93.         <div class="boxxtop">Ikonka serveru</div>
  94.         <div class="boxxbot" style="text-align:center;"><a class="ven" href="http://www.einstein.cz/oserveru/ikonka.php"><img src="./ikonka/ikonka.png" height="31" width="88" border="0" alt="Einstein.cz" /><br/><small>Ikonka serveru</small></a></div>
  95.         <div class="delitko"> </div></div>
  96.       <!-- <div class="obsah" style="background-color:#606099;padding:2px;color:#ffffff;">Tvorba WWW > PHP > Zßklady PHP</div> -->
  97.       <div class="obsah">   <div><h1>Javascript za 5 minut</h1></div><small>vydßno : <a class="ven" href="http://www.einstein.cz/vydano.php?d=30&m=01&r=2003">30. 01. 2003</a>, autor : <a class="ven" href="http://www.einstein.cz/autor.php?id=1">Marek Soldßt</a>, kategorie : <a class="ven" href="http://www.einstein.cz/tvorbawww/">Tvorba WWW</a> - <a class="ven" href="http://www.einstein.cz/tvorbawww/javascript/">JavaScript</a></small><br /><br /><p>Tento Φlßnek je urΦen pro ty, je╛ cht∞jφ pochopit zßkladnφ podstatu JavaScriptu,
  98. jak se pou╛φvß a kam se vklßdß. Nenφ to ╛ßdnß uΦebnice, jen spφ╣e takov² <em>·vod</em> pro ty,
  99. je╛ cht∞jφ javascript na sv²ch strßnkßch pou╛φvat.</p><p>JavaScript je skriptovacφ jazyk, kter² se provßdφ na stran∞ klienta tj. na cφlovΘm poΦφtaΦi.
  100. Vklßdß se do dokumet∙ HTML, bu∩ p°φmo, nebo pomocφ externφho souboru
  101. K jeho b∞hu pot°ebujete pouze prohlφ╛eΦ, podporujφcφ JavaScript. Zdrojov² k≤d JavaScriptu
  102. se vklßdß bu∩ p°φmo do dokumentu:</p>
  103.  
  104. <p class="priklad">
  105. <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"><br/>
  106.    --- k≤d JavaScriptu ---<br/>
  107. </SCRIPT>
  108. </p>
  109.  
  110. <p>
  111. nebo do externφho souboru s p°φponou .js :
  112. </p>
  113.  
  114. <p class="priklad">
  115. <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" SRC="mujskript.js"><br/>
  116. </SCRIPT>
  117. </p>
  118.  
  119. <p>Samoz°ejm∞ m∙╛eme javascripty provΘst po urΦitΘ akci n∞jakΘho objektu(onLoad, onMouseOver, ...),
  120. p°φkaz(y) se pak vklßdajφ rovnou jako hodnota atributu:
  121. </p>
  122.  
  123. <p class="priklad">
  124. <IMG SRC="obrazek.gif" OnMouseOver="this.src=\'obrazek2.gif\'">
  125. </p>
  126.  
  127. <p>
  128. Pokud vklßdßme JavaScript p°φmo do dokumentu, bylo by vhodnΘ cel² k≤d vlo╛it do komentß°e.
  129. Vyhneme se tak necht∞nΘmu zobrazovßnφ Φßstφ zdrojovΘho k≤du u prohlφ╛eΦ∙, kterΘ JavaScript
  130. nepodporujφ:
  131. </p>
  132.  
  133. <p class="priklad">
  134. <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"><br/>
  135. <!--<br/>
  136.    --- k≤d JavaScriptu ---<br/>
  137. // -><br/>
  138. </SCRIPT>
  139. </p>
  140.  
  141. <p>
  142. V Javascriptu m∙╛eme psßt vφce p°φkaz∙ na °ßdek, ale pak je musφme odd∞lovat st°ednφkem:
  143. </p>
  144.  
  145. <p class="priklad">
  146. <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"><br/>
  147. <!--<br/>
  148.    window.alert(\'Vφtejte na mΘ strßnce!\'); window.alert(\'P°eji mnoho zßbavy.\');<br/>
  149. // -><br/>
  150. </SCRIPT>
  151. </p>
  152.  
  153. <p>Te∩, kdy╛ vφme, jak a kam se JavaScripty vklßdajφ, vytvo°φme si jednoduch² skript, kter²
  154. v vypφ╣e text "Vφtejte na m²ch strßnkßch":
  155. </p>
  156.  
  157. <p class="priklad">
  158. <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"><br/>
  159. <!--<br/>
  160.    document.write(\'Vφtejte na m²ch strßnkßch\');<br/>
  161. // -><br/>
  162. </SCRIPT>
  163. </p>
  164.  
  165. <p>Otßzkou je, zdali v JavaScriptu psßt jednoduchΘ, nebo dvojitΘ uvozovky. Obojφ je sprßvn∞,
  166. ale Vßm doporuΦuji v JavaScriptu uvozovky v╛dy jednoduchΘ, nevznikajφ pak problΘmy p°i vklßdßnφ
  167. JavaScript∙ do efektu n∞jakΘho objektu. Dvojit²mi uvozovkami bych efekt p°edΦasn∞ ukonΦil
  168. a zbytek k≤du by le╛el jentak uprost°ed tagu, co╛ rozhodn∞ nenφ to pravΘ. Te∩ si ale ukß╛eme,
  169. jak v JavaScriptu provßd∞t jednoduchΘ poΦetnφ operace:
  170. </p>
  171.  
  172. <p class="priklad">
  173. <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"><br/>
  174. <!--<br/>
  175.    cislo = 56 + 4;<br/>
  176.    document.write(\'SouΦet Φφsel 56 a 4 je: \'+cislo+\'.\');<br/>
  177. // -><br/>
  178. </SCRIPT>
  179. </p>
  180.  
  181. <p>
  182. Nynφ ale p°ichßzφ okam╛ik, kdy budeme po u╛ivateli vy╛adovat urΦitß vstupnφ data. V nßsledujφcφm skriptu pou╛ijeme
  183. funkci prompt, co╛ je dialogovΘ okno se vstupnφm polem.
  184. </p>
  185.  
  186. <p class="priklad">
  187. <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"><br/>
  188. <!--<br/>
  189.    jmeno=window.prompt(\'Jak se jmenujete ?\');<br/>
  190.    document.write(\'Va╣e jmΘno je: \'+jmeno+\'.\');<br/>
  191. // -><br/>
  192. </SCRIPT>
  193. </p>
  194.  
  195. <p>
  196. Dal╣φ dv∞ funkce, kterΘ s u╛ivatelem komunikujφ formou dialogov²ch oken jsou alert a confirm. Ob∞ si je (s op∞tovn²m
  197. vyu╛itφm funkce prompt) p°edstavφme v dal╣φm p°φkladu:
  198. </p>
  199.  
  200. <p class="priklad">
  201. <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"><br/>
  202. <!--<br/>
  203.    window.alert(\'ZaΦφnßme !\');<br/>
  204.    souhlas=window.confirm(\'Souhlasφ╣ ?\');<br/>
  205.    barva=window.prompt(\'Jakß je tvoje oblφbenß barva ?\');<br/>
  206.    document.write(\'ZaΦali jsme.\');<br/>
  207.    if (souhlas) {document.write(\'<FONT COLOR="green">Souhlasil si.</FONT>\');} else <br/>
  208. {document.write(\'<FONT COLOR="red">Nesouhlasil si.</FONT>\');}<br/>
  209.    document.write(\'Tvoje oblφbenß barva je \'+barva+\'.\');<br/>
  210. // -><br/>
  211. </SCRIPT>
  212. </p>
  213.  
  214. <p>
  215. Slabß strßnka tohoto p°φkladu se projevφ ve chvφli, kdy v dialogovΘm vstupnφm poli kliknete na STORNO. Jak si sami
  216. m∙╛ete ov∞°it, v tomto p°φpad∞ bude mφt prom∞nnß BARVA hodnotu NULL, co╛ nenφ ono. V tomto skriptu se pokusφme
  217. tuto chybu odstranit:
  218. </p>
  219.  
  220. <p class="priklad">
  221. <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"><br/>
  222. <!--<br/>
  223.    window.alert(\'ZaΦφnßme !\');<br/>
  224.    souhlas=window.confirm(\'Souhlasφ╣ ?\');<br/>
  225.    barva=window.prompt(\'Jakß je tvoje oblφbenß barva ?\');<br/>
  226.    document.write(\'ZaΦali jsme.\');<br/>
  227.    if (souhlas) {document.write(\'<FONT COLOR="green">Souhlasil si.</FONT>\');} else <br/>
  228. {document.write(\'<FONT COLOR="red">Nesouhlasil si.</FONT>\');}<br/>
  229.    if (barva==null) {document.write(\'Oblφbenß barva nebyla zadßna.\');} else <br/>
  230. {document.write(\'Tvoje oblφbenß barva je \'+barva+\'.\');}<br/>
  231. // -><br/>
  232. </SCRIPT>
  233. </p>
  234.  
  235. <p>
  236. Pou╛itφm jinΘho operßtoru celou v∞c je╣t∞ zjednodu╣φme:
  237. </p>
  238.  
  239. <p class="priklad">
  240. <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"><br/>
  241. <!--<br/>
  242.    window.alert(\'ZaΦφnßme !\');<br/>
  243.    souhlas=window.confirm(\'Souhlasφ╣ ?\');<br/>
  244.    barva=window.prompt(\'Jakß je tvoje oblφbenß barva ?\');<br/>
  245.    document.write(\'ZaΦali jsme.\');<br/>
  246.    if (souhlas) {document.write(\'<FONT COLOR="green">Souhlasil si.</FONT>\');} else <br/>
  247. {document.write(\'<FONT COLOR="red">Nesouhlasil si.</FONT>\');}<br/>
  248.    if (barva!=null) {document.write(\'Tvoje oblφbenß barva je \'+barva+\'.\');} <br/>
  249. // -><br/>
  250. </SCRIPT>
  251. </p>
  252.  
  253. <p>Na zßv∞r snad jen to, ╛e obsah Va╣ich strßnek by m∞l b²t p°φstupn² i prohlφ╛eΦ∙m
  254. bez javascriptu (nebo, pokud majφ javascript vypnut²). Prvnφ mo╛nostφ, jak toho
  255. docφlit je pou╛φvßnφ javascriptu pouze na dopl≥kovΘ efekty (jako nap°φklad zm∞na
  256. obrßzku tlaΦφtka po najetφ my╣φ atd.). Pokud chcete ale JavaScriptem vypisovat
  257. i informace, kterΘ se mß nßv╣t∞vnφk dozv∞d∞t, musφte ud∞lat je╣t∞ "nßhradnφ" text
  258. pro ty, kte°φ javascript nemajφ. Tento text pak vlo╛φte kamkoli do t∞la dokumentu
  259. mezi tagy <strong><noscript></strong> a <strong></noscript></strong>.
  260. Existujφ i takovφ rßdoby webdesignΘ°i, kte°φ mezi tyto tagy napφ╣φ text typu
  261. <em>Po°i∩te si lep╣φ prohlφ╛eΦ!</em>. To je ale rozhodn∞ neprofesionßlnφ. I trochu
  262. rozhßzen² design toti╛ urΦit∞ p∙sobφ lΘpe, ne╛-li takovΘto hlß╣ky. V∞°φm, ╛e
  263. javascript budete pou╛φvat jen st°φzliv∞ a s rozvahou, v opaΦnΘm p°φpad∞ to m∙╛e
  264. siln∞ ze╣tφhlit mno╛stvφ Va╣ich nßv╣t∞vnφk∙.</p><div class="autor">
  265.   <div class="foto"><img src="./data/autori/foto1.png" width="80" height="100" border="0" alt="Fotografie autora" /></div>
  266.   <div class="jmeno"><strong>Marek Soldßt</strong>,
  267.   <a class="ven" href="http://www.einstein.cz/mailto:marek@soldat.cz">marek@soldat.cz</a></div>
  268.   <div class="popis">Autor je ╣Θfredaktorem serveru <a class="ven" href="http://www.einstein.cz/http://www.einstein.cz/">Einstein.cz</a>.</div>
  269.   </div><div class="oddelovac"> </div><div class="celltable" cellspacing="0"><div class="celltabletop">Komentß°e</div>
  270. <div class="celltablebot"><table style="font-size:12px;" cellspacing="0">
  271. <tr><td><strong>V∞c</strong></td><td style="width:100px;"><strong>Autor</strong></td><td style="width:160px;"><strong>Datum a Φas</strong></td></tr>
  272. <tr><td colspan="3"><br><div style="text-align:center;">K Φlßnku nejsou ╛ßdnΘ komentß°e.</div><br></td></tr><tr><td colspan="3"><a class="ven" href="http://www.einstein.cz/komentare/zobrazit.php?clanekid=73">Zobrazit V╣e</a> | <a class="ven" href="http://www.einstein.cz/komentare/novy.php?clanekid=73&odpoved=0">P°idat nov²</a></td></tr></table>
  273. </div></div>
  274. <div class="delitko"></div>
  275.       </div>
  276.     <div style="clear:left;height:5px;"></div>
  277.     <div style="clear:right;"></div>
  278.   </div>
  279.     </div><div class="menu">
  280.       <span><a class="ven" href="http://www.einstein.cz/aktuality/">Aktuality</a></span>
  281.       <span><a class="ven" href="http://www.einstein.cz/diskuze/">Diskuze</a></span>
  282.       <span><a class="ven" href="http://www.einstein.cz/hardware/">Hardware</a></span>
  283.       <span><a class="ven" href="http://www.einstein.cz/internet/">Internet</a></span>
  284.       <!-- <div><a class="ven" href="http://www.einstein.cz/programovani/">Programovßnφ</a></div> -->
  285.       <span class="active"><a class="ven" href="http://www.einstein.cz/tvorbawww/">Tvorba WWW</a></span>
  286.       <!-- <div><a class="ven" href="http://www.einstein.cz/download/">Download</a></div> -->
  287.       <!-- <div><a class="ven" href="http://www.einstein.cz/literatura/">Literatura</a></div> -->
  288.       <!-- <div><a class="ven" href="http://www.einstein.cz/download/">Hry</a></div> -->
  289.       <span><a class="ven" href="http://www.einstein.cz/historie/">Historie poΦφtaΦ∙</a></span>
  290.       <span><a class="ven" href="http://www.einstein.cz/oserveru/">O serveru</a></span>
  291.       <span><a class="ven" href="http://www.einstein.cz/slovnik/">IT Slovnφk</a></span>
  292.       <div class="oblibene"><a class="ven" href="http://www.einstein.cz/#top">Nahoru</a> <img src="./nahoru.gif" border="0" height="10" width="10" alt="Nahoru" /></div>
  293.     </div>
  294.   <div class="copyright">© Copyright Marek Soldßt 2003, kopφrovßnφ a nßslednΘ ╣φ°enφ jakΘkoli Φßsti obsahu bez <a class="ven" href="http://www.einstein.cz/svoleni.php">souhlasu autora</a> zakßzßno!</div>
  295. </div></body></html>