Strona 1 z 4 123 ... OstatniOstatni
Pokaż wyniki od 1 do 10 z 34

Wątek: Drop&Drag-problem z wyslaniem danych

  1. #1
    Zarejestrowany
    Dołączył
    Mar 2013
    Posty
    72

    Domyślnie Drop&Drag-problem z wyslaniem danych

    Witajcie.Robię drop and drag bez poradnika zaglądając na stronę jquery.com.Mam 1 zmienną "var a = 0";
    Przy ubraniu itemu podnosi a do +1.Chcę wyslać te dane do pliku php "test.php".Dodalem na wypadek gdyby nie udalo się error:
    Tutaj plik index.html:
    Kod html:
    
    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8" />
    <title>DiD</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <style>
    #draggable {
    background: red;
     width: 50px;
     height: 50px;
     padding: 0.5em; 
    float: left; 
    margin: 10px 10px 10px 0;
    z-index: 99;
    }
    #droppable {background: yellow; width: 50px; height: 50px; padding: 0.5em; float: left; margin: 10px; }
    #eq{
    position: absolute;
    top: 70%;
    left: 20%;
    background: pink;
    height: 150px;
    width: 300px;
    }
    #okno{
    background: lightgreen;
    position: absolute;
    top: 70%;
    left: 70%;
    width: 50px;
    height: 50px;
    }
    </style>
    <script>
    var a = 0;
    $(function() {
    $( "#draggable" ).draggable({ 'revert': 'invalid',
    containment: "window",
     });
    $( "#droppable" ).droppable({ 
    'accept': '.mis',
     drop: function( event, ui ) {
    if (a == 0)
    {
    a = a + 1;
    pokaz();
    $.ajax({
        type     : "POST",
        url      : "test.php",
        data     : {
                ba : a
        },
        success : function(msg) {
    	alert(msg);
        },
    	error:    function(error) {
       alert('nie udalo sie');
        }
    });
    }
    }});
    $('#eq').droppable({ 
    'accept': '.mis', 
    drop: function( event, ui) {
    if (a == 1)
    {
    a = 0;
    pokaz();
    }
    }
    });
    });
    </script>
    <script>
    function pokaz(){
    
    alert(a);
    }
    
    </script>
    </head>
    <body>
    <div id="draggable" class="mis">
    </div>
    <div id="droppable" class="tutaj">
    </div>
    <div id="eq" class="eq">
    </div>
    
    </body>
    </html>
    
    Natomiast w pliku test.php jest zwykle echo 'dziala';
    Lecz nie chcę wyświetlić 'dziala' ponieważ wywoluje się alert w $.ajax tam przy error:

    Mogę liczyć na pomoc?
    Ostatnio edytowane przez kamilxd ; 08-07-2013 o 18:31
    Zawsze pozytywnie nastawiony

  2. #2
    Zarejestrowany Awatar Migo
    Dołączył
    Aug 2011
    Posty
    905

    Domyślnie

    Kod php:
    <script>
        var 
    0;
        $(function () {
            $(
    "#draggable").draggable({
                
    'revert''invalid',
                
    containment"window",
            });
            $(
    "#droppable").droppable({
                
    'accept''.mis',
                
    drop: function (eventui) {
                    if (
    == 0) {
                        
    1;
                        
    pokaz();
                        $.
    ajax({
                            
    type"POST",
                            
    url"test.php",
                            
    data: {
                                
    baa
                            
    },
                            
    success: function (msg) {
                                
    alert(msg);
                            },
                            
    error: function (error) {
                                
    alert('nie udalo sie');
                            }
                        });
                    }
                }
            });
            $(
    '#eq').droppable({
                
    'accept''.mis',
                
    drop: function (eventui) {
                    if (
    == 1) {
                        
    0;
                        
    pokaz();
                    }
                }
            });
        });
    </script>
    <script>
        function pokaz() {

            alert(a);
        }
    </script> 
    Problem leży tutaj

  3. #3
    Aktywny
    Dołączył
    Jul 2008
    Posty
    866

    Domyślnie

    EDIT:
    Nevermind.


    A gdzie ma się wyświetlać?
    W pliku test.php
    Daj sobie
    Kod php:
    session_start();
    $_SESSION['test'] = 'works'
    Nie wchodź w ten plik.

    i zrób inny plik php, np. test2.php
    Kod php:
    session_start();
    echo 
    $_SESSION['test']; 

    Wejdź na stronę swoją z ajaxem, potem wbij w plik test2.php i sprawdx czy sesja się wykona.

  4. #4
    Aktywny
    Dołączył
    Dec 2011
    Posty
    273

    Domyślnie

    Daj w error: alert(error); i pokaż zawartość alert'u.

    Kod:
     $("#draggable").draggable({
                'revert': 'invalid',
                containment: "window",
            });
    ... coś tu chyba jest nie tak...

  5. #5
    Zasłużony Awatar Rodkan
    Dołączył
    Mar 2011
    Posty
    1,465

    Domyślnie

    Sprawdź w FireBugu czy na pewno wykonuje się zapytanie, jeśli nie to sprawdź błąd lub wklej go tutaj.

  6. #6
    Zarejestrowany
    Dołączył
    Mar 2013
    Posty
    72

    Domyślnie

    Wyświetlać ma mi się przykladowo 'dziala' w index.html
    wyświetlilo podwójnie "nie znaleziono elementu".Ale to w konsoli www bo firebug nie mam
    Zawsze pozytywnie nastawiony

  7. #7
    Aktywny
    Dołączył
    Dec 2011
    Posty
    273

    Domyślnie

    Kod:
    jQuery(document).ready(
    	function(){
    		var a = 0;
    
    		jQuery("#draggable").draggable(
    			{
    				revert:      'invalid',
    				containment: 'window'
    			}
    		);
    
    		jQuery( "#droppable" ).droppable(
    			{ 
    				accept: '.mis',
    				drop: function(){
    					if (a == 0){
    						a += 1;
    						alert(a);
    
    						jQuery.ajax(
    							{
    								type: "POST",
    								url : "test.php",
    								data: "?ba=a",
    								success: function(msg){
    									alert("Udało się: "+msg);
    								},
    								error: function(msg){
    									alert("Nie udało się: "+msg);
    								}
    							}
    						);
    					}
    				}
    			}
    		);
    
    		jQuery('#eq').droppable(
    			{ 
    				accept: '.mis', 
    				drop: function(){
    					if (a == 1){
    						a = 0;
    						alert(a);
    					}
    				}
    			}
    		);
    	}
    );
    ... zobacz czy działa, powiedz co zwraca, jak nie działa i nic nie zwraca to sprawdź błędy w konsoli.

  8. #8
    Zarejestrowany
    Dołączył
    Mar 2013
    Posty
    72

    Domyślnie

    :"Nie udalo się [object object]
    Zawsze pozytywnie nastawiony

  9. #9
    Zasłużony Awatar Rodkan
    Dołączył
    Mar 2011
    Posty
    1,465

    Domyślnie

    Sprawdź ścieżkę czy na pewno poprawna. Bo "nie znaleziono elementu" to właśnie sugeruje.

  10. #10
    Aktywny
    Dołączył
    Dec 2011
    Posty
    273

    Domyślnie

    Pokaż plik test.php...

