Javascript - klik na link, prikaži tekst boks

Javascript koji omogućava klikom na tekstualni link prikazivanje animiranog prozora sa dodatnim objašnjenjem.

primer:

pogledajte primer>>>

Upotreba: kod ispod kopirajte u head i body sekciju Vaše stranice.

Head kod:

<script type="text/javascript" src="highslide-with-html.js"></script>
<link rel="stylesheet" type="text/css" href="highslide.css" />


<!--
    2) Optionally override the settings defined at the top
    of the highslide.js file. The parameter hs.graphicsDir is important!
-->

<script type="text/javascript">
    hs.graphicsDir = 'graphics/';
    hs.outlineType = 'rounded-white';
</script>

Body kod:

<div>

<!--
	3) The contentId option points to the id of the div below. Remember to change it in both
	places if you have multiple popups!
-->

<a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html' } )"
		class="highslide">
	HTML content
</a>

<div class="highslide-html-content" id="highslide-html">
	<div class="highslide-header">
		<ul>
			<li class="highslide-move">
				<a href="#" onclick="return false">Pomeri</a>
			</li>
			<li class="highslide-close">
				<a href="#" onclick="return hs.close(this)">Zatvori</a>
			</li>
		</ul>
	</div>
	<div class="highslide-body">
		Tehnike optimizacije pretraživača se baziraju na poznavanju osobina pretraživača, tj. na poznavanju algoritma po kome pretraživači rangiraju sajtove pri
                        njihovoj analizi, posle čitanja tj. kravlovanja (crawl=puzati, gmizati).
                        Jednostavno rečeno, <a href="http://www.sajt-dizajn.ra/seo-optimizacija-pretrazivaca.html">SEO</a> podrazumeva podešavanje, tj.  "štelovanje" sajta i njegovog okruženja tako da bi sajt što bolje bio prihvaćen od strane pretraživača.
                        Cela optimizacija se ne odnosi samo na konstrukciju stranice, već i na
                        to koliko je taj sajt popularan na Internetu, bez obzira na njegovu konstrukciju! Zbog toga SEO možemo klasifikovati u dve kategorije:
	</div>
    <div class="highslide-footer">
        <div>
            <span class="highslide-resize" title="Resize">
                <span></span>
            </span>
        </div>
    </div>
</div>

</div>

Dodatni fajlovi: text-html-textbox.zip i graphics.zip - otpakovati u folder gde je stranica

Novosti:

Partner sajta iz nagradne igre :

početna > Download > javascript - klik na link, prikaži tekst boks

Design by sajt-dizajn grupa