Hidden div

Erittäin hyödyllinen ohje jos haette vaikka kannasta tietoa ja ette halua näyttää sitä selaimessa, kuin tietyssä kohdassa.
Seuraava scripti on aika pitkä niin laitoin sen omaan tiedostoon. Tiedoston saat TÄÄLTÄ.

<script type="text/javascript" src="js/hide_div.js"></script>

Itse käytän tätä kun haen usean palvelimen tietoja ja näytän ne www-sivuilla oikeassa paikassa. Tämä koodikin on siis käytössä töissäni.

< span onmouseover="ShowText('testing'); return true;" onmouseout="HideText('testing');
return true;">< a href="javascript:ShowText('testing')"> < img height='17'
width='17' src="images/info.png"></a></span>
< div id='testing' class='box'> Tämän tekstin te haluatte nähdä :)< /div>

Laitoin omaan .css tiedostoon .box classin, jossa on laitettu tieto miltä hidden div näyttää kun se tulee esiin.

.box {
	width: 140px;
	padding: 10px;
	border: 2px solid #add2e2;
	display:none;
	position: fixed;
	background-color: #FFF;
	-moz-border-radius:8px;
    -webkit-border-radius:8px;
    -khtml-border-radius:8px;
    border-radius:13px;
}

Kommentoi ensimmäisenä

Vastaa

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *