, opbygge et web 2.0 dokumentsøgning på,,,,, andel,,,,,,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss., i denne artikel, vil vi skabe et dokument på stedet med jquery.dette sted vil blive anvendt til at søge dokumenter med angivelse af en forlængelse (fil).dataene er filtreres og sendt til google.vi vil lære mange jquery tips og færdigheder gennem processen.en grå kasse stik af "colorbox", og en tooltip stik af "simpletip" vil også blive indført i denne artikel.lad os komme i gang.,,,,,, indførsel, i dag, den mest nyttige redskaber til at surfe på nettet er søgemaskiner som google, yahoo og msn bor.desværre er ikke alle ved, hvordan man bruger disse instrumenter effektivt og korrekt. i denne artikel, vil vi anvende en lille google - søgning trick for at skabe et web 2.0 - websted.fra dette sted, brugerne kan søge dokumenter ved at indtaste et nøgleord og valg af en bestemt sag, type.jeg vil være mere opmærksom på de jquery anvendelse i stedet bygge proces.når det er afsluttet, det afsluttede projekt skal have følgende.,, trin 0: ressourcer, logoer og ikoner, selvfølgelig, hvis du vil, kan du lave dine egne logoer eller ikoner med photoshop.men hvis du er en doven mand som mig, du kan downloade dem online.men jeg er opmærksom på de kørekort, fordi nogle af disse midler er ikke tilladt til kommerciel brug. creatr er et godt sted, der yder en service til at skabe web 2.0 - logo på nettet.vigtigst af alt, det er gratis og let at anvende.der er mange stilarter, du kan vælge at oprette deres logo.jeg valgte noget som følgende.,, ikoner bruges i denne artikel, er alle fra vinduerne kontrolsystem.hvis du hellere vil bruge andre symboler, revision iconza og weloveicons at finde smukke billeder.også, kan du bruge et ikon søgemaskine til at finde billeder på internettet.gå til iconfinder eller iconlook at have en prøve, trin 1: side layout, vores forside, vil svare til google.com.en kort indledende tegning ligner følgende:,http: //kode for denne side er følgende. <!doctype html offentlige "- //w3c //dtd xhtml 1, 0 midlertidige //en" http: //www.w3.org /tr /xhtml1 /dtd /xhtml1 overgangsbestemmelser. dtd "> < http: //xmlns =" http: //www.w3.org /1999 /xhtml "> og lt; head > < meta - http equiv =" content type = "indhold" tekst /html; charset = utf - 8 "/> < afsnit > søge dokumenter med google.</title> \t</head> \t<body> <div id="header"> <a href="#"><img src="images/logo_docs.gif" /></a> </div> \t<div id="wrapper"> \t\t<div id="types"> \t\t<a href="" value="doc" id="doc" title="documents in Microsoft Word (DOC)"><span>DOC</span></a> \t\t<a href="" value="pdf" title="documents in Adobe Acrobat (PDF)"><span>PDF</span></a> \t\t<a href="" value="xls" title="documents in Microsoft Excel (XLS)"><span>XLS</span></a> \t\t<a href="" value="ppt" title="documents in Microsoft Powerpoint (PPT)"><span>PPT</span></a> \t\t<a href="" value="rtf" title="documents in rich text format (RTF)"><span>RTF</span></a> \t\t<a href="" value="txt" title="documents in Text-format (TXT)"><span>TXT</span></a>\t\t \t\t<a href="" value="bat" title="documents in MS-DOS (BAT)"><span>BAT</span></a> \t\t</div> \t\t<div> \t\t\t<input type="text" name="word" id="word" size=65 maxlength=100/><br/><br/> \t\t\t<a id="google" href="http://www.google.com">Search Docs</a> \t\t</div> \t</div> <div id="footer" > <div id="footLinks"> <a title="about" href="" target="_blank">About</a>
bygge en web 2.0 dokumentsøgning på
Previous:uden for boksen sejlads med jquery