Rozwijany tekst.

0

Więc tak chodzi mi, mianowicie o to, że jest jakiś tekst(button) i po naciśnięciu na niego rozwija się jakieś małe pole, czy coś w tym stylu i w środku jest napis: "Ala ma kota"

Więc moje pytanie nasuwa się jak to zrobić.

0

W PHP tego nie zrobisz.
Zainteresuj się np.jQuery, ogólnie JavaScript'em (nie Javą!)

W jQuery mogłoby to być tak:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function()
{
 $('#pole').show('slow');
});
</script>
<div id='pole' style='display:none; background:lightgreen; border: 1px solid black; box-shadow:0px 0px 5px black'>Ala ma kota</div>
0

Dobrze lecz to wyświetla się automatycznie ale jak dodać do np. jakiegoś przycisku.
Np. przepisać to do tego: <li><a href="#" class="active2">Info>></a></li>

0

Tak na szybko:
HTML:

<a href="menu.html" id="0">Menu główne</a><br>
<a href="sklep.html" id="1">Sklep</a><br>
<a href="logowanie.html" id="2">Zaloguj się</a><br><br>
<div id='tooltip'></div>

CSS:

body{
 background: #FFEBCD
}
a{
 font-family: verdana;
 font-size  : 14px;
 color      : black;
}
a:clicked{
 color: black;
}
#tooltip{
 background: #DEB887;
 display   : none;
 border    : 1px solid black;
 box-shadow: 0px 0px 2px black;
}

JS:

$("a").bind("mouseover", function()
{
 var Num = $(this).attr("id")
 var Tab = new Array('Tekst 1', 'Tekst 2', 'Tekst 3')    
 $('#tooltip').html(Tab[Num]);
 $('#tooltip').fadeIn('fast');
});
$("a").bind("mouseout", function()
{
 $('#tooltip').fadeOut('fast')
});        

Nie zapomnij dodać nagłówków jQuery ;)


To jest coś na wzór podpowiedzi.
Gdy najedziesz na jakąś pozycję, to wyświetla jej podpowiedź.
Może z pozoru trochę bez sensu, jednak po przeczytaniu jakiegoś kursu zrozumiesz o co kaman ;)

0

Ale co to jest wyszło mi same menu.

Tak jak zrobiłem:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<a href="menu.html" id="0">Menu główne</a><br>
<a href="sklep.html" id="1">Sklep</a><br>
<a href="logowanie.html" id="2">Zaloguj się</a><br><br>
<div id='tooltip'></div>

<script type="text/javascript">
$("a").bind("mouseover", function()
{
 var Num = $(this).attr("id")
 var Tab = new Array('Tekst 1', 'Tekst 2', 'Tekst 3')    
 $('#tooltip').html(Tab[Num]);
 $('#tooltip').fadeIn('fast');
});
$("a").bind("mouseout", function()
{
 $('#tooltip').fadeOut('fast')
}); 
</script>
</body>
</html>

I w CSS:

@charset "utf-8";
/* CSS Document */

body{
 background: #FFEBCD
}
a{
 font-family: verdana;
 font-size  : 14px;
 color      : black;
}
a:clicked{
 color: black;
}
#tooltip{
 background: #DEB887;
 display   : none;
 border    : 1px solid black;
 box-shadow: 0px 0px 2px black;
}
0

Musisz jeszcze dodać jQuery, gdzieś na początku:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

1 użytkowników online, w tym zalogowanych: 0, gości: 1