Vyhladavanie na web

Grafika, webdesign, spracovanie videa a zvuku...
Philip_J_Fry
Novice
Novice
Príspevky: 2
Registrovaný: 22 jún 2015, 18:59

Vyhladavanie na web

Príspevok od používateľa Philip_J_Fry »

Zdravím :D
Vedel by mi niekto skúsenejší poradiť script na vyhľadávací systém na web?
Vyhľadávať by sa malo len v rámci podstránok, ktoré na webe budú, potom ako užívateľ začne do lišty písať, by sa mal vyrolovať zoznam podstránok začínajúcich na dané písmeno, ktorý sa bude zužovať s každým ďalším zadaným písmenom :)
Vďaka za každú radu/odkaz :wink:
heker
Redeemer
Redeemer
Používateľov profilový obrázok
Príspevky: 14819
Registrovaný: 30 máj 2006, 20:27

Re: Vyhladavanie na web

Príspevok od používateľa heker »

Ty chces ajax vyhladavanie. Udaje na webe mas v databaze z ktorej by to molo nacitavat?
Philip_J_Fry
Novice
Novice
Príspevky: 2
Registrovaný: 22 jún 2015, 18:59

Re: Vyhladavanie na web

Príspevok od používateľa Philip_J_Fry »

Skusil som ajax, uz aj dal co to do kopy... Objavil sa ale problem s tym ze moznosti co sa pri vyhladavani objavuju, nefunguju ako odkazy

//autoeditácia príspevku (22 Jún 2015, 23:54)
Fajn, takže našiel som si celkom jednoduchý vyhľadávací program, kde všetko funguje ako má. Lenže chcem jednotlivé možnosti nalinkovať na iné podstránky, čo sa mi nejako nedarí a už ma nič nenapadá. Tu je kúsok zdrojového kódu. Bol by som za pomoc vďačný.

Kód: Vybrať všetko

<body>
 <form onsubmit="$('#hero-demo').blur();return false;" class="pure-form" style="margin:30px 0;padding:20px 10px;text-align:center">
        
  <input id="hero-demo" autofocus type="text" name="q" placeholder="Vyhľadať..." style="width:100%;max-width:600px;outline:0">
        
 </form>

    <script>
        $(function(){
            $('#hero-demo').autoComplete({
                minChars: 1,
				delay: 300,
                source: function(term, suggest){
                    term = term.toLowerCase();
                    var choices = ['aaa', 'bbb', 'ccc', 'ddd','eee'];
                    var suggestions = [];
                    for (i=0;i<choices.length;i++)
                        if (~choices[i].toLowerCase().indexOf(term)) suggestions.push(choices[i]);
                    suggest(suggestions);
                }
            });
        });
        if (~window.location.href.indexOf('http')) {
            (function() {var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;po.src = 'https://apis.google.com/js/plusone.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);})();
            (function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=380275075435187&version=v2.0";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));
            !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
            $('#github_social').html('\
                <iframe style="float:left;margin-right:15px" src="//ghbtns.com/github-btn.html?user=Pixabay&repo=jQuery-autoComplete&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>\
                <iframe style="float:left;margin-right:15px" src="//ghbtns.com/github-btn.html?user=Pixabay&repo=jQuery-autoComplete&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>\
            ');
        }
    
    </script>
</body>
Napísať odpoveď