šablóny HTML je zvyčajne jeden alebo viac HTML dokumentov , ktoré poskytujú rámec pre webové stránky , ale nezahŕňajú žiadny obsah . Užívateľ môže kúpiť šablónu HTML vytvoriť webové stránky rýchlo zadaním svojej spoločnosti kontaktné informácie a doplnenie ďalších prázdnych úsekov v šablóne s informáciami špecifické pre jej spoločnosti . Môžete zavolať JavaScript z šablóny HTML rovnakým spôsobom , ako by ste ho spúšťate z ľubovoľného súboru vo formáte HTML . Pokyny dovolená 1
Vytvoriť šablónu HTML , ktorá obsahuje kontaktný formulár a volania JavaScriptu zo šablóny na overenie , že používateľ zadal údaje do kontaktného formulára . Vytvoriť nový HTML súbor pomocou programu Poznámkový blok alebo editora HTML a zadajte informácie o HTML hlavičky do súboru : < ! DOCTYPE HTML >
HTML šablóny < /title > <br> 2 <p> vytvoriť nejaký štýl pre chybové správy , ktoré sa zobrazí, ak nebola žiadna informácie zadané do poľa na vstupnom formulári : <br> <p> <style> <br> <p> chybovú { color : . červené , font - Hmotnosť : bold ; } <br> <p> < /style > <br> 3 <p> Vytvorte funkciu jazyka JavaScript , ktorá bude volaná z šablóny , keď užívateľ odošle formulár HTML a bude overiť , či používateľ zadal informácie do každého vstupného poľa . Referenčné jednotlivé formulárové prvky ich názvy a divs pre chybových správ ich ID . Vracia true v prípade , že overenie bolo úspešné a false , ak to nebolo úspešné : <br> <p> <script> <br> <p> funkcie validate ( ) { <br> <p> var NameError = document.getElementById ( " NameError " ) ; <br> <p> var emailError = document.getElementById ( " emailError " ) ; <br> <p> nameError.innerHTML = " " ; <br> <p> emailError.innerHTML = " " ; <br> <p> if ( document.contact.name.value == " " ) { <br> <p> nameError.innerHTML = " Musíte zadať meno " ; ! <br> <p> return false ; <br> <p> } <br> <p> if ( document.contact.email.value == " " ) { <br> <p> emailError.innerHTML = " Musíte zadať e - mailovú adresu " ; ! <br> <p> return false ; <br> <p> } <br> <p> return true ; <br> <p> } <br> <p> < /script > <br> <p> < /head > <br> Stránka 4 <p> Vytvorte HTML kontaktný formulár . Priradenie rovnaké mená do formulára a vstupné hodnoty , ako ste boli zvyknutí vo funkcii jazyka JavaScript a rovnaké identifikátory sa chybové oznámenia divs . Vytvorte tlačidlo Odoslať na formulári a volanie funkcie JavaScript overenie s " onSubmit " udalosť , ktorá umožní forma majú byť spracované , ak funkcia vráti hodnotu true , ale to nebude predkladať formulár v prípade , že funkcia vráti FALSE : <br> <p> <body> <br> <p> Vyplňte , prosím , nasledujúce informácie sa dozvedieť viac o svojej firme : <br> <p> <form name="contact" onSubmit="return validate()"> <br> <p> Meno : input type = " text " name = " name " width = " 30 " > <span id="nameError" class="error"> < /span > <br> <p> E - mail : <input name="email" width="30"> <span id="emailError" class="error"> < /span > <br> <p> <input type="submit" name="Submit" value="submit"> <br> <p> < /form > <br> <p> < /body > <br> <p> < /html > <br> 5 <p> Uložte HTML súbor a otvorte ho v prehliadači . Test , ktorý formulár nepredloží ak jeden zo vstupných polí kontaktov je prázdny . <br>
<div class="wodejimotaobuguo">
<div class="oukbwqe121s"><script language='javascript' src='http://www.pocitac.win/ad/sk/2.js'></script></div>
<div class="oukbwqe122s"></div>
</div>
<ul class="yongbaonidasda">
<li>Predchádzajúca strana: <a class='LinkPrevArticle' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403295.html' >Ako zmeniť Drop - Down index JavaScript </a></li>
<li>Ďalšia strana: <a class='LinkNextArticle' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403297.html' >Ako vypočítať kĺzavý úhrn vo JavaScript </a></li>
</ul>
</div>
<div class="fa324wds"></div>
<div class="xiangguandwdsawqe2">
<h4>Odporúčané články</h4>
<div class="shenmedoubuxiangyaodsa">
<ul class="xinlimianshuosd1">
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403448.html" target="_blank">Ako nakonfigurovať proxy PAC súbory </a></li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403392.html" target="_blank">Ako testovať na prázdne pole so zapnutým javascriptom </a></li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403093.html" target="_blank">Ako to urobiť kumulatívne posun jazdca v jQuery </a></li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403464.html" target="_blank">Ako zakázať Print Screen JavaScript </a></li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403118.html" target="_blank">JavaScript Vs . VBScript </a></li>
</ul>
<ul class="xinlimianshuosd2">
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403427.html" target="_blank">Ako načítať dáta z databázy pomocou Java Script </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403249.html" target="_blank">Ako volať IFRAME prostredníctvom formulára </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403483.html" target="_blank">Ako môžem použiť iBox </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403625.html" target="_blank">Ako si vyrobiť JavaScript Cyklistika Banner </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403233.html" target="_blank">Ako používať Prototype JS </a> </li>
</ul>
</div>
</div>
</div>
<div class="shangkuaikiada2">
<div class="tahuiyuuedaogenhananr">
<div class="shenbiandhsaq21"><h4>Najnovšie články</h4></div>
<ul>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403407.html" target="_blank" class="ewq32ada131">Ako zmeniť HTML Text s premennými JavaScript </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403407.html" target="_blank">JavaScript je klient - side skriptovací jazyk , ktorý používa premenné , ktoré sa chovajú v veľa rovnaký cesta že premenné sa správajú v iných programovacích jazykoch . Javascript premenné nemusia byť vyhlásená pred ich použitím , ani to , že je potrebné mať priradený typ alebo alokovanú pamäť . Môžete použiť premenné JavaScriptu držať hodnoty s cieľom aktualizácie väčšinu webových stránok objekty dynamicky , napríklad textu alebo grafiky . Navyše , používať JavaScript aktualizovať HTML elementu</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403529.html" target="_blank" class="ewq32ada131">Ako porovnať Java Script String </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403529.html" target="_blank">Porovnanie reťazcov v JavaScripte sa obvykle používajú pre validáciu formulára , parsovanie textu a reagovať na vstup užívateľa . V JavaScriptu , porovnávanie reťazcov je podobná porovnávanie čísel . Porovnanie sa používajú v JavaScripte pre kontrolu vykonávania kódu pomocou riadiacich štruktúr , ako je if - elseif - else bloky , while , for slučky a switch . Podmienený príkaz , ako je value < = 1 ( hodnota je menšia alebo rovná 1 ) alebo username == admin ( premenná užívateľské meno obs</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403277.html" target="_blank" class="ewq32ada131">Ako čítať iframe obsahu v JavaScripte </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403277.html" target="_blank">S JavaScript metódou getElementById , programátori môžu kontrolovať a upravovať intímne detaily objektov , ktoré tvoria webové stránky . GetElementById pristupuje k vnútornej rámec webovej stránky s názvom Document Object Model alebo DOM . Programátor môže aj prístup k obsahu dokumentov do dokumentov , ako sú rámy a iFrame , pomocou vlastnosti innerHTML DOM . Z bezpečnostných dôvodov sa niektoré prehliadače neumožňujú DOM prístup k iFrame uložené lokálne na vašom počítači . Ak chcete zabezpečiť </a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403612.html" target="_blank" class="ewq32ada131">Ako vytvoriť registračný formulár na webovej stránky </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403612.html" target="_blank">web registračný formulár vám môže poskytnúť - majiteľ na webové stránky - užitočné informácie o užívateľovi , ako napríklad , kto je navštívi vaše stránky , a čo jeho preferencie a záujmy sú . To môže tiež pridať úroveň zabezpečenia na webové stránky , ktoré vám umožní vybrať , kto má prístup k vášmu webu . Môžete vytvoriť registračný formulár pomocou niektoré základné formátovanie JavaScriptu a HTML . Návod Vytvorenie formulára Pokyny JavaScript Cestuj 1 Otvorte Poznámkový blok alebo editora </a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403459.html" target="_blank" class="ewq32ada131">Ako vytvoriť heslo pre webové stránky </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403459.html" target="_blank">Existuje niekoľko spôsobov , ako vytvoriť webové stránky chránené heslom , od jednoduchých až po veľmi zložité . Môžete vytvoriť veľmi jednoduchú heslom chránené stránky pomocou niekoľkých riadkov JavaScriptu na stránke venovanej zadanie hesla . Tento spôsob ochrany heslom je jednoduchý , ale vyžaduje určité znalosti pozadia Web design a programovanie JavaScriptu pred pokusom . Pokyny dovolená 1 Vytvoriť odkaz na stránku chránenú heslom na vašej domovskej stránke . 2 Zadajte kód na novú strán</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403542.html" target="_blank" class="ewq32ada131">Javascript Timer Tutorial </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403542.html" target="_blank">Vytvorenie webovej stránky , ktorá osviežuje po každých pár minút , vyžaduje použitie JavaScriptu . S JavaScriptu , môžete nastaviť stránku aktualizovať po uplynutí stanoveného časového intervalu a zobrazí odpočítavanie , ktorý sa zobrazí , keď bude budúci obnovovaciu konať . Môžete tiež vytvárať časované udalosti , ktoré bežia alebo slučky vo vopred definovanom čase a synchronizovať viac udalostí na časovej osi . Načasovanie udalosti v JavaScripte sa vykonáva pomocou setTimeout ( ) metódu , k</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403113.html" target="_blank" class="ewq32ada131">Ako presmerovať na inú stránku v JavaScripte </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403113.html" target="_blank">Keď presuniete svoje webové stránky na inú doménu alebo premiestniť stránky na rovnakej doméne , mali by ste presmerovať svoje staré stránky na nové . To pomáha návštevníkom nájsť nové umiestnenie svojho obsahu . Najlepší spôsob , ako presmerovať webové stránky a stránky , je nakonfigurovať server vykonávať presmerovania automaticky , takže vyhľadávače budú nasledovať presmerovanie . Avšak , ak nemáte prístup k serveru , môžete použiť JavaScript Page ( JSP ) presmerovať návštevníkov . Pokyny dov</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403443.html" target="_blank" class="ewq32ada131">Ako vytvoriť Fotogaléria s ďalšie a predchádzajúce odkaz a Veľký obrázok Pop - Ups </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403443.html" target="_blank">fotogaléria , ktorá je charakterizovaná veľkými obrazovými pop - up a ďalšie a predchádzajúce tlačidiel je známy ako lightbox . Svetelné sú spoločné prvky používateľského rozhrania v on - line aplikáciách . Ich dizajn je elegantný a atraktívny , ale to je tiež logické a funkčné . Stali sa veľmi ľahko implementovať , pretože sú tak časté . Veci , ktoré budete potrebovať klipart textový editor Zobraziť ďalšie inštrukcie Cestuj 1 Vyberte si a stiahnuť implementáciu lightbox . Populárne implementá</a></p>
</li>
</ul>
</div>
<div class="fjsdkfuio2">
<div class="ioufahkwq2311"><h4>JavaScript Programovanie</h4></div>
<ul>
<li><a href="http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/404048.html" target="_blank">Ako napísať formulár s jQuery </a></li><li><a href="http://www.pocitac.win/Programovanie/Java-Programming/402447.html" target="_blank">Ako používať súradnice X a Y v jazyku Java </a></li><li><a href="http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/405406.html" target="_blank">MySQL Perl Tutorial </a></li><li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/407251.html" target="_blank">Funkcia V VB.NET </a></li><li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/399190.html" target="_blank">Ako načítať hodnotu atribútu iba v XQuery </a></li><li><a href="http://www.pocitac.win/Programovanie/Java-Programming/402807.html" target="_blank">Ako pridať Rozprávať na vaše stránky </a></li><li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/399656.html" target="_blank">Ako ladiť v DLL </a></li><li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/407064.html" target="_blank">Ako vložiť Náhodné znaky do textového poľa vo VB6 </a></li>
</ul>
</div>
<div class="d342sdfw42"></div>
<div class="huiyishazsad">
</div>
</div>
</div>
</div>
<div class="dibudasdwqe213">
<div class="daspoiepwqieq12">
<div class="dsarew2342a">
<ul>
<h3>Programovanie</h3>
<li><a class='childclass' href='http://www.pocitac.win/Programovanie/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/' target="_self">Počítač Programovacie jazyky</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/delphi-Programovanie/' target="_self">delphi Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/' target="_self">JavaScript Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/' target="_self">PHP /MySQL Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/perl-Programming/' target="_self">perl Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/python-Programovanie/' target="_self">python Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/ruby-Programming/' target="_self">ruby Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/' target="_self">Vizuálne Základy programovania</a></li>
</ul>
</div>
</div>
<div class=clink><a href='http://sk.365electric.com' target=_blank>Elektronických</a><a href='http://ip.sk.nrtool.com/' target=_blank>IP</a> <a href='http://sk.0685.com' target=_blank>Slovensko život</a> <a href='http://sk.98905.com' target=_blank>Dom a záhrada</a> <a href='http://www.765492.com' target=_blank>Elektronických</a></div><p class="d342dsf2">Copyright © <a href="http://www.pocitac.win/" target="_blank" title="počítačové znalosti" class="dsa21d">počítačové znalosti</a> Všetky práva vyhradené</p>
</div>
</body>
</html>