Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [AJAX]Pomocy mintajax
bartek6949
post
Post #1





Grupa: Zarejestrowani
Postów: 89
Pomógł: 1
Dołączył: 18.05.2009

Ostrzeżenie: (10%)
X----

Witam wszystkich mam problem z mintajax .Mam zrobiony ekwipunek z funkcja drop and drag i zapisem wszystkiego do bazy danych .Oto kod
[PHP] pobierz, plaintext 
  1. <?php
  2. include('config.php');
  3. $login = $_SESSION['log'];
  4. ?>
  5. <head>
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  7. <link rel="stylesheet" type="text/css" href="style.css" />
  8. <style type="text/css">
  9. </style>
  10. <script type="text/javascript" src="mintAjax.js"></script>
  11. <script type="text/javascript">
  12.  
  13. var eq = {}, bag = null, url = "update.php";
  14.  
  15. var reqConfig = {
  16. // ustawienia wysyłanych zapytań
  17. }
  18. function AddItem(id, typ,id_ekwi, amount, name, img) {
  19. // tworzymy nowy element z przedmiotem
  20. id = (name) ? id_ekwi : id_ekwi;
  21. id_ekwi = (name) ? id_ekwi : id_ekwi;
  22. name = (name) ? name : name;
  23. amount = (amount) ? amount : amount;
  24. img = (img) ? img : img;
  25. var item = $C("div", id, "item "+typ);
  26.  
  27. //deklaruje zmienna amount1
  28. var amount1= amount;
  29. // przypisujemy nazwę przedmiotu do elementu (potrzebne przy wysyłaniu do serwera)
  30. item.name = id_ekwi;
  31. // generujemy nazwę pliku obrazka
  32. item.style.backgroundImage = "url(items/"+img+".gif)";
  33. item.title = name;
  34. item.alt = name;
  35. item.typ = typ;
  36. item.img = img;
  37.  
  38. // rejestrujemy przedmiot jako przeciągalny
  39. var drag = mint.gui.RegisterDragObject(item);
  40.  
  41. // funkcja wywoływana po upuszczeniu elementu
  42. drag.OnDragStop = function(obj) {
  43.  
  44. // sprawdzamy czy element został upuszczony w ekwipunku, jeśli nie wstawiamy go do plecaka
  45.  
  46. if (!obj.dragObject.dropZone) bag.InsertItem(obj);
  47.  
  48. }
  49.  
  50. drag.dragClass = 'alpha';
  51.  
  52. if( amount1 == '1'){
  53. // wstawiamy element do plecaka
  54. $("eq-"+typ+"").appendChild(item);
  55. }else{
  56. $("bag").appendChild(item);
  57. }
  58. }
  59. function InitEq() {
  60. // nazwy pól ekwipunku gdzie będą wstawiane przedmioty
  61. var slots = ["head", "rhand", "torso", "shield", "legs"];
  62.  
  63. for(var s in slots) {
  64. // rejestrujemy pole jako kontener (nazwa slotu z tabeli)
  65. eq[slots[s]] = mint.gui.RegisterDropZone("eq-"+slots[s]);
  66.  
  67. // ustawiamy kontener
  68. eq[slots[s]].insertInside = false;
  69. eq[slots[s]].useDummyNode = false;
  70. eq[slots[s]].acceptClass = slots[s];
  71.  
  72. // przypisujemy nazwę pola
  73. eq[slots[s]].name = slots[s];
  74.  
  75. // funkcja wywoływana po dodaniu przedmiotu
  76. eq[slots[s]].OnAdd = function(obj) {
  77. var item = this.obj.firstChild;
  78.  
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85. // wysyłamy zapytanie do serwera aktualizujące ekwipunek w bazie danych
  86. var req = mint.Request().Set(reqConfig);
  87. // identyfikator pola do którego został dodany przedmiot
  88. req.AddParam("slot", this.name);
  89. // nazwa przedmiotu
  90. req.AddParam("item", obj.name);
  91. req.AddParam("name", obj.title);
  92. req.AddParam("id", obj.id);
  93. // akcja
  94. req.AddParam("action", "dodaj");
  95. // aktualizujemy dane na serwerze
  96. req.Send("ekwibaza.php", "response");
  97. }
  98. eq[slots[s]].OnRemove = function(obj) {
  99. var req = mint.Request().Set(reqConfig);
  100.  
  101. // identyfikator pola do którego został dodany przedmiot
  102. req.AddParam("slot", this.name);
  103. // nazwa przedmiotu
  104. req.AddParam("item", obj.name);
  105. req.AddParam("name", obj.title);
  106. req.AddParam("id", obj.id);
  107. // akcja
  108. req.AddParam("action", "zdejmij");
  109. // aktualizujemy dane na serwerze
  110. req.Send("ekwibaza.php", "response");
  111.  
  112.  
  113. }
  114. }
  115. }
  116.  
  117.  
  118. function InitBag() {
  119. bag = mint.gui.RegisterDropZone("bag");
  120.  
  121. bag.OnAdd = function(obj) {
  122. }
  123. }
  124.  
  125.  
  126.  
  127.  
  128. </script>
  129.  
  130. <script language="javascript">
  131. function OnLoad()
  132. {
  133. InitEq();
  134. InitBag();
  135. <?php
  136. $zapytanie2 = "SELECT `iditem`,`eq` FROM `itempl` WHERE `uzytkownik`=$login";
  137. $count = mysql_query($zapytanie2);
  138. while ($konie = mysql_fetch_row($count))
  139. {
  140. $id = $konie[0];
  141. $zal = $konie[1];
  142.  
  143.  
  144. $zapytanie = "SELECT `id`,`nazwa`,`typ`,`img` FROM `item` WHERE `id`='$id'";
  145. $idzapytania = mysql_query($zapytanie);
  146. while ($tt=mysql_fetch_row($idzapytania))
  147. {
  148. echo 'AddItem(';
  149. echo "'$tt[0]' ,'$tt[2]','$tt[0]', '$zal', '','$tt[3]' ";
  150. echo ');';
  151. }
  152. }
  153. ?>
  154. }
  155. </script>
  156.  
  157.  
  158.  
  159.  
  160. </head>
  161.  
  162. <body onload="OnLoad()">
  163.  
  164. <div id="eq">
  165. <div id="eq-head" class="slot"></div>
  166. <div id="eq-rhand" class="slot"></div>
  167. <div id="eq-torso" class="slot"></div>
  168.  
  169. <div id="eq-shield" class="slot"></div>
  170. <div id="eq-legs" class="slot"></div>
  171. </div>
  172.  
  173. <div id="bag-outer">
  174. <div id="bag"></div>
  175. </div>
  176. <div id="response"></div>
  177. </body>
  178. </html>
