Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di atenea
    Registrato dal
    May 2009
    Messaggi
    82

    jquery ui dialog con $.post()

    salve a tutti,, sono nuova di questo forum e non ho molta pratica con jquery.

    Al momento mi sono bloccata all'utilizzo di dialog con la quale (premento un pulsante) vorrei fare una chiamata ajax usando $.post. Questo è possibile? Vi scrivo qui il codice:

    codice:
    function modifica_dati(cod_articolo,id_file,titolo,descrizione){
    $("#tab_dati_file").remove();
    $( "#dialog-confirm" ).dialog({
    resizable: false,
    height:300,
    modal: true,
    buttons: {
    "Modifica dati": function() {
    //$( this ).dialog( "close" );
    $.post("res/php_script/rpc_file.php",{tipo:"articolo",articolo:cod_articolo,file:id_file,titolo:$(input[name="titolo"]).val(),descrizione:$(textarea[name="descrizione"]).val()},
    function(data){
    alert("modifiche effettuate");
    });
    $( this ).dialog( "close" );
    },
    Annulla: function() {
    $( this ).dialog( "close" );
    }
    }
    });
    //$( "#dialog-confirm" ).dialog("enable");
    $("#dialog-confirm").append('<table id="tab_dati_file"><tr><td>Titolo:</td><td><input name="titolo_file" type="text" value="'+titolo+'"/></td></tr>\n\
    <tr><td>Descrizione:</td><td><textarea name="descrizione">'+descrizione+'"</textarea></td></tr></table>');
    $( "#dialog-confirm" ).dialog("open");
    }
    
    )'>
    [img]res/img/design/modifica.png[/img]
    
    <div id="dialog-confirm" title="Modifica dati file" style="display:none">
    
    
    <span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>
    Sei sicuro di voler modificare i dati descrittivi di questo file?
    </p>
    </div>
    Nella pagina richiamata da post faccio una query.

    Il problema è che con questo codice quando clicco sul pulsante di modfica non succede assolutamente niente.

    Avete qualche suggerimento??
    ^_^

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Manca l'evento al button, prova cosi fermo restando che la chiamata sia corretta
    codice:
    buttons: {
    "Modifica dati": function() {
    //$( this ).dialog( "close" );
    $(this).live('click', function(){
    $.post("res/php_script/rpc_file.php",{tipo:"articolo",articolo:cod_articolo,file:id_file,titolo:$(input[name="titolo"]).val(),descrizione:$(textarea[name="descrizione"]).val()},
    function(data){
    alert("modifiche effettuate");
    });
    });
    $( this ).dialog( "close" );
    }
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it L'avatar di atenea
    Registrato dal
    May 2009
    Messaggi
    82

    RISOLTO

    C'era qualche errore di sintassi:

    ecco il codice funzionante:

    codice:
    function modifica_dati(cod_articolo,id_file,titolo,descrizione){
                $("#tab_dati_file").remove();
                $( "#dialog-confirm" ).dialog({
                resizable: false,
                height:300,
                modal: true,
                buttons: {
                        "Modifica dati": function() {
                            $.post("res/php_script/rpc_file.php",{tipo:"articolo",articolo:cod_articolo,file:id_file,titolo:$('input[name="titolo_file"]').val(),descrizione:$('textarea[name="descrizione_dialog"]').val(),operazione:"modifica"},
                            function(data){
                                 alert(data);
                                 location.reload();
                            });
                            $( this ).dialog( "close" );
                        },
                        Annulla: function() {
                                $( this ).dialog( "close" );
                        }
                }
                });
                //$( "#dialog-confirm" ).dialog("enable");
                $("#dialog-confirm").append('<table id="tab_dati_file"><tr><td>Titolo:</td><td><input name="titolo_file" type="text" value="'+titolo+'"/></td></tr>\n\
                                                <tr><td>Descrizione:</td><td><textarea name="descrizione_dialog">'+descrizione+'</textarea></td></tr></table>');
    		$( "#dialog-confirm" ).dialog("open");
    	}
    Unica cosa è che vorrei ricaricaricare solo una parte della pagina non tutta ...
    ^_^

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.