Strona 1 z 4 123 ... OstatniOstatni

Informacje o wątku

Użytkownicy przeglądający ten wątek

Aktualnie 1 użytkownik(ów) przegląda ten wątek. (0 zarejestrowany(ch) oraz 1 gości)

Podobne wątki

  1. Drag and Drop dd
    Przez maix w dziale JavaScript/AJAX
    Odpowiedzi: 2
    Ostatni post / autor: 27-05-2012, 10:35
  2. Drag and drop
    Przez maix w dziale Budowa gry via www
    Odpowiedzi: 10
    Ostatni post / autor: 12-02-2012, 11:13
  3. Tabelka Drag And Drop
    Przez swirus w dziale JavaScript/AJAX
    Odpowiedzi: 4
    Ostatni post / autor: 11-10-2010, 19:43
  4. Skrypty Drag&Drop
    Przez Drikam w dziale JavaScript/AJAX
    Odpowiedzi: 13
    Ostatni post / autor: 11-03-2009, 07:15
  5. Ekwipunek z u??yciem DRAG & DROP!
    Przez Amoath w dziale Budowa gry via www
    Odpowiedzi: 4
    Ostatni post / autor: 16-03-2008, 10:38

Zakładki

Uprawnienia umieszczania postów

  • Nie możesz zakładać nowych tematów
  • Nie możesz pisać wiadomości
  • Nie możesz dodawać załączników
  • Nie możesz edytować swoich postów
  •