[PHP] pobierz, plaintext

Chcialbym aby po najechaniu na jakis ekwipunek (obrazek ekwipunku)pojawial sie dymek ale nie title tylko taki prostokatny a w nim rozne napisy .
Probowalem to rozwiazac za pomoca css ale nie wiem zabardzo jak to poloczyc z ajax
[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2.  
  3. p span {display: none;}
  4. p:hover span {display: block;
  5.    top: 20px; left: 0; width: 125px;
  6.   padding: 5px; margin: 10px;z-index:100;
  7.   color: black; background: #0066CC;
  8.   font: 10px Verdana, sans-serif; text-align: center;}
  9.  
  10. </style>
[HTML] pobierz, plaintext

Bardzo prosze o pomoc i dziekuje.

Dzieki wszystkim za pomoc!!! biggrin.gif

A tak na serio to znalazlem fajny skrypt java ktory modyfikuje title ale nie wiem jak go zastosowac
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. <!-- <![CDATA[
  3. /*****************************************
  4.   Copyright (c) 2004 Tomasz Elendt- Eluś
  5. this script is free for non-commercial use
  6. *****************************************/
  7. function tooltip(d,E,b,i,a){
  8.   d=document;E=d.documentElement;b=d.body;if(!E)return;
  9.   for(i=0;a=b.getElementsByTagName("a")[i];i++){
  10.     if(a.title){
  11.       with(a.t=d.createElement("div")){
  12.         id="tooltip"
  13.         innerHTML=a.title.replace(/\|/g,"<br />")
  14.       }
  15.       a.onmouseover=function(e){
  16.         with(this){title="" ;onmousemove(e)}
  17.         b.appendChild(this.t)
  18.       }
  19.       a.onmouseout=function(x){
  20.         with(this){title=t.innerHTML.replace(/<br \/>/g,"\|")}
  21.         if(x=d.getElementById("tooltip"))b.removeChild(x)
  22.       }
  23.       a.onmousemove=function(e){
  24.         e=e||event;with(this.t.style){
  25.          left=e.clientX+(E.scrollLeft||b.scrollLeft)+"px"
  26.          top=e.clientY+(E.scrollTop||b.scrollTop)+"px"
  27.         }
  28.       }
  29.     }
  30.   }
  31. }
  32. function addEvent(O,E,F,x){
  33.   return(x=O.addEventListener)?x(E,F,1):(x=O.attachEvent)?x('on'+E,F):!1
  34. }
  35. addEvent(window,'load',tooltip);
  36.  
  37. // ]]> -->
  38. </script>
[HTML] pobierz, plaintext

dziala jak ja zrobie link albo obrazek i tam wkleje title np.
[HTML] pobierz, plaintext 
  1. <a href="#" title="opis">link</a>
[HTML] pobierz, plaintext

Ale title ze skryptu(obrazki z eq) wyswietlaja sie normalnie na szarym tle i niemozna w nich wyswietlac w paru linijkach.
Prosze pomoz ktos!!

Prosze pomoz ktos

Ten post edytował bartek6949 18.05.2009, 20:00:13
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 19.08.2025 - 13:14
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn