JAVASCRIPT Butonlar ShowInfo

Hoşgeldiniz giriş yapmak için tıklayın veya ücretsiz üye olun.

BANA ÖZEL

KOD EKLE

JAVASCRIPT> Butonlar>

ShowInfo

Id No : 203

Detaylar

Ekleyen : efkan

Üyelik : 30.09.2006

Son Giriş : 25.08.2010

Kullanıcı Profili | Üyenin Diğer Kayıtları | Üyeye Mesaj Gönder

Tavsiye Et

Hata Bildir

Ön İzle

Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%

İçerik Hakkında

Butonların üzerine gelindiğinde altlarında açıklamaları çıkıyor. Kullanışlı bir uygulama.

İçerik Kodu

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="en-us">
<meta name="AUTHOR" content="Ira Sterbakov irasterb@erols.com">
<meta name="Date" content="Sept. 5, 2003">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Dynamic Information Function</title>
<script language="JavaScript" type="text/javascript">
<!--

//set last shown pointer to FirstOn, the id of the initial div
var kid = "FirstOn"

function ShowInfo(DivId)

{

document.getElementById(kid).style.display = ''none'';
		document.getElementById(DivId).style.display = ''block'';
		kid = DivId;

}

</script>

</head>

<center>
<h2>ShowInfo</h2>
<p><b><font size="6" color="#0000FF">This is the first part of the page</font></b></p>
<table width="90%" border="0" cellspacing="0" cellpadding="0">
  <tr height="42" align="center">
    <td><a href="wc.htm" onmouseover="ShowInfo(''WC'')"><font color="#FFFFFF"
      size="5"><b><img src="welcome.gif" name="welcome" border="0" width="151"
      height="36"></b></font></a></td>
    <td><a href="pc.htm" onmouseover="ShowInfo(''PC'')"><font color="#FFFFFF"
      size="5"><b><img src="prospect.gif" name="prosp" border="0" width="151"
      height="36"></b></font></a></td>
    <td><a href="rc.htm" onmouseover="ShowInfo(''RC'')"><font color="#FFFFFF"
      size="5"><b><img src="programs.gif" name="academic" border="0" width="151"
      height="36"></b></font></a></td>
  </tr>
</table>
<div id="FirstOn" style="display: block;">
  <b><font size="5" color="#FF0000">Move the mouse over any of the above to see
  more information.</font></b>
</div>
<div id="PC" style="display: none;">
  <b><font size="5" color="#008000">This is the time for all good men to come to
  the aid of the party when in fact there is no party</font></b>
</div>
<div id="WC" style="display: none;">
  <p><b><font size="5" color="#FF0000">I think there are better times ahead, but
  can not be sure if they are real or not.</font></b></p>
  <p><b><font size="5" color="#FF0000">This is the time that try men''s soles,
  and make women laugh at them.</font></b></p>
  <p><b><font size="5" color="#FF0000">I was once lost but am now found.</font></b>
</div>
<div id="RC" style="display: none;" align="center">
  <p><font color="#FFFFFF" size="5"><b>I think there are not really better times
  ahead, but who cares if they are not real.</b></font></p>
  <p><font size="5"><b>This is the time I just want to go to bed and sleep.</b></font></p>
</div>
<div onmouseover="ShowInfo(''FirstOn'')">
  <p><b><font size="4" color="#0000FF">Here we are back with normal coding
  functions. The mouse here resets the display.</font></b></p>
</div>
<p>A simple function for dynamic compositions from a Mouseover.</p>
<p>Function ShowInfo(<font color="#FF0000">DivId</font>) where:<br>
<br>
<font color="#FF0000">DivId </font>is the target div id in quotes<br>
-----------------<br>
</p>
<p>Another small but powerful function by <a
href="mailto:irasterb@erols.com?subject=ShowInfo"><font color="#0000FF">Ira</font></a>.</p>
</center>

</body>

İncelenme sayısı : 3118 Eklenme Tarihi : 17.08.2007 09:28:12

Ana Sayfam yap

Sık Kullanılanlara Ekle

Üyelik

İletişim

Web sayfamızda yayımlanan içerik ve linklerden oluşabilecek sorunlardan Kod Merkezi sorumlu tutulamaz. 0,17