Witam,
za pomoca ajax odbieram liste zadan z pliku k_zadpokaz.php. Dodałam funkcje z jquery ale nie działa. Po najechaniu na link powinno pojawic sie okienko z tekstem. Jezeli otwieram plik k_zadpokaz.php bezposrednio z paska adresu w przegladarce to funkcja JS dziala jezeli strone otrzymuje jako wynik przez AJAX to nie dziala..
<script type="text/javascript" src="lib/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".menu a").hover(function() {
$(this).next("em").animate({opacity: "show", left: "200", top: "-85"}, "fast");
}, function() {
$(this).next("em").animate({opacity: "hide", left: "200", top: "-85"}, "fast");
});
});
</script>
<style type="text/css">
body {
margin: 10px auto;
width: 570px;
font: 75%/120% Arial, Helvetica, sans-serif;
}
.menu {
margin: 100px 0 0;
padding: 0;
list-style: none;
}
.menu li {
padding: 0;
margin: 0 2px;
float: left;
position: relative;
text-align: center;
}
.menu a {
padding: 14px 10px;
display: block;
color: #000000;
width: 144px;
text-decoration: none;
font-weight: bold;
background: url(images/button.gif) no-repeat center center;
}
.menu li em {
background-color: #FFFF66;
width: 180px;
height: 45px;
position: absolute;
top: -85px;
left: -15px;
text-align: center;
padding: 20px 12px 10px;
font-style: normal;
z-index: 2;
display: none;
}
</style>
<script language="javascript" type="text/javascript">
<!--
//Browser Support Code
function r_pracownik(i_prac){
var ajaxRequest; // The variable that makes Ajax possible!
try{
// Opera 8.0+, Firefox, Safari
ajaxRequest = new XMLHttpRequest();
} catch (e){
// Internet Explorer Browsers
try{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
// Something went wrong
alert("Your browser broke!");
return false;
}
}
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4){
var ajaxDisplay = document.getElementById('ajaxDiv');
ajaxDisplay.innerHTML = ajaxRequest.responseText;
}
}
var pracownik = i_prac.options[i_prac.selectedIndex].value;
var queryString = "?pracownik=" + pracownik;
ajaxRequest.open("GET", "function/k_zadpokaz.php" + queryString, true);
ajaxRequest.send(null);
}
//-->
</script>
<table width="200" align="center" border="0">
<tr>
<td>Pracownik</td>
<td><select name="pracownik" onChange="r_pracownik(this)" size="1">
<option value="x">Wybierz</option>
<?
{
echo '<option value="'. $row_prac['id_prac'] .'">'. $row_prac['imie'] .' '. $row_prac['nazwisko'] .'</option>' ; }
?>
</select></td>
</tr>
</table>
<center><div id='ajaxDiv'>Wybierz pracownika</div></center>
//*****plik k_zadpokaz.php*******
//lista zadan..
<ul class="menu">
<li>
<a href="7">test 1</a>
<em>Test szybkiego podgladu 1</em>
</li>
<li>
<a href="7">test 2</a>
<em>Test szybkiego podgladu 2</em>
</li>
</ul>