Pomoc - Szukaj - U¿ytkownicy - Kalendarz
Pe³na wersja: [AJAX] funkcja z jquery wywolana przez ajax
Forum PHP.pl > Forum > XML, AJAX
lutador
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..


  1. <script type="text/javascript" src="lib/jquery.js"></script>
  2.  
  3. <script type="text/javascript">
  4.  
  5. $(document).ready(function(){
  6.  
  7.    $(".menu a").hover(function() {
  8.        $(this).next("em").animate({opacity: "show", left: "200", top: "-85"}, "fast");
  9.    }, function() {
  10.        $(this).next("em").animate({opacity: "hide", left: "200", top: "-85"}, "fast");
  11.    });
  12.  
  13.  
  14. });
  15. </script>
  16.  
  17. <style type="text/css">
  18. body {
  19.    margin: 10px auto;
  20.    width: 570px;
  21.    font: 75%/120% Arial, Helvetica, sans-serif;
  22. }
  23. .menu {
  24.    margin: 100px 0 0;
  25.    padding: 0;
  26.    list-style: none;
  27. }
  28. .menu li {
  29.    padding: 0;
  30.    margin: 0 2px;
  31.    float: left;
  32.    position: relative;
  33.    text-align: center;
  34. }
  35. .menu a {
  36.    padding: 14px 10px;
  37.    display: block;
  38.    color: #000000;
  39.    width: 144px;
  40.    text-decoration: none;
  41.    font-weight: bold;
  42.    background: url(images/button.gif) no-repeat center center;
  43. }
  44. .menu li em {
  45.    background-color: #FFFF66;
  46.    width: 180px;
  47.    height: 45px;
  48.    position: absolute;
  49.    top: -85px;
  50.    left: -15px;
  51.    text-align: center;
  52.    padding: 20px 12px 10px;
  53.    font-style: normal;
  54.    z-index: 2;
  55.    display: none;
  56. }
  57. </style>
  58.  
  59. <script language="javascript" type="text/javascript">
  60. <!--
  61. //Browser Support Code
  62. function r_pracownik(i_prac){
  63.    var ajaxRequest;  // The variable that makes Ajax possible!
  64.    
  65.    try{
  66.        // Opera 8.0+, Firefox, Safari
  67.        ajaxRequest = new XMLHttpRequest();
  68.    } catch (e){
  69.        // Internet Explorer Browsers
  70.        try{
  71.            ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
  72.        } catch (e) {
  73.            try{
  74.                ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
  75.            } catch (e){
  76.                // Something went wrong
  77.                alert("Your browser broke!");
  78.                return false;
  79.            }
  80.        }
  81.    }
  82.    // Create a function that will receive data sent from the server
  83.    ajaxRequest.onreadystatechange = function(){
  84.        if(ajaxRequest.readyState == 4){
  85.            var ajaxDisplay = document.getElementById('ajaxDiv');
  86.            ajaxDisplay.innerHTML = ajaxRequest.responseText;
  87.        }
  88.    }
  89.    
  90.    var pracownik = i_prac.options[i_prac.selectedIndex].value;
  91.    var queryString = "?pracownik=" + pracownik;
  92.    ajaxRequest.open("GET", "function/k_zadpokaz.php" + queryString, true);
  93.    ajaxRequest.send(null);
  94. }
  95.  
  96. //-->
  97. </script>
  98. <table width="200" align="center" border="0">
  99.  <tr>
  100.    <td>Pracownik</td>
  101.    <td><select name="pracownik" onChange="r_pracownik(this)" size="1">
  102.        <option value="x">Wybierz</option>
  103.        <?
  104.        
  105.        while($row_prac = mysql_fetch_array($query_prac))
  106.        {
  107.        echo '<option value="'. $row_prac['id_prac'] .'">'. $row_prac['imie'] .' '. $row_prac['nazwisko'] .'</option>' ;
  108.        }
  109.        
  110. ?>
  111.        </select></td>
  112.  </tr>
  113. </table>
  114. <center><div id='ajaxDiv'>Wybierz pracownika</div></center>
  115.  
  116. //*****plik k_zadpokaz.php*******
  117.  
  118. //lista zadan..
  119.  
  120. <ul class="menu">
  121.    <li>
  122.        <a href="7">test 1</a>        
  123.        <em>Test szybkiego podgladu 1</em>
  124.    </li>
  125.    <li>
  126.        <a href="7">test 2</a>
  127.        <em>Test szybkiego podgladu 2</em>
  128.    </li>
  129. </ul>
nospor
skoro korzystasz z jquery to weź chlopie zacznij korzystac z jego mechanizmow ajaxa a nie piszesz w czystym js do ajaxa. No nie tędy droga... smile.gif
Ajax co ty zrobiles nie wykonuje kodu js zawartego w odebranych danych. jQuery juz ci to zrobi
bazyliszek83
Poczytaj TUTAJ
To jest wersja lo-fi g³ównej zawarto¶ci. Aby zobaczyæ pe³n± wersjê z wiêksz± zawarto¶ci±, obrazkami i formatowaniem proszê kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.