Olivier Gabathuler
2006-Feb-27 22:09 UTC
update a second div with Ajax.Updater, when Ajax.InPlaceEditor has just finished to modify another first div
Hi, I''m a newbees in javascripting with scriptaculous, but I wonder someone to help me on that simple (not for me of course !) case : I''d like to update a second div with Ajax.Updater, when Ajax.InPlaceEditor has just finished to modify another first div ? How could I do this in this kind of code : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <title>Environnement de production</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-15" /> <script src="scriptaculous.js" type="text/javascript"></script> <script src="prototype.js" type="text/javascript"></script> <script src="unittest.js" type="text/javascript"></script> <script src="dragdrop.js" type="text/javascript"></script> <script src="effects.js" type="text/javascript"></script> <script src="controls.js" type="text/javascript"></script> <script src="slider.js" type="text/javascript"></script> <style type="text/css" media="screen"></style> </head> <body text=#000000 vLink=#551a8b aLink=#ff0000 link=#0000cc bgColor=#ffffff topMargin=3 marginheight="3"> <div id="box1" class="box1" style="z-index:1000;width:100%;height:30%;"> <span id="box1"></span> <fieldset id="field1" STYLE="font-size: 8pt"> <legend STYLE="COLOR: #ff0000; font-size: 8pt"> <p id="command1"> <script type="text/javascript" language="javascript" charset="utf-8"> new Ajax.Updater(''command1'', ''_ajax_inplaceeditor_command1.html'', {asynchronous:true}); </script> </p></legend> <div id="box2"> <script type="text/javascript" language="javascript" charset="utf-8"> new Ajax.Updater(''box2'', ''_ajax_inplaceeditor_result_command1.html'', {asynchronous:true}); </script> </div> </fieldset> </div> <script type="text/javascript" language="javascript" charset="utf-8"> new Draggable(''box1'',{handle:''box1''}); </script> <script type="text/javascript" language="javascript" charset="utf-8"> new Ajax.InPlaceEditor($(''command1''), ''_ajax_inplaceeditor_command1.html'', {ajaxOptions: {method: ''put''}}); // I''d like to update box2 with new generated html page from "Ajax.InPlaceEditor($(''command1'')..." result ! </script> </body> </html> Thanks a lot ! Olivier Gabathuler