javascript - remove - jquery get attribute data

jquery puede hacer esto? ventana emergente para el valor

Question

Usé JavaScript para abrir una nueva ventana (secundaria) cuando el usuario hace clic en el botón desde la ventana principal.

En la nueva ventana (hijo), tengo cuadro de texto y botón, necesito obtener el valor del cuadro de texto y pasar a la ventana primaria cuando el usuario hace clic en el botón, al cerrar la ventana secundaria, necesito el valor actualizado insertado en la ventana principal (sin refrescar la ventana principal) para que pueda mostrar mi valor a algún campo / etiqueta oculta de la ventana principal, ¿cómo puedo hacer eso?

1 ventana principal tiene botón, ventana infantil cliqueada abierta 2- ventana infantil tiene cuadro de texto y botón, cuando se hace clic en el botón, el niño hará una publicación en el servidor para actualizar la base de datos, luego pasará el valor de la ventana de texto a principal sin refrescar la ventana principal, y cerrar la ventana del niño.

¿Cómo puedo hacer eso? ¿Se puede hacer con JavaScript simple? Si lo hago usando jquery, ¿tendré más beneficios? ¿Alguien podría aconsejar cómo puedo hacerlo?

Answer 1

Absolutamente: estás buscando la propiedad abridor nativa de JS (discusión aquí ), no se requiere jquery (aunque puede que esté empaquetado para ti allí).

Sin embargo, la apertura y el cierre de Windows es una forma bastante diferente de 2.0, ¿no preferirías tener una caja de luz o un cuadro de diálogo HTML basado en una página similar? El diálogo jQuery ciertamente sería el camino a seguir para eso.

* bien, con soporte universal si no se han definido los estándares

Answer 2

Sugeriría usar el widget de diálogo jQuery en lugar de una ventana nueva y real. Esto facilitará el acceso al nuevo valor ya que está en el DOM de la misma ventana. Simplemente haga que la devolución de llamada desde el botón que cierra la ventana extraiga el valor del elemento DOM contenido en el cuadro de diálogo y cópielo al elemento DOM objetivo en el formulario.

$(''#popupDialog'').dialog({
     modal: true,
     autoOpen: false,
     buttons: {
          ''Cancel'': function() {
                       $(this).dialog(''close'');
                    },
          ''Accept'': function() {
                       $(''#mainForm input#target'').val( $(this).find(''#widgetName'').val() );
                       $(this).dialog(''close'');
                    }
});

$(''#popupButton'').click( function() {
   $(''#popuDialog'').dialog(''open'');
});


<div id="popupDialog" title="Input a new widget name">
  <p>
     <label for="widgetName">Please input a new widget name:</label>
     <input type="text" id="widgetName" />
  </p>
</